/*
	ross, 29/09/2015, changes
	julie, 13/01/15, taking text transform - capitalize off of H1
	ross, 22/01/2016, charsLeft
	julie, 10/02/2016, change backg
	ross, 25/04/2016, DeliveryEstimateLine
	ross, 06/05/2016, closeable
	ross, 15/08/2016, information
	julie, 12/1/2017 padding on msg.
	julie, 1/2/2017, standard a link with underline aUnderline
	julie, 09/03/2017, following changes for new checkout.   b  .mediumPrint, msg, phoneusBasket, mTileClear, label, input button, info, charsleft, paymentbuttonbar, nohover, mcontainermedClear,  mTileBoxDotted, save
	julie, 29/03/2017, .MfullDetails A:hover
	ross, 15/09/2017, changes to plantSizeLine
	ross, 18/09/2017, changes to attributes
	ross, 13/10/2017, plant-shortdesc
	ross, 14/11/2017, blip-free-delivery
	ross, 17/11/2017, more blips
	ross, 24/11/2017, hr divider
	ross, 28/11/2017, cat slider & youtube
	ross, 12/02/2018, remove font size override from PackingBoxText
	ross, 24/09/2018, cookie notice bits
	julie, 17/10/2018, cookie notice changes
	ross, 06/11/2018, update button background color and add .msg-ok, .msg-error, .msg-notice
	ross, 26/02/2019, .smallprint-images
	ross, 19/06/2020, address background to white
	ross, 26/06/2020, text limiter
	ross, 11/09/2020, blip-top-seller
	ross, 11/12/2020, notice-new
	julie, 25/1/2022, changed the style on toxic
	julie, 3/3/2022, plant-offers added background colour
	ross, 18/04/2023, NEW ng/v8 footer stuff
	julie, 5/11/2024, footer_box alignment. 
*/


@font-face {
    font-family: 'burncoose';
    src: url('../serlio-webfont.eot');
    src: url('../serlio-webfont.eot?#iefix') format('embedded-opentype'),
         url('../serlio-webfont.woff') format('woff'),
         url('../serlio-webfont.ttf') format('truetype'),
         url('../serlio-webfont.svg#burncoose') format('svg');
    font-weight: normal;
    font-style: normal;
}

BODY {
	margin:0;
	padding:0;
	background-color:#a0a9a0;
	font-family:verdana,tahoma,arial,helvetica;
	font-size:0.8em;
}


#attributes .resultTile {
	height:160px!important
}

#basketSummary {
	background-color:#fff;
	border:1px solid #000;
	color:#000;
	padding:0 8px 8px
}

/*#basketSummary A {
	color:#4a6265;
	text-decoration:none
}

#basketSummary A:hover {
	text-decoration:underline
}*/

#basketSummary H3 {
	font-size:0.80em;
	font-weight:700;
	margin:0 0 4px;
	padding:0;
	text-align:center
}

#basketSummary IMG {
	border:none
}

#catListNote {
	background-color:#4a6265;
	color:#fff;
	font-size:0.7em;
	margin:0;
	padding:0 8px 8px 16px
}

#catNav {
	color:#4a6265;
	font-size:0.9em;
	padding:2px 0 8px
}

#catNav A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none;
}

#catNav A:hover {
	color:#4a6265;
	text-decoration:underline;
}

#centerdiv {
	text-align:center;
	width:100%;
}

#childCatBox {
	background-color:#fff;
	border:solid 1px #4a6265;
	color:#4a6265;
	margin:4px 0;
	padding:0 4px 4px;
}

#childCatBox H2 {
	background-color:#4a6265;
	color:#fff;
	font-size:0.9em;
	font-weight:700;
	margin:0 8px 8px;
}

#childCatBox UL {
	list-style-type:none;
	margin:0;
}

#childCatBox UL A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none;
}

#childCatBox UL A:hover {
	text-decoration:underline
}

#childCatBoxx {
	background-color:#fff;
	border:solid 1px #4a6265;
	color:#4a6265;
	float:right;
	margin:4px 0;
	padding:0 4px 4px
}

#childCatBoxx .catTilex {
	float:none;
	height:16px;
}



#footerBox .smallprintBox {
	padding:4px 2em;
	background-color:#4a6265;
	color: white;

}

.footerBox{
	text-align:left;
	padding-left:10px;
}


#footerLinkBlock {
	background-color:#4a6265;
	border-top:1px solid #4a6265;
	margin-top:0;
	text-align:left;
	width:100%;
	padding-top: 0.5em;
}

#footerLinkBlock .linkblock {
	background-color:#e2ece8;
	margin-left:150px;
	margin-right:150px;
	padding:8px 8px 0
}

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

#mainMenuBar {
	background-color:#a19f27;
	background-color:#94b669;
	color:#fff;
	font-size:1em;
	height:31px;
	text-align:left
}

#mainMenuBar UL {
	color:#fff;
	list-style-type:none;
	margin:0;
	margin-left:14px;
	padding:0;
	padding-top:6px
}

#mainMenuBar UL LI {
	color:#fff;
	display:inline;
	margin:0;
	padding-right:10px
}

#mainMenuBar UL LI A {
	color:#fff;
	text-decoration:none
}

#mainMenuBar UL LI A IMG {
	border:none;
	padding:0 4px 0 0
}

#mainMenuBar UL LI A:Hover {
	text-decoration:underline
}

#messageBox {
	font-size:1em;
	padding:16px;
	text-align:center
}

nav#breadcrumb {
	padding: 0.25em 1em 1em 1em;
	background-color: #c4dbbf;
	border-bottom: 1px solid #4a6265;
}
nav#breadcrumb p {
	margin: 0 !important;
	color: #798a8c;
}
nav#breadcrumb a {
	display: inline-block;
	padding: 4px;
	border-radius: 8px;
}
nav#breadcrumb a:hover {
	color: #c4dbbf;
	background-color: #4a6265;
	text-decoration: none;
}

#middleColumn {
	font-family:verdana,tahoma,arial,helvetica;
	font-size:inherit;
	height:100%;
	padding:16px;

}


#rightBlurb {
	font-size:0.7em;
	padding:16px
}

#rightBlurb .block {
	margin:0 0 8px
}

#rightBlurb H1 {
	border:none;
	color:#fff;
	font-size:0.8em;
	font-weight:700;
	margin:0;
	text-transform:uppercase
}

#rightBlurb P {
	margin:0;
	padding:4px 0
}

#rightBlurb P A {
	color:#ff0;
	text-decoration:none
}

#rightBlurb P A:hover {
	text-decoration:underline
}

#rightBlurb UL {
	list-style-type:square;
	margin:0;
	padding:0 0 0 12px
}

#rightBlurb UL A {
	color:#ff0;
	text-decoration:none
}

#rightBlurb UL A:Hover {
	color:#fff;
	text-decoration:underline
}

#rightBlurb UL LI {
	margin:0
}

#rightColumn {
	background-color:#4a6265;
	color:#fff;
	float:right;
	height:100%;
	width:160px
}

#rvBox {
	margin-top:16px;
	width:100%
}

#saleButton {
	margin:0 16px 16px
}

#saleButton A {
	color:#004c33;
	font-size:0.8em;
	text-decoration:none
}

#saleButton A:hover {
	color:#fff;
	text-decoration:underline
}

#saleButton H3 {
	/*color:blue*/ color: #003f8f;
	margin:0 0 2px
}

#seeAlsoBox {
	font-size:0.8em
}

#seeAlsoBox H4 {
	margin-bottom:2px
}

#seeAlsoBox UL {
	display:inline;
	margin:0;
	padding:0
}

#seeAlsoBox UL LI {
	display:inline;
	padding:0 16px 0 0
}

#seeAlsoBox UL LI A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none
}

#seeAlsoBox UL LI A:hover {
	text-decoration:underline
}

#shoppingBox {
	display:none
}

#siteBannerSelection {
	float:left;
	height:240px;
	width:480px
}

#siteBannerSelection .tileMedium {
	float:left;
	height:120px;
	width:120px
}

#theBox {
	height:100%;
	text-align:left
}

#toolbarmsg {
	background-color:#102048;
	border:solid 1px #000;
	border-top:none;
	color:#E2E5EC;
	font-size:1em;
	font-style:normal;
	font-weight:400;
	padding:8px
}

#visitCaerhaysBox {
	background-color:#4a6265;
	color:#fff;
	float:left;
	padding:16px 0 0;
	text-align:center;
	width:100%;
	width:150px
}

#visitCaerhaysBox IMG {
	border:none
}

#visitCaerhaysBox P {
	font-size:0.7em;
	margin:0;
	padding:12px
}

#visitCaerhaysBox P A {
	color:#fff
}

#visitCaerhaysBox P A:visited {
	color:#fff
}

#visitVeanBox {
	background-color:#4a6265;
	color:#fff;
	float:right;
	padding:16px 0 0;
	text-align:center;
	width:100%;
	width:150px
}

#visitVeanBox IMG {
	border:none
}

#visitVeanBox P {
	font-size:0.7em;
	margin:0;
	padding:12px
}

#visitVeanBox P A {
	color:#fff
}

#visitVeanBox P A:visited {
	color:#fff
}

#year {
	color:#900;
	display:inline;
	font-family:condensed;
	font-size:4em;
	letter-spacing:-2px;
	vertical-align:top
}



.ShutDownMessage {
	background-color:#CC3300;
}

.ShutDownMessageText {
	color:#000;
	font-size:1em;
	font-weight:700;
	padding:10px
}

.UsualEnd {
	float:left;
	padding:0 0 7px
}

.UsualLeft {
	float:left;
	padding:0 7px 7px 0
}

.UsualRight {
	float:right;
	padding:0 0 7px 7px
}

.addToBasket {
	float:left
}

.attributeGroup {
	background-color:#4a6265;
	color:#fff;
	font-weight:700;
	margin-bottom:4px
}

.attributeGroupDescription {
	font-size:0.7em;
	font-style:italic
}

.attributesLine {
	background-color:#fff;
	border:solid 1px #4a6265;
	color:#4a6265;
	margin:4px 0;
	max-width:300px;
	padding:4px
}

.attributesLine .attribute {
	margin-bottom:8px
}

.attributesLine UL {
	list-style-type:none;
	margin:0
}

.attributesLineCompact {
	margin:1px 0
}

.attributesLineCompact UL {
	list-style-type:none;
	margin:0;
	padding:0
}

.attributesLineCompact UL LI {
	color:#4a6265;
	display:inline
}

.award {
	background-color:#f0f;
	color:#fff;
	font-weight:700
}

.basketQuantityNote_0 {
	background-color:#fff;
	margin:0;
	padding:0
}

.basketQuantityNote_1 {
	background-color:#d9dedd;
	margin:0;
	padding:0
}

.basketQuantityNote_1 B {
	font-size:0.6em;
	font-weight:700
}

.bestseller {
	background-color:#f0f;
	color:#fff;
	font-weight:700
}

.button {
	background-color:#ffd700;
	border:2px solid #4a6265;
	color:#000;
	/*font-size:0.8em; moved to sizechanges css*/
	padding:0 2px 2px;
	height:auto;
}


.button:hover {
	background-color:#4a6265;
	color:#fff
}

.buttonBar {
	text-align:right;
}

.PaymentbuttonBar {
	text-align:left;
}

.camellia {
	font-style:normal
}

.caption {
	font-family:tahoma,arial,helvetica;
	font-size:0.8em;
	font-style:italic;
	padding:4px;
	text-align:center
}

.caption A {
	text-decoration:none
}

.caption A:hover {
	text-decoration:underline
}

.clearit {
	clear:both
}

.dataList {
	border-bottom:dotted 1px #4a6265;
	margin-bottom:8px;
	padding:8px
}

.dataList A {
	color:#4a6265;
	text-decoration:none
}

.dataList A:hover {
	text-decoration:underline
}

.desc {
	color:#4a6265;
	font-size:0.8em;
	margin:4px 0;
	padding:4px 4px 4px 0;
	text-align:justify
}

.error {
	color:#990000;
	font-size:1.2em;
	font-weight:700
}

.eye {
	border:none
}

.eyeSocket {
	text-align:center
}

.eyeSocket IMG {
	border:none
}

.flowersLine {
	margin:8px 0
}

.footerLinkTable {
	border:none;
	padding-top:16px;
	width:100%
}

.footerLinkTable TR TD {
	color:#4a6265;
	padding:0 8px;
	text-align:left;
	vertical-align:top
}

.footerLinkTable TR TD H1 {
	font-size:1em;
	font-weight:700;
	margin:0
}

.footerLinkTable TR TD UL {
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0
}

.footerLinkTable TR TD UL A {
	color:#4a6265;
	text-decoration:none
}

.footerLinkTable TR TD UL A:hover {
	color:#85B4BA;
	text-decoration:underline
}

.footerLinkTable TR TD UL LI {
	margin:0;
	padding:0
}


.freeGift {
	background-color:purple;
	color:#fff;
	font-weight:700
}

.gold {
	background-color:orange;
	color:#fff;
	font-weight:700
}

.imgpadding {
	padding:6px
}

.information {
	color:#004c33;
	font-size:0.8em;
	font-weight:700;
	text-align:justify
}

.information A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none
}

.information A:Hover {
	/*color:blue*/ color: #003f8f;
	text-decoration:underline
}

.informationBigger {
	color:#004c33;
	font-size:1em;
	font-weight:700;
	text-align:justify
}

.instructions {
	background-color:#fff;
	border:solid 1px #004c33;
	color:#000;
	font-weight:700;
	padding: 16px;
	text-align:justify
}

.instructions A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none
}

.instructions A:Hover {
	/*color:blue*/ color: #003f8f;
	text-decoration:underline
}

.intro {
	margin:8px 0
}

.intro A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none
}

.intro A:hover {
	text-decoration:underline
}

.letterBlock {
	width:100%
}

.letterBlock .letter {
	display:inline;
	width:18px
}

.letterBlock .letter A {
	color:#ff0;
	text-decoration:none
}

.letterBlock .letter A:Hover {
	color:#fff;
	text-decoration:underline
}

.letterBlock .month {
	display:inline;
	width:40px
}

.letterBlock .month A {
	color:#ff0;
	text-decoration:none
}

.letterBlock .month A:Hover {
	color:#fff;
	text-decoration:underline
}

.letters {
	margin:8px 0
}

.letters H3 {
	color:#4a6265;
	font-size:0.8em;
	font-weight:700;
	margin-bottom:4px
}

.letters INPUT.button {
	font-size:0.7em
}

.letters INPUT.text {
	background-color:#fff;
	border:2px solid #4a6265;
	font-size:0.7em;
	width:200px
}

.letters P {
	color:#4a6265;
	margin:0;
	padding:0
}

.letters P A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none
}

.letters P A:hover {
	text-decoration:underline
}

.letters UL {
	font-weight:700;
	list-style-type:none;
	margin:0;
	padding:0;
	display: inline-block;
}

.letters UL LI {
	background-color:#4a6265;
	color:#fff;
	display:inline;
	margin:0 1px 0 0;
	padding:3px 4px
}

.letters UL LI A {
	color:#fff;
	text-decoration:none
}

.letters UL LI A.active {
	background-color:#fff;
	color:#4a6265
}

.letters UL LI A:hover {
	background-color:#fff;
	color:#4a6265;
	text-decoration:underline
}

.letters UL LI.active {
	background-color:#fff;
	color:#4a6265
}

.linkblock H1 {
	border-bottom:1px solid #4a6265;
	font-size:1em;
	font-weight:700;
	margin:0 0 0 8px;
	padding-bottom:2px;
	text-align:left;
	text-decoration:none
}
/*
.listTile {
	border-bottom:solid 1px transparent;
	border-left:dashed 1px silver;
	border-right:solid 1px transparent;
	border-top:dashed 1px silver;
	margin:0 10px 10px 0;
	padding:4px;
	text-align:left;
	width:256px
}

.listTile .name {
	font-size:1em;
	font-weight:700;
	text-align:left
}

.listTile .name A {
	color:#4a6265;
	text-decoration:none
}

.listTile .name A:Hover {
	text-decoration:underline
}

.listTile .nothumbnail {
	border:none;
	float:left;
	height:33px;
	margin:0 4px 4px 0;
	width:65px
}

.listTile .thumbnail {
	float:left;
	margin:0 4px 4px 0;
	width:65px
}

.listTile .thumbnail IMG {
	border:1px solid #4a6265;
	width:65px
}

.listTile .view {
	font-size:0.7em;
	margin:4px 0;
	text-align:left
}

.listTile .view A {
	color: #003f8f;
	text-decoration:none
}

.listTile .view A:hover {
	text-decoration:underline
}

.listTile:Hover {
	background-color:#fff;
	border:solid 1px silver
}
*/
.money {
	padding-right:8px;
	text-align:right
}

.monthList {
	color:#4a6265;
	display:inline;
	font-weight:700;
	margin:4px 0
}

.monthList UL {
	color:#4a6265;
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0
}

.monthList UL LI {
	display:inline
}

.monthList UL LI A {
	text-decoration:none
}

.monthList UL LI A:hover {
	text-decoration:underline
}

.monthList UL LI.monthOff {
	color:#a9b8b3;
	font-weight:400
}

.monthList UL LI.monthOff A {
	color:#a9b8b3;
	font-weight:400
}

.monthList UL LI.monthOn {
	color:#4a6265;
	font-weight:700
}

.monthList UL LI.monthOn A {
	color:#4a6265;
	font-weight:700
}


.msg{
	background-color: #990000;
	color: white;
	padding: 1em;
	border-radius: 1em;
	-moz-border-radius: 1em;
	margin: 1em 0;
}

.new {
	background-color:red;
	color:#fff;
	font-weight:700
}

.normal {
	background-color:#fff;
	font-family:tahoma,arial,helvetica;
	font-size:0.8em;
	margin:0;
	padding:0
}

.note {
	color:gray;
	font-size:0.7em
}

.notice {
	color:#990000;
	font-size:1.1em;
	font-weight:700;
	margin:8px;
	padding:8px;
	text-align:justify
}

.offer {
	/*background-color:blue*/ background-color: #003f8f;
	color:#fff;
	font-weight:700
}


.pageTitle {
	color:#900;
	font-family:tahoma,arial,helvetica;
	font-size:3em;
	font-weight:700;
	margin:0 0 8px
}

.pager {
	color:#4a6265;
	margin:8px 0
}

.pager .selector {
	background-color:#4a6265;
	color:#fff;
	display:inline;
	font-weight:400;
	padding:2px
}

.pager .selector A {
	color:#fff;
	text-decoration:none
}

.pager .selector A:hover {
	background-color:#fff;
	color:#4a6265;
	text-decoration:underline
}

.pager .selectorCurrent {
	background-color:#fff;
	color:#4a6265;
	display:inline;
	font-weight:700;
	margin:1px;
	padding:2px
}

.plantSizeIcon {
	float:left;
	margin:0 4px 4px 0
}

.plantSizeIcon A {
	color:#fff
}

.plantSizeIcon A:hover {
	color:#ffd700
}

.plantSizeIcon IMG {
	border:4px solid
}

.prodImgBar {
	float:right;
	padding:0 0 0 8px;
	width:168px
}

.prodThumbnail {
	float:left;
	padding:0 0 0 4px;
	width:69px
}

.prodThumbnail P {
	display:none;
	font-size:0.7em;
	font-style:italic;
	margin:0
}



.product A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none
}

.product A:hover {
	text-decoration:underline
}

.productsTable {
	border:none;
	border-collapse:collapse;
	margin:0;
	padding:0
}

.productsTable TR {
	border:none;
	margin:0 0 2px;
	padding:0
}

.productsTable TR TD {
	border:none;
	border-collapse:collapse;
	font-size:0.7em;
	margin:0 0 2px;
	padding:0 10px 2px 0;
	vertical-align:top
}

.productsTable TR TD A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none
}

.productsTable TR TD A:hover {
	text-decoration:underline
}

.productsTable TR TD H3 {
	font-size:0.8em;
	margin:10px 0 0;
	padding:0
}

.productsTable TR TD IMG {
	border:none
}

.productsTable TR TD INPUT.text {
	font-size:0.7em
}

.productsTable TR TD.mediumCol {
	vertical-align:middle;
	width:184px
}

.productsTable TR TD.mediumCol IMG {
	vertical-align:middle
}

.productsTable TR TD.thumbCol {
	vertical-align:middle;
	width:89px
}

.productsTable TR TD.thumbCol IMG {
	vertical-align:middle
}

.recommended {
	background-color:green;
	color:#fff;
	font-weight:700
}

.resultTile {
	border:solid 1px #e5f0f2;
	display:block;
	float:left;
	height:145px;
	margin:0 4px 4px 0;
	padding:3px;
	width:100px
}

.resultTile .caption {
	font-size:0.7em;
	font-style:normal
}

.resultTile .caption A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none
}

.resultTile .caption A:hover {
	text-decoration:underline
}

.resultTile .thumbnail {
	text-align:center
}

.resultTile IMG {
	border:1px solid #4a6265
}

.resultTile:hover {
	background-color:#fff;
	border:solid 1px silver
}

.results {
	color:#000;
	font-size:0.7em;
	padding:8px 0
}

.results INPUT.text {
	font-size:0.7em
}

.results UL {
	list-style-type:none;
	margin:0;
	padding:0
}

.results UL LI {
	color:#000;
	margin:0;
	padding:0
}

.results UL LI A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none
}

.results UL LI A IMG {
	border:none;
	padding:0 4px 0 0
}

.results UL LI A:Hover {
	text-decoration:underline
}

.results UL LI H3 {
	font-size:0.8em;
	margin:8px 0 0
}

.row {
	background-color:#eee
}

.rowAlt {
	background-color:#fff
}

.save {

}

.savedesc {
	color:#4a6265;
	font-weight:700
}

.search {
	color:#4a6265
}

.mediumPrint{
	font-size:0.9em;
	}

.smallprint {
	font-size:0.7em;
}

.smallprintBox {
	margin:0;
	padding:0
}

.smallprint-images {
	text-align: left;
	margin: 1.6em 0 0.3em 0;
}

.strikethrough {
	color:#acacac;
	text-decoration:line-through
}

.tileMedium .heading {
	background-color:#436d55;
	margin:0;
	padding:4px 8px 2px;
	position:absolute;
	width:104px
}

.tileMedium H2 {
	color:#fff;
	font-family:'burncoose','Times New Roman';
	font-size:12px;
	font-weight:700;
	margin:0;
	padding:0;
	text-transform:uppercase
}

.tileMedium H2 A {
	color:#fff;
	text-decoration:none
}

.tileMedium H2 A:hover {
	text-decoration:underline
}


DIV.rs DIV.name {
	font-size:9px;
	line-height:9px;
	margin:0 16px;
	padding-top:8px
}

DIV.rs DIV.name A {
	color:#4a6265;
	text-decoration:none;
	text-transform:lowercase
}

DIV.rs DIV.name A:hover {
	color:#436d55;
	text-decoration:underline
}

DIV.rv {
	height:65px;
	width:100%
}

DIV.rv DIV.name {
	font-size:9px;
	line-height:9px;
	margin-left:73px;
	padding-top:8px
}

DIV.rv DIV.name A {
	color:#4a6265;
	text-decoration:none;
	text-transform:lowercase
}

DIV.rv DIV.name A:hover {
	color:#436d55;
	text-decoration:underline
}

DIV.rv DIV.thumb {
	float:left;
	height:65px;
	width:65px
}

#middleColumn H1 {
	color:#4a6265;
	font-size:1.3em;
	font-weight:700;
	text-decoration:none
}

#middleColumn H2 {
	color:#4a6265;
	font-size:1.2em;
	font-weight:700;
	text-decoration:none
}

#middleColumn H3 {
	font-size:1.2em;
	/* font-weight:400; */
	text-decoration:none
}

#middleColumn H3.MtileTitle {
	font-size:2.25em;
	font-weight:400;
	text-decoration:none;
	font-family: burncoose;
	line-height: 1em;
	padding: 0;
	margin: -0.2em 0 0 0;
}

.MtileTitleContainer {
	height: 128px;
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#middleColumn H4 {
	border-bottom:solid 1px #4a6265;
	color:#4a6265;
	font-size:1.3em;
	font-weight:700
}

label.MtileHeading {
	font-family: 'burncoose';
    font-size: 26px;
    margin: 10px 0;
    display: block;
}

IMG {
	border:none
}

IMG.plantimage {
	border:solid 4px #000
}

IMG.plantthumbnail {
	border:solid 4px #000
}

LABEL {
	/*font-weight:700*/
}

LI.logout {
	background-color:#656565;
	font-weight:700
}

TD.basketCol {
	white-space:nowrap
}

UL.dataList {
	list-style-type:none;
	margin:0;
	padding:0
}

div.autosuggestcontainer {
	text-align:left;
	margin-left:0;
	top:.5em
}

div.autosuggestcontainer li {
	background-color:#fff;
	color:#4a6265;
	font-size:1em;
	font-family:arial,tahoma,garamond,helvetica
}

@media print {
#siteHeader, #footerLinkBlock, #leftColumn {
	display:none!important;
	width:0!important;
	height:0!important
}

#middleColumn, #theBox {
	margin:0!important
}
}

H1, H2, H3 {
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica
}

#leftColumn H1, #leftColumn H2, #leftColumn H3 {
	text-decoration:none;
	font-family:burncoose
}

IMG {
	border:none
}

#centerdiv {
	text-align:center;
	width:100%
}

#main {
	margin:auto;
	/*width:960px;*/
	border-left:1px solid #4a6265;
	border-right:1px solid #4a6265;
	-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:0;
	display:none
}

#leftColumn {
	text-align: left;
}


#middleColumn {
	margin:0
}


.leftMenuBlock {
	padding:0 8px
}

#middleColumn {
	margin-right:0;
	margin-left:0;
	margin-bottom:0
}

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

#leftBlurb H1 {
	color:#4a6265;
	font-size:0.8em
}

#leftBlurb P A {
	/*color:blue*/ color: #003f8f;
	font-size:0.7em
}

#leftBlurb UL A {
	color:blue
}

#leftBlurb UL A:Hover {
	color:blue
}

.block {
	color:#000
}

.block P {
	color:#000
}

H3.leftMenuHeading {
	font-size:1.3em !important;
	line-height:80%;
	text-decoration:none;
	font-family:burncoose
}

.leftMenuBlock {
	color:#000;
	font-size:0.8em;
	padding:0
}

.leftMenuBlock UL {
	list-style-type:none;
	margin:0;
	padding:0
}

.leftMenuBlock UL LI {
	color:#000;
	font-size:0.8em;
	margin:0;
	padding:1px 0;
	margin-bottom:4px
}


li.leftMenuCurrent a {
	border-radius: 8px;
	background-color: #7f978c6e;
}

.leftMenuBlock UL LI A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none;
	color:#4a6265;
	font-size:0.8em
}


.leftMenuBlock UL LI A IMG {
	border:none;
	padding:0 4px 0 0
}

.leftMenuBlock 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:#4a6265
}

.letterBlock .letter A:hover {
	color:#85B4BA
}

.letterBlock .month A {
	color:#4a6265
}

.letterBlock .month A:hover {
	color:#85B4BA
}

#thisMonthBlock {
	margin:1px 0 0
}

#randomPlants {
	background-color:#fff;
	float:none;
	width:100%;
	display:block;
	margin:0;
	padding:none;
	border:none
}

#randomPlants H2
#thisMonthBlock H2 {
	margin:0;
	padding:4px 0;
	font-size:0.8em;
	font-weight:700;
	color:#4a6265;
	background-color:#e2ece8;
	border-top-right-radius:8px 8px;
	border-bottom-right-radius:8px 8px;
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0
}

#randomPlants H2 A {
	color:#4a6265;
	text-decoration:none
}

#randomPlants H2 A:hover {
	text-decoration:underline
}

#randomPlants .tileBox {
	margin:0;
	clear:none;
	width:100%;
	display:block;
	height:95px
}

#randomPlants .tile {
	width:65px;
	height:65px;
	float:left
}

#randomPlants .tile IMG {
	border:none
}

.introMessage {
	background-color:#fff;
	color:#000;
	font-size:0.8em;
	margin:0 0 16px
}

.introMessage H3 {
	background-color:#fff;
	color:#af4c00;
	font-weight:700;
	font-size:1.2em;
	padding:0;
	margin:0 0 8px
}

.introMessage P {
	margin:0 0 4px
}

.introMessage IMG.icon {
	float:right;
	border:none;
	margin:0 0 8px 8px
}

#visitCaerhaysBox {
	width:100%;
	text-align:center;
	color:#fff;
	background-color:#4a6265;
	padding:16px 0 0
}

#visitCaerhaysBox P {
	margin:0;
	padding:12px;
	font-size:0.7em
}

#visitCaerhaysBox P A {
	color:#fff
}

#visitCaerhaysBox P A:visited {
	color:#fff
}

#visitCaerhaysBox IMG {
	border:none
}

#visitVeanBox {
	width:100%;
	text-align:center;
	color:#fff;
	background-color:#4a6265;
	padding:16px 0 0
}

#visitVeanBox P {
	margin:0;
	padding:12px;
	font-size:0.7em
}

#visitVeanBox P A {
	color:#fff
}

#visitVeanBox P A:visited {
	color:#fff
}

#visitVeanBox IMG {
	border:none
}

#footerLinkBlock {
	background-color:#4a6265;
	border-top:1px solid #4a6265;
	width:100%;
	text-align:left;
	margin-top:0
}

#footerLinkBlock .linkblock {
	margin-left:150px;
	margin-right:150px;
	padding:8px 8px 0;
	background-color:#e2ece8
}

.linkblock {
}

.linkblock H1 {
	font-size:1.2em;
	font-weight:700;
	margin:0 0 0 8px;
	text-align:left;
	text-decoration:none;
	border-bottom:1px solid #4a6265;
	padding-bottom:2px
}

#footerLinkBlock {
	float:  left;
	width: 100%;

}

.noRightMargin {
	margin-right: 0
}


#footerInfo {
	background-color:#4a6265;
	color:#fff;
	padding:16px 16px 8px 16px;
}

.smallprintBox {
	margin:0;
	padding:0
}




#leftColumn {
	background-color:#4a6365;
}

#leftColumn H1 {
	color:#fff;
	background-color:#436d55;
	margin:0;
	padding:8px 16px;
	font-size:12px;
	font-weight:700;
	font-family:'burncoose','Times New Roman';
	text-transform:uppercase
}

#leftColumn H1 A {
	color:#fff;
	text-decoration:none
}

#leftColumn H1 A:hover {
	color:#fff;
	text-decoration:underline
}

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

#rvBox {
	width:100%;
	margin-top:16px
}

DIV.rv {
	height:65px;
	width:100%
}

DIV.rv DIV.thumb {
	width:65px;
	height:65px;
	float:left
}

DIV.rv DIV.name {
	margin-left:73px;
	font-size:9px;
	line-height:9px;
	padding-top:8px
}

DIV.rs DIV.name {
	margin:0 16px;
	font-size:9px;
	line-height:9px;
	padding-top:8px
}

DIV.rv DIV.name A, DIV.rs DIV.name A {
	text-transform:lowercase;
	color:#4a6265;
	text-decoration:none
}

DIV.rv DIV.name A:hover, DIV.rs DIV.name A:hover {
	color:#436d55;
	text-decoration:underline
}

#siteHeader {
	background:none;
	background-color:#fff;
	color:#fff;
	font-family:burncoose,'Times New Roman';
	font-size:4em;
	height:167px;
	position:relative;
	text-align:left
}

#siteHeader #siteBannerImg {
	float:left;
	padding-left:4px
}

#siteBannerStrapline {
	top:-16px;
	position:relative
}

#bannerEstateButton {
	border:none;
	left:872px;
	width:76px;
	position:absolute;
	top:20px
}

#extrabannerblock {
	position:absolute;
	width:478px;
	height:70px;
	left:482px;
	top:96px;
	text-align:center
}

#searchBoxV5 {
	position: absolute;
	top:96px;
	height:60px;
	padding-top:10px;
}
#searchBoxV5 INPUT {
	font-size: 0.5em !important;
}

.toolbarButton {
	background-color: #c4dbbf;
}

.sizeSelectorBlock {
	border:none;
	color:#000;
	font-family:arial,helvetica;
	font-size:1em;
	left:854px;
	margin:0;
	padding:0;
	position:absolute;
	top:134px;
	width:110px
}

.sizeSelectorBlock A {
	/*color:blue*/ color: #003f8f;
	padding:0 4px
}

#headerTradeBlock {
	border:none;
	color:#000;
	font-size:1.4em;
	left:654px;
	width:298px;
	margin:0;
	padding:0;
	position:absolute;
	top:74px;
	text-align:right;
	z-index:1000
}

#headerTradeBlock A {
	text-decoration:none;
	color:#4a6265
}

#headerTradeBlock A:hover {
	text-decoration:underline;
	color:#4a6265
}






.filterBoxToggle {
	color:#4a6265;
	background-color: white;
	padding-left: 16px;
	font-size: 1.2em;
	height: 32px;
	background: url('../../img/artwork/mobile/32_filter.png') no-repeat;
	background-position: 0px 0px;
	position: relative;
	width: 50%;
}
.filterBoxToggle:hover {
	background-color: #4a6265;
	color: white;
	background-position: 0px -32px;
}
.filterBoxToggle P {
	position: absolute;
	height: 1.2em;
	margin-top: -0.6em !important;
	top: 50%;
}
#filterBoxInner {
	position: absolute;
	z-index: 10;
	background-color: #4a6265;
    border: #4a6265 solid 1px;
    box-shadow: 10px 10px 2px 0px rgb(0 0 0 / 45%);
    /* padding: 4px; */
    margin-top: -10px;
    padding: 20px;
    border-radius: 10px;
}
.filterButtons {
	text-align:right;
}


#listFilter .floatBox {
	border:none;
	padding-left:0
}

#article {
	margin:16px 0;
	padding:8px 8px 32px;
	line-height:150%;
	color:#000;
	text-align:justify;
	border-bottom:solid 1px #4a6265
}

H1 {
	color:#4a6265;
	font-size:2em;
	font-weight:700;
	/*text-transform:capitalize;*/
	margin:4px 0 16px;
	padding:0 0 2px;
	border-bottom:solid 1px #4a6265;
	text-decoration:none
}

.quotebox {
	border:1px dotted green;
	background-color:#fff;
	padding:4px;
	float:right;
	width:250px;
	margin-bottom:5px;
	margin-left:10px
}

.quoteboxleft {
	border:1px dotted green;
	background-color:#fff;
	padding:4px;
	float:left;
	width:250px;
	margin-right:5px;
	margin-bottom:5px
}

.quoteboxtitle {
	background-color:#4a6265;
	font-size:0.8em;
	font-weight:700;
	padding:4px;
	color:#fff
}

.bnimage {
	position:relative;
	margin:10px 10px 20px;
	width:170px;
	height:180px;
	float:left
}

.bntext {
	position:absolute;
	top:0;
	left:0;
	width:160px;
	height:35px;
	background-color:#fff
}

.bntext, .bntext hover {
	filter:alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7
}

.bnwords a {
	position:absolute;
	top:0;
	left:0;
	width:144px;
	height:35px;
	background-color:#4a6265;
	color:#fff;
	text-decoration:none;
	padding:5px 8px 0
}

.bnwords a:hover {
	background-color:#fff;
	color:#4a6265;
	text-decoration:none;
	padding-top:5px
}

.PackingBox {
	float:left;
	margin:0 10px 10px 0;
	width:192px
}

.PackingBoxRight {
	float:right;
	margin:0 0 10px 10px;
	width:192px
}

.PackingBoxImg {
	padding:0;
	margin:0;
	border:1px solid gray
}

.PackingBoxText {
	background-color:#d7e5db;
	color:#000;
	/*font-size:0.8em;*/
	width:100%;
	height:48px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left
}

.Inner {
	padding:2px
}

.ClearIt {
	clear:both
}

.FloatLeft {
	float:left
}

.FloatRight {
	float:right
}

.ImgFloatLeft {
	float:left;
	margin:10px 10px 10px 0
}

.ImgFloatRight {
	float:right;
	margin:10px 0 10px 10px
}

.clearright {
	clear:right
}

@media screen {
.PackingSurround {
	width:100%
}

.PackingBoxImgMedium {
	display:none
}

.PackingBoxImgSmall {
	padding:0;
	margin:0;
	border:1px solid gray;
	position:relative;
	top:0;
	left:0
}

.PackingBoxText {
	background-color:#d7e5db;
	color:#000;
	/*font-size:0.8em;*/
	width:100%;
	height:55px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	z-index:10
}

.PackingBoxMagnify {
	position:absolute;
	top:0;
	left:0;
	border:1px solid #4a6265;
	float:left;
	padding:0;
	margin:0;
	z-index:5
}

.PageBreak {
	display:none
}

.ContactDetails {
	display:none
}
}

@media print {
.PackingSurround {
	width:100%
}

.PackingBox {
	float:left;
	margin:0 10px 10px;
	width:302px
}

.PackingBoxImgMedium {
	padding:0;
	margin:0;
	border:1px solid gray;
	position:relative;
	top:0;
	left:0
}

.PackingBoxText {
	background-color:#fff;
	color:#000;
	font-size:1.2em;
	width:100%;
	height:55px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	z-index:10
}

.Inner {
	padding:2px
}

.PackingBoxMagnify {
	display:none
}

.PageBreak {
	display:block;
	page-break-before:always
}

.ContactDetails {
	font-size:1.4em;
	font-weight:700
}

h4 {
	font-weight:700;
	font-size:1.2em;
	text-decoration:none
}

.eye{display:none;}
}

.product {
	background-color:transparent
}

.product h2 {
	background-color:transparent;
	font-style:italic
}

.RightProductBlock {
	float:right;
	margin:0 0 0 4px;
	width:328px
}

.FloatRight {
	float:right
}

.FloatLeft {
	float:left
}

.MediumImage {
	padding:0;
	margin:0 3px 3px 0;
	border:none;
	position:relative;
	top:0;
	left:0;
	width:160px;
	display:block;
	float:left
}

.ImageMagnify {
	position:absolute;
	top:1px;
	left:1px;
	border:1px solid #4a6265;
	padding:0;
	margin:0;
	z-index:5
}

.MediumImageBlock {
	position:absolute;
	bottom:0;
	left:0;
	width:160px;
	height:15px;
	background-color:#fff;
	text-align:center
}

.MediumImageBlockText, .MediumImageBlock {
	filter:alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7
}

.MediumImageBlocktext {
	position:absolute;
	bottom:0;
	left:0;
	width:160px;
	height:15px;
	background-color:#4a6265;
	color:#fff;
	text-decoration:none;
	padding-top:0
}

.SmallImageBlock {
	position:absolute;
	bottom:0;
	left:0;
	width:65px;
	height:15px;
	background-color:#fff;
	text-align:center
}

.SmallImageBlockText, .SmallImageBlock {
	filter:alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7
}

.SmallImageBlocktext {
	position:absolute;
	bottom:0;
	left:0;
	width:65px;
	height:15px;
	background-color:#4a6265;
	color:#fff;
	text-decoration:none;
	padding-top:0
}

.MediumImage a img, .MediumImage a:hover img {
	border:none
}

a {
	text-decoration:none;
	color: inherit;
}

a:hover {
	text-decoration:underline
}

.attributesLine {
	float:left;
	border:1px dotted #4a6265
}

.flowersLine {
	width:135px;
	height:130px;
	background-color:#fff;
	border:1px dotted #4a6265;
	float:left;
	margin:4px
}

.desc {
	padding:0
}

.ClearIt {
	clear:both
}

.ClearLeft {
	clear:Left
}

.productsHolder {
	width:100%
}

.productsHolderSmall {
	margin:0;
	width:75%
}

.productsTableSmall {
	width:190px;
	height:140px;
	margin:4px 4px 0 0;
	background-color:#fff;
	border:1px solid #4a6265;
	float:left;
	padding:2px
}

.productsTableLarge {
	width:190px;
	height:160px;
	margin:4px 4px 0 0;
	background-color:#fff;
	border:1px solid #4a6265;
	float:left;
	padding:0 0 0 2px
}

.productsTable0 {
	background-color:#d9dedd;
	width:100%;
	padding:4px;
	float:left
}

.productsTable1 {
	background-color:#fff;
	width:100%;
	padding:4px;
	float:left
}

.productsTableGroup {
	font-weight:700;
	background-color:#4a6265;
	color:#fff;
	width:100%
}

.productsTableGroup a {
	color:#fff;
	text-decoration:none
}

.productsTableGroup a:hover {
	color:#fff;
	text-decoration:underline
}

.MoffersTable0 {
	background-color:#d9dedd;
	/*width:200px;*/
	height:170px;
	padding:4px;
	/*float:left;*/
	margin:4px 4px 0 0;
	border:1px dotted #cccccc;


}

.MoffersTable1 {
	background-color:#fff;
	/*width:200px;*/
	padding:4px;
	/*float:left;*/
	height:170px;
	margin:4px 4px 0 0;
	border:1px dotted #cccccc;

}

.productsTable0 b, .productsTable1 b {
	font-size:1em;
	color:#4a6265
}

.varProductTableSmall0 {
	width:110px;
	height:75px;
	margin:2px 4px 0 0;
	background-color:#d9dedd;
	border:1px dotted #4a6265;
	float:left;
	padding:2px
}

.varProductTableSmall1 {
	width:110px;
	height:75px;
	margin:2px 4px 0 0;
	background-color:#fff;
	border:1px dotted #4a6265;
	float:left;
	padding:2px
}

.varProductTableSmall1 b, .varProductTableSmall0 b {
	font-weight:400
}

.imagetd {
	width:20%
}

.prices {
	padding:4px
}

.monthboxOn {
	border:2px solid #4a6265;
	background-image:url(../img/misc/flower.jpg);
	background-repeat:no-repeat;
	width:25px;
	height:31px;
	float:left;
	margin:1px;
	padding:1px
}

.monthboxOff {
	border:2px solid #4a6265;
	width:25px;
	height:31px;
	float:left;
	margin:1px;
	padding:1px
}

.new {
	width:100%
}

.save {
	width:100%
}

.productDetails {
	margin:5px 0;
	padding:2px
}


.text {
	width:20px
}



#furtherReadingBox {
	font-size:0.8em
}

#furtherReadingBox H4 {
	margin-bottom:2px
}

#furtherReadingBox UL {
	display:inline;
	padding:0;
	margin:0
}

#furtherReadingBox UL LI {
	display:inline;
	padding:0 16px 0 0
}

#furtherReadingBox UL LI A {
	text-decoration:none;
	color:blue
}

#furtherReadingBox UL LI A:hover {
	text-decoration:underline
}

.plantdescription {
	float:left
}

.varietyDesc {
	margin:0 0 0 4px;
	padding:4px;
	float:left
}

h3 {
	position:relative;
	top:0;
	left:0;
	padding:0;
	margin:0
}

h3 a {
	font-size:0.8em
}

h4 {
	font-size:1em
}

.common_name {
	font-weight:700;
	font-style:italic;
	color:#4a6265
}

.savedesc {
	font-weight:700;
	font-size:1.25em
}

.BasketButtonBox {
	width:100%
}

.strikethrough {
	text-decoration:line-through;
	color:#990000;
}

#childCatBox {
	float:left;
	border:none;
	background-color:transparent;
	margin:0 0 8px;
	padding:0
}

#childCatBox H2 {
	display:none
}

#childCatBox .catTile {
	width:160px;
	height:180px;
	text-align:center;
	border:1px solid silver;
	margin:2px 4px 2px 0;
	float:left;
	background-color:#fff
}

.catTile IMG {
	border:none;
	border-bottom:1px solid silver
}

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

#siteHeader {
	position:relative
}

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

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

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

#thisMonthBlock .recommended H3 A {
	text-decoration:none;
	/*color:blue*/ color: #003f8f;
	font-size:0.8em;
	font-weight:700
}

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

#thisMonthBlock .recommended P {
	padding:0;
	margin:0;
	font-style:italic;
	color:#000;
	font-weight:400;
	font-size:0.8em
}

#thisMonthBlock .recommended SPAN.available {
	font-style:normal;
	font-size:0.7em;
	color:#4a6265
}

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

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

#thisMonthBlock TABLE {
	border:none;
	padding:0;
	margin:0
}

#thisMonthBlock TABLE TD {
	vertical-align:top;
	text-align:left
}

#thisMonthBlock TABLE TD P {
	font-size:0.7em;
	margin:0
}

#thisMonthBlock TABLE TD H3 {
	font-size:0.8em;
	font-weight:700;
	text-transform:capitalize;
	margin:0;
	padding:0
}

#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:0;
	font-size:0.8em;
	color:#4a6265;
	background-color:#e2ece8;
	text-decoration:none
}

#thisMonthBlock IMG {
	border:none
}

#thisMonthBlock TABLE TD P.available {
	font-size:0.7em;
	color:#4a6265;
	margin:4px 0 0
}

#thisMonthBlock TABLE TD P.available A {
	/*color:blue*/ color: #003f8f;
	text-decoration:none
}

#thisMonthBlock TABLE TD P.available A:hover {
	text-decoration:underline
}

.thisMonthBlockSection {
	margin:0 0 8px
}

.seeMore {
	text-align:right;
	/*background-color:#fff;*/
	padding:8px 0;
	margin-bottom:4px 0 4px 0
}

.seeMore A {
	color:#4a6265;
	text-decoration:none;
	/*font-size:0.8em*/
}

.seeMore A:hover {
	text-decoration:underline;
	color:#85B4BA
}

.offerItem {
	margin:0 0 8px;
	padding:4px 0;
	font-size:0.8em
}

.offerItem H3 {
	font-size:0.8em;
	font-weight:700;
	text-transform:capitalize;
	margin:0;
	padding:0
}

.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:0;
	font-size:0.8em;
	background-color:blue
}

#offerBlock H2 A {
	color:#fff;
	text-decoration:none
}

#offerBlock H2 A:hover {
	text-decoration:underline
}

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

.available {
	font-size:0.7em;
	color:#000
}

#main {
	/*width:960px;*/
	border-left:1px solid #4a6265;
	border-right:1px solid #4a6265;
	-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:0;
	display:none
}


#leftMenu {
	background-color:#4a6265;
}

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

#middleColumn {
	margin-right:0;
	background-color:#fff;
	border-left:1px solid #4a6265;
	margin-bottom:0
}

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

#leftBlurb H1 {
	color:#4a6265;
	font-size:0.8em
}

#leftBlurb P A {
	/*color:blue*/ color: #003f8f;
	font-size:0.7em
}

#leftBlurb UL A {
	color:blue
}

#leftBlurb UL A:Hover {
	color:blue
}

.block {
	color:#000
}

.block P {
	color:#000
}

#categoryBox UL {
}

#categoryBox UL LI {
	margin-bottom:4px
}

#categoryBox UL LI A {
	text-decoration:none;
	color:#4a6265;
	font-size:0.8em
}

#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:#4a6265
}

.letterBlock .letter A:hover {
	color:#85B4BA
}

.letterBlock .month A {
	color:#4a6265
}

.letterBlock .month A:hover {
	color:#85B4BA
}

#randomPlants {
	background-color:#fff;
	float:none;
	width:100%;
	display:block;
	margin:0;
	padding:none;
	border:none
}

#randomPlants H2, #thisMonthBlock H2 {
	margin:0;
	padding:4px 0;
	font-size:0.8em;
	font-weight:700;
	color:#4a6265;
	background-color:#e2ece8;
	border-top-right-radius:8px 8px;
	border-bottom-right-radius:8px 8px;
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0
}

#randomPlants H2 A {
	color:#4a6265;
	text-decoration:none
}

#randomPlants H2 A:hover {
	text-decoration:underline
}

#randomPlants .tileBox {
	margin:0;
	clear:none;
	width:100%;
	display:block;
	height:95px
}

#randomPlants .tile {
	width:65px;
	height:65px;
	float:left
}

#randomPlants .tile IMG {
	border:none
}

.introMessage {
	background-color:#fff;
	color:#000;
	font-size:0.8em;
	margin:0 0 16px
}

.introMessage H3 {
	background-color:#fff;
	color:#af4c00;
	font-weight:700;
	font-size:1.2em;
	padding:0;
	margin:0 0 8px
}

.introMessage P {
	margin:0 0 4px
}

.introMessage IMG.icon {
	float:right;
	border:none;
	margin:0 0 8px 8px
}

#footerLinkBlock {
	background-color:#4a6265;
	border-top:1px solid #4a6265;
	width:100%;
	text-align:left;
	margin-top:0
}

#footerLinkBlock .linkblock {
	margin-left:150px;
	margin-right:150px;
	padding:8px 8px 0;
	background-color:#e2ece8
}

.linkblock {
	border-bottom-left-radius:8px 8px;
	border-bottom-right-radius:8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px
}

.linkblock H1 {
	font-size:1em;
	font-weight:700;
	margin:0 0 0 8px;
	text-align:left;
	text-decoration:none;
	border-bottom:1px solid #4a6265;
	padding-bottom:2px
}

.footerLinkTable {
	border:none;
	width:100%
}

.footerLinkTable TR TD {
	vertical-align:top;
	padding:0 8px;
	color:#4a6265;
	text-align:left
}

.footerLinkTable TR TD H1 {
	font-size:1em;
	font-weight:700;
	margin:0
}

.footerLinkTable TR TD UL {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0
}

.footerLinkTable TR TD UL LI {
	margin:0;
	padding:0
}

.footerLinkTable TR TD UL A {
	text-decoration:none;
	color:#4a6265
}

.footerLinkTable TR TD UL A:hover {
	text-decoration:underline;
	color:#85B4BA
}


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

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


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

.floatBox {
	margin:0 0 8px;
	padding:0;
	/*border:solid 1px #4a6265;
	border-bottom-right-radius:8px 8px;
	border-bottom-left-radius:8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px*/
}


.floatBox TABLE {
	margin:0
}

.floatBox A {
	text-decoration:none;
	color:blue
}

.floatBox A:hover {
	text-decoration:underline
}

.floatBox .nav {
	padding:8px;
	text-align:right
}

.floatBox .nav A {
	text-decoration:none;
	color:#4a6265
}

.floatBox .nav A:hover {
	text-decoration:underline;
	color:#85B4BA
}

.floatBox .innerFloat, .McontainerMed .innerFloat {
	padding:8px 16px 16px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
}

.innerFloat A.navLink {
	text-decoration:none;
	color:#4a6265;
	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 0 0;
	padding:0
}

.innerFloat UL LI {
	margin:0 0 8px;
	display:block
}

.innerFloat UL LI A {
	text-decoration:none;
	color:#4a6265
}

.innerFloat UL LI A:hover {
	text-decoration:underline;
	color:#85B4BA
}

#imageViewerBox {
	text-align:center;
	padding:8px 0 0;
	height:auto;
	min-height:260px
}

#imageViewerBox IMG {
	border:none
}

#imageViewerBlurb {
	padding:8px 0 0;
	font-size:0.8em;
	text-align:left
}

#imageViewerBlurb H3 {
	font-size:1em
}

#imageViewerBlurb H3 A {
	text-decoration:none
}

#imageViewerBlurb H3 A:hover {
	text-decoration:underline
}

#imageViewerBlurb .available {
	display:block
}

#photoViewerBox {
	padding:16px 0 0
}

#photoViewerBox .mediumPhotoBox IMG {
	border:none
}

.Mtile IMG.lightboxLauncher {
	border-width:0 4px 4px 0;
	border-style:none solid solid none;
	border-color:transparent;
	position: absolute;
	width: 21px;
	height: 21px;
	z-index: 21;
}

.Mtile IMG.lightboxLauncher:hover {
	border-color:#ffd700
}

.thumbnailStrip {
	float:left
}

.thumbnailBox {
	width:73px;
	height:73px
}

.thumbnailStrip IMG.thumbnail {
	border:solid 4px #ffe;
	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;
	-webkit-border-radius:4px 4px 4px 4px
}

.thumbnailStrip A {
	color:#ffe
}

.thumbnailStrip A:hover, .thumbnailStrip IMG.thumbnail:hover {
	color:#ffd700;
	border-color:#ffd700
}

.attrIcon {
	float:left
}

.secondaryAttributeBody {
	margin-left:56px
}

.product {
	width:auto;
	margin:0 300px 0 0;
	border:none;
	padding:0 16px 0 0
}

.product H2 {
	margin:4px 0;
	padding:4px 0;
	font-size:0.8em;
	font-weight:700;
	color:#4a6265;
	background-color:#e2ece8;
	border-top-right-radius:8px 8px;
	border-bottom-right-radius:8px 8px;
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
	font-style:normal
}

.plantInfoLine {
	margin:0 0 8px
}

.monthLine {
	height:48px;
	margin: 24px 0 16px 40px;
}

.monthboxOff, .monthboxOn {
	color:#4a6265;
	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;
	-webkit-border-radius:4px 4px 4px 4px;
	font-weight:700;
	text-align:center;
	width:30px
}

.monthboxOff {
	color:#e2ece8;
	border-color:#e2ece8
}

.productBox {
	padding:0 8px 8px  8px;
	margin:0 0 8px;
	background-color:#FEF5CA;
	border:dotted 1px #ccc;
}

.productDetails, .prices {
	border:none
}

.desc {
	margin:16px 0
}

.buyLine {
	text-align:right
}

.MproductResultBox0 {
	background-color:#ffe;
}

.MproductResultBox1 {
	background-color:#F9F3D6;
}

.MproductResultBox0, .MproductResultBox1 {

	margin:0 4px 16px;
	border:solid 1px #ccbbb0;
	border-bottom-left-radius:8px 8px;
	border-bottom-right-radius:8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;

}

.MproductResultBox0 .seeMore, .MproductResultBox1 .seeMore {
	background-color:transparent;
	margin:0 8px 0 0;
}

.MproductBoxThumbnailFloat {
	/*float:left;*/
	width:120px;
	height:120px;
	padding:0px 10px 0px 0px;
	/*background-color:blue*/ background-color: #003f8f;
}

.MproductBoxThumbnailFloat IMG {
	border:none;
	position:absolute
}

.MproductBoxThumbnailFloat IMG.lightboxLauncher{
	border-width:0 4px 4px 0;
	border-style:none solid solid none;
	border-color:transparent;
	border-bottom-right-radius:4px 4px;
	-moz-border-radius:0 0 4px;
	-webkit-border-radius:0 0 4px 0
}

.MproductBoxThumbnailFloat IMG.lightboxLauncher:hover{
	border-color:#ffd700
}


.MproductBoxHeaderBlock {
	margin-bottom:8px;
	padding:5px;
	background-color:green;
	flex-flow:row wrap;

}


.MproductBoxHeaderInner{
	display:flex;
	flex-flow:column nowrap;
	background-color:red;
}

.MproductBoxBody {
	/*margin-left:128px;*/
	padding:8px 8px 16px 0;

}

.productBoxHeaderBlock H3 {
	margin-bottom: 0.6em;
}

.Mcommon_name {
	margin-bottom: 1.6em;
	font-style: italic;
}

.MproductBoxBody H3 A {
	color:#4a6265;
	font-weight:700;
	/*font-size:0.8em*/
}

.common_name {
	font-weight:400
}

.MproductDescBlock {
	margin:16px 0;
	color:#4a6265
}

.MvarPriceLine {
	height:auto;
	padding:4px;
}

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

.varProductLine .buyLine {
	float:right
}

.multibuy {
	color:#4a6265
}

.LinkSaleThumbnailBox IMG {
	border:4px solid transparent
}

.LinkSaleThumbnailBox IMG:hover {
	border:4px solid #ffd700
}

.LinkSaleBox {
	margin:8px 0 16px;
	clear:left
}

.LinkSaleInnerBox {
	border: 1px dotted black;
    margin: 3px;
    padding: 4px 4px 10px;
    width: 190px;
}

.LinkSaleThumbnailBox {
	float:left;
	width:65px;
	height:65px
}

.LinkSaleBody {
	margin:0 0 0 81px
}

.LinkSaleBody H3 {
	margin:0 0 8px
}

.LinkSaleBody H3 A {
	color:#4a6265;
	font-size:0.8em;
	font-weight:700;
	text-decoration:none
}

.innerFloat P.intro {
	margin:16px 0
}

BR.rightClear {
	margin:0;
	padding:0;
	line-height:0;
	height:0
}

INPUT.button, button, input[type='submit'] {
	color:#fff;
	border-color:#4a6265;
	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;
	-webkit-border-radius:4px 4px 4px 4px;
	/*font-weight:700;*/
	/*font-size:0.8em;   moved to sizechanges */
	text-align:center;
	/*background-color:#94b669;*/
	text-transform:capitalize;
	margin:4px;
	background-color: #7f978c;
	padding: 4px;
}
INPUT.button:hover, button:hover, input[type='submit']:hover {
	background-color: #4a6265;
}


H4 {
	font-size:1em;
	border-color:#ccbbb0;
	text-decoration:none
}
/*
.listTile {
	height:65px;
	width:365px;
	border:solid 1px #fff
}

.listTile .thumbnail, .listTile .nothumbnail {
	margin-right:10px
}

.listTile .nothumbnail {
	height:65px
}

.listTile .name {
	margin:0 0 4px;
	padding:4px 0;
	font-size:0.8em;
	font-weight:700;
	color:#4a6265;
	background-color:#e2ece8;
	border-top-right-radius:8px 8px;
	border-bottom-right-radius:8px 8px;
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
	font-style:normal
}

.listTile:hover {
	border:1px solid #fff
}
*/
.viewbasketlinksummary {
	font-size:0.8em
}

#PhoneUsBasket, #PhoneUs {
	padding:4px;
	margin:4px;
	/*color:#fff;
	background-color:#4a6265*/
}

#basketSummary {
	border:none
}

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

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

#fcShareBox {
	margin:8px 0x 8px 0;
	padding:8px;
	background-color:#D6D8F9;
	border:solid 1px #ccbbb0;
	border-bottom-left-radius:8px 8px;
	border-bottom-right-radius:8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	font-style:normal;
	font-size:0.8em;
	color:#000
}

#fcShareBox B {
	font-size:0.8em;
	color:#000
}

#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 #4a6265;
	background-color:#ffe;
	border-bottom-right-radius:8px 8px;
	border-top-right-radius:8px 8px;
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
	border-top:none;
	margin:0
}

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

.toxic {
	background-color:#990000;
	color:#fff;
  border-radius: 5px;
  padding: 3px 10px;
}

.basketPricebandDistance {
	background-color:#ff0
}

#accountBalanceSummary {
	padding:8px 16px;
	color:#fff;
	background-color:#535c42;
	font-size:0.7em
}

#accountBalanceSummary A {
	text-decoration:none;
	color:#befc62
}

#accountBalanceSummary A:hover {
	text-decoration:underline
}


#catTable {
	width:100%;
	border-bottom:solid 1px #4a6265
}

#catTable CAPTION {
	border-bottom:1px solid #4a6265;
	padding-bottom:0;
	margin-bottom:0
}

#catTable CAPTION H2 {
	margin-bottom:2px
}

#catTable TD {
	padding:0 10px
}

#catTable TD H2 {
	font-size:1em
}

#catTable BUTTON, #catTable INPUT.checkbox {
	color:#4a6265;
	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;
	-webkit-border-radius:4px 4px 4px 4px;
	font-weight:700;
	font-size:0.8em;
	text-align:center;
	background-color:#e2ece8;
	text-transform:capitalize;
	margin:10px 0 4px
}

#catTable BUTTON:hover, #catTable INPUT.checkbox:hover {
	color:#e2ece8;
	background-color:#4a6265
}

.l {
	border:1px solid #fff;
	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:#4a6265;
	font-size:0.8em;
	font-style:normal;
	font-weight:700;
	margin:0 0 4px;
	padding:4px 0
}

.l .t IMG {
	border:1px solid #4a6265;
	margin:0 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 0
}

.addr .buttonBar BUTTON.button {
	background-color:#fff;
	color:#000;
	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;
	display: inline-block;
}


.listTile .thumbnail, .listTile .thumbnail IMG, .listTile .nothumbnail {
	width:120px;
	height:120px
}

.l {
	border:1px solid #fff;
	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:#4a6265;
	font-size:0.8em;
	font-style:normal;
	font-weight:700;
	margin:0 0 4px;
	padding:4px 0
}

.l .t IMG {
	border:1px solid #4a6265;
	margin:0 10px 10px auto
}



/* plants.cfm specific stuff */

.MproductFlexibox{
	display:flex;
	flex-flow: row wrap;
	justify-content:space-around;
	align-content:center;

	}




.McontainerLarge{
	/* .McontainerLarge & .McontainerMed sizes all done in sizechanges.css (using the div Id's where needed. sorry)  */
	margin:8px;
	}


.McontainerMed{
	/* .McontainerLarge & .McontainerMed sizes all done in sizechanges.css (using the div Id's where needed. sorry)  */
	border: 1px solid #4a6265;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	margin:8px;
    padding: 10px;
	}

.McontainerMedClear{

	/*border: 1px solid #4a6265;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;*/
	margin:8px;
    padding: 10px;
	}

.Mproduct{
	border:medium none;
	padding:0 16px 0 0;
	width:auto;
	}

.MflexiBox{
	display:flex;
	flex-flow:row wrap;
	align-content: space-around;
	/*column count in sizechanges*/
	}




.MtileBox {
	/* position: relative;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 1px;
	-webkit-column-gap: 1px;
	column-gap: 1px; */
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: stretch;
	gap: 20px;
}

.MtileBoxDotted {
	/* position: relative;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 1px;
	-webkit-column-gap: 1px;
	column-gap: 1px; */
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: stretch;
	border-bottom:1px slategrey dotted;
}
.Mtile {
	/* width: auto;
	height: 140px;
	background-color: #c4dbbf;
	margin: 0 0 1px 0;
	padding: 1em;
	border: 2px solid #c4dbbf;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	color: #4a6265; */
	background-color: #efefef;
	color: #4a6265;
    border: 2px solid #ffffff;
    min-height: 130px;
    min-width: 420px;
    border-radius: 10px;
    padding: 10px;
}

.MtileClear {
	/* width: auto;
	height: 140px;
	margin: 0 0 1px 0;
	padding: 1em;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	color: #4a6265;
	border: 2px solid white; */
	background-color: #efefef;
	color: #4a6265;
    border: 2px solid #ffffff;
    min-height: 130px;
    min-width: 420px;
    border-radius: 10px;
    padding: 10px;
}
.Mtile:hover {
	/* border: 2px solid #4a6265;
	background-color: #4a6265;
	color: white;
	text-decoration: none; */
	border: 2px solid #4a6265;
    text-decoration: none;
    background-color: #425c53;
    color: white;
}

 .MtileClear:hover {
	/* border: 2px solid #4a6265;
	text-decoration: none; */
	border: 2px solid #4a6265;
    text-decoration: none;
    background-color: #425c53;
    color: white;
}
.MtileClear:hover figcaption {
    color: white;
}

.Mtile .thumbnail, .Mtile .nothumbnail ,.MtileClear .thumbnail, .MtileClear .nothumbnail {
	width: 120px;
	height: 120px;
	float: left;
	margin: 0 1em 1em 0;
	border: none;

	/* curved white border */
	background-color: white;
	padding: 4px;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

.Mtile .tiny , .MtileClear .tiny {
	width: 65px;
	height: 65px;
	padding: 4px;
	background-color: white;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

.Mtile .miniscule, .MtileClear .miniscule {
	width: 30px;
	height: 30px;
	padding: 4px;
	background-color: white;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.Mtile .name, .MtileClear .name {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 1em 0;
}


.FullSizeTile {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 8px 0;
	background-color: white;
	border: none;
}
.FullSizeTile:hover {
	border: none;
}
.FullSizeTile img.thumbnail {
	width: calc(100% - 16px);
	height: auto;
	padding: 0;
	margin: 0;
	float: none;
	border: solid 8px white;
}
.FullSizeTile img.thumbnail:hover {
	border-color: #4a6265;
}

.plantSizeLine {
	/*background-color: #B0C5AC;*/
	min-height: 38px;
	border: 1px solid transparent;
}
.plantSizeLine:hover {
	border: 1px solid #9DAF99;
}

#catHeader {
	min-height: 180px;
	margin: 1em 0 1em 0;
}
.catHeaderImg {
	float: left;
	margin: 0 1em 1em 0;
}
.catDesc {
	font-size: 1.25em;
	color: #4a6365;
	/*margin: 0 200px;*/
	line-height: 1.2em;
}

.AGM {
	float: right;
	padding: 4px;
	background-color: white;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	margin: 0 0 10px 10px;
}

FORM A:hover, DIV A:hover {
	text-decoration: none;
}
H3 {
	font-weight: bold;
}

.aUnderline, .aUnderline:hover{
	text-decoration:underline;
	color:inherit;
	}


.autoHeight {
	height: auto;
}
.MinstructionalBox {
	width: auto;
	height: auto;
	background-color: #c4dbbf;
	margin: 0 0 1px 0;
	padding: 1em;
	border: 2px solid #c4dbbf;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	color: #4a6265;
	font-size: 1.2em;
}

.Mtile H3 A {
	text-decoration: none;
	color: #4a6265;
    font-weight: bold;
    padding: 10px;
    border-radius: 10px;
    margin-left: -10px;
}
.Mtile H3 A:hover {
	background-color: #4a6265;
	color: white;
}
.nohover:hover {
	background-color: white;
	color: #4a6265;
	border: 2px solid white;
}

.Mtile.nohover:hover, .MtileClear.nohover:hover {
	background-color: #efefef;
}

.newsTile H3 {
	font-weight: bold;
	margin-bottom: 1em;
}
.newsTile IMG {
	border: solid 4px white;
	background-color: white;
	padding: 4px;
	margin-right: 2em !important;
}

.noColBreak {
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	margin: 0;
}
#filterBoxInner H2 {
	margin-top: 0;
	color: white !important;
}

.Mavailable {
	font-weight: bold;
}

.MattrGroup {
	display: block;
	background-color: white;
	margin: 0 0 2em 0;
}
.MattrGroup H2 {
	margin: 0;
}
.attribute {
	min-height: 25px;
}
.colGap {
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	-o-column-gap: 2em;
	-ms-column-gap: 2em;
	column-gap: 2em;
}

.MofferLink {
	z-index: 21;
}

.MfullDetails {
	margin: 1em 0;
}
.MfullDetails A {
	color: #4a6265;
	/*text-decoration: none;*/
	text-decoration: underline;
}
.MfullDetails A:hover {
	/*color: white;*/
	text-decoration: underline;
}

#AttribBoxX UL {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

STRONG {
	font-weight: bold;
}

.nothumbnail {
	text-align: center;
}
.nothumbnail INPUT[type="radio"] {
	width: 61px;
	height: 61px;
}
.nothumbnail INPUT[type="radio"]:checked {
	background-color: #4a6265;
	border-color: #4a6265;
}
A:active > DIV .nothumbnail {
	background-color: #4a6265;
}



.info {
    font-size:  1.1em;
    color: #364749;
    background-color: #c4dbbf;
    padding:  1em;
    border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	margin-bottom:5px;
	line-height: 1.45em;
}

/*.info::before {
	content: 'Information';
	font-family: 'burncoose';
	font-size: 2em;
	display: block;
}*/

.important {
    font-size:  1.1em;
    color: white;
    background-color: lightslategray;
    padding:  1em;
    border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	margin-bottom: 1em;
}
.important::before {
	content: 'Important Notice';
	font-family: 'burncoose';
	font-size: 2em;
	display: block;
}


.transparent {
	background-color: transparent !important;
}

.flexCenter{display: flex;
justify-content: center;}

	.flexidiv{
display: flex;
flex-direction: row;
flex-wrap:wrap;
overflow:hidden;

	}


.charsLeft {
	text-align: left;
	font-size: 0.9em;
	background-color: #e2f2e2;
	padding: 2px 8px;
}

#DeliveryEstimateLine TH.unknown {
	background-color: darkslategray !important;
}


.closeable .closebutton {
	float: right;
	margin: 1px 1px 1em 1em;
	border: 1px solid transparent;
	content: 'x';
	width: 1em;
	height: 1em;
	text-align: center;
	cursor: pointer;
}
.closeable .closebutton:hover {
	border: 1px solid gray;
}

#pageContent A {
	color: #527A6C;
}
#pageContent A:hover {
	background-color: #4a6265;
	color: white;
}


#pageTitle {
	font-family:verdana,tahoma,arial,helvetica;
	font-size:1.3em;
	margin:0 0 8px;
	color: #4a6265;
	border: none !important;
}

.fancyTitle {
	font-family: burncoose !important;
	font-size: 3.8em !important;
	font-weight: normal !important;
	color: #4a6265;
	border: none !important;
	margin: 0;
}

.withAward {
	height: 60px;
	padding-top: 1em;
}

#AGMTitle {
	float: left;
	padding: 0px;
	margin: 0 1em 0 0;
}

.collapsible,
.page_collapsible {
    margin: 0;
    padding:10px;
    height:20px;

    background: #B0C5AC;

    font-family: verdana,tahoma,arial,helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #4a6265;
    font-size:1em;
}
.collapsible:hover,
.page_collapsible:hover {
	background-color: #9DAF99
}

.collapse-open {
    background:#4a6265;
    color: #fff;
}

.collapse-open span {
    display:block;
    float:right;
    padding:10px;
}

.collapse-open span {
    background:url(images/icons-png/carat-u-white.png) center center no-repeat;
}

.collapse-close span {
    display:block;
    float:right;
    background:url(images/icons-png/carat-d-black.png) center center no-repeat;
    padding:10px;
}

.extraItem {
	background-color: darkslateblue;
	color: white;
	padding: 0.2em 1.4em;
	margin: 0.2em 0;
	line-height: 1.6em;
}


UL.attributeList {
	list-style-type: none;
	margin: 0;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    align-items: stretch;
}
UL.attributeList LI {
	border-radius: 10px;
	padding: 10px;
	background-color: #f0f0f0;
}

UL.attributeList LI IMG {
	float: left;
}
UL.attributeList LI .attributeListBody {
	/*display: inline-block;*/
	margin: 0 28px;
}
UL.attributeList LI .attributeListBody STRONG {
	display: block;
	color: #4a6265;
	margin-bottom: 5px;
}
ul.attributeList.primary, ul.attributeList.secondary {
	color: #646464;
}
ul.attributeList.secondary table td {
	vertical-align: top;
}
ul.attributeList.secondary table td {
	padding-right: 20px;
}
ul.attributeList.secondary table td:last-of-type {
	padding-right: 0;
}
UL.attributeList LI .attributeListBody .attributeNote STRONG {
	margin: 5px 0 0 0;
}
UL.attributeList LI .attributeListBody .attributeNote STRONG:first-of-type {
	margin: 0;
}

H1.plant-name {
	margin: 1.3em 0 0.3em 0 !important;
	font-size: 1.6em !important;
}
.plant-shortdesc {
	color: #4a6265;
	font-size: 1.25em;
	margin-bottom: 1em;
}

.plant-offers {
	margin: 2.5em 0 -0.75em 0;
	color: #4a6265;
  background-color: #FFDAB9;
  padding:25px;
  text-align: right;
}

.catSlider {
	height: 286px;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	border: none;
	padding: 0;
	margin: 0 auto 2em 0;
	display: block;
}

.blip-generic {
	display: inline-block;
	border-radius: 8px;
	margin: 0.5em 0;
	padding: 4px 0.5em;
}

.blip-free-delivery {
	display: inline-block;
	border-radius: 8px;
	margin: 0.5em 0;
	padding: 4px 0.5em;
	background-color:#003f8f;
	color: white;
	font-weight: bold;
}

.blip-offer {
	display: inline-block;
	border-radius: 8px;
	margin: 0.5em 0;
	padding: 4px 0.5em;
	/*background-color:#8f003f;*/
	/*background-color:blue*/ background-color: #003f8f;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

.blip-multibuy {
	display: inline-block;
	border-radius: 8px;
	margin: 0.5em 0;
	padding: 4px 0.5em;
	background-color: #4a6265;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

.blip-new {
	display: inline-block;
	border-radius: 8px;
	margin: 0.5em 0;
	padding: 4px 0.5em;
	background-color: #cf0000;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

.blip-top-seller {
	background-color: #835ac2;
	color: white;
	font-weight: bold;
	font-size: 0.8em;
	display: inline-block;
	padding: 4px 0.5em;
	border-radius: 8px;
	margin: 9px 6px;
	text-transform: uppercase;
}
.overlay-blip-top-seller {
	margin: 0;
	position: absolute;
	bottom: 9px;
	left: 9px;
	width: 100px;
	text-align: center;
}
hr.divider {
	border: none;
	border-bottom: solid 1px #c4dbbf;
	margin: -1em 0 0 0;
	padding: 0;
}

iframe.youtube {
	width: 560px;
	height: 315px;
	max-width: 100%;
}


/*.ShutDownMessage {
	margin: 2em 4em 0 4em;
	padding: 1em;
	background-color: rgb(128, 14, 14);
	color: white;
	box-shadow: -6px 6px 12px gray;
}*/

.SiteMessage {
	margin: 0.5em 4em;
	padding: 1em;
	box-shadow: -6px 6px 12px gray;
}

.ColourCaerhays {
	background-color: rgb(27, 78, 38);
	color: white;
}

.ColourTheVean {
	background-color: rgb(78, 27, 78);
	color: white;
}

.ColourBurncoose{
	background-color: #4a6265;
	color: rgb(255, 255, 255);
}

.ColourBurncooseHouse{
	background-color: rgb(224, 177, 95);
	color: rgb(121, 101, 82);
}

.ColourNote {
	background-color: rgb(245, 245, 245);
	color: #4a6265;
}
.ColourNoteInv {
	color: rgb(245, 245, 245);
	background-color: #4a6265;
}

a.autoSuggestLink {
	color: #4a6265;
	text-decoration: none;
}
a.autoSuggestLink:hover {
	/*color:blue*/ color: #003f8f;
	text-decoration: underline;
}


/* COOKIE NOTICE */
#cNotice {
	background-color: #4a6365;
	color:white;
	text-align: left;
}
#cNotice p {
	margin: 0px 24px 6px 24px !important;
	font-size:0.75em;
}
#cNotice a {
	text-decoration: underline !important;
}
#cNotice a:hover {
	font-weight: bold;
}
#cNotice button {
	float: right;
	margin: 0px 16px;
	padding: 0px 15px;
	background-color: #4a6365;
	border: 2px solid white;
	color: white;
	border-radius: 5px;
	font-weight: normal;
	width:65px;
}
#cNotice button:hover {
	background-color: white;
	color: #4a6365;
}

.msg-ok, .msg-error, .msg-notice {
	box-shadow: silver 0 0 20px 0px;
	padding: 1em;
	font-weight: bold;
}
.msg-error {
	color: #da0000;
}
.msg-notice {
	color: #003f8f;
}

.lb-caption {
	color: #4a6165;
}

.lb-caption a {
	color: #28466d;
	text-decoration: none;
}
.lb-caption a:hover {
	color: white;
	background-color: #28466d;
	text-decoration: underline;
}

#photoBoxFull figure {
	width: 100%;
	margin: 0;
	padding: 0;
}
#photoBoxFull figure img {
	width: 100%;
	border-radius: 16px;
}
#photoBoxFull figure figcaption {
	margin: 10px 0;
	font-size: 1.5em;
	color: #4a6365;
	text-align: justify;
}

figure.combo {
	margin: 0;
	padding: 0;
	text-align: center;
}
figure.combo figcaption {
	margin: 0 24px 10px 24px;
	font-size: 1.1em;
	color: #4a6365;
	text-align: left;
	min-height: 4em;
}
figure.combo img {
	border-radius: 10px;
}



.ui-limiter-chars {
	background: #c4dcbf85 !important;
	color:#4a6265;
	border:none !important;
	margin-left:0.5em;
	padding:.5em !important;
	position:relative !important;
	display: inline-block !important;
	border-radius: 5px !important;
}
.ui-state-error-text{
	color:red;
}
textarea + .ui-limiter-chars {
	margin: -2em 0 2em 0;
}

.notice-new {
	background-color: #7f978c;
	color: #ffffff;
	font-size: 1.4em;
	margin: 10px 0;
	padding: 20px;
	text-align: justify;
	text-shadow: 1px 1px 4px #4a6265;
	border-radius: 16px;
}
.notice-new h3 {
	margin: 0 0 1em 0;
	color: white;
	text-transform: capitalize;
}
.notice-new p {
	margin: 0 0 1em 0;
	text-align: left;
	text-shadow: none;
}

.stock-notice {
	color: #4a6365;
}


button .material-icons {
	vertical-align: middle;
}
.add_to_wishlist_line {
	/* text-align: right; */
	padding: 0 1em;
	white-space: nowrap;
}
.add_to_wishlist_line button {
	color: #4a6265;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    margin: 0;
	font-size: 1em;
}
.add_to_wishlist_line button:hover {
	text-decoration: underline;
}
.add_to_wishlist_line .add-to-wishlist-message {
	font-size: 1em;
	margin: 0 4px;
	min-height: calc(1.2em + 8px);
	display: inline-block;
	padding: 4px;
	border: solid 2px transparent;
	vertical-align: middle;
	color: #7f978c;
}
.view-wishlist-link {
    color: #4a6265;
}
.view-wishlist-link:hover {
	text-decoration: underline;
}
.wishlist-bar {
	display: grid;
	justify-content: space-between;
	grid-auto-flow: column;
    box-shadow: 0px 1px 2px 0px #7f978c;
    margin: 0 0 1.5em 0;
    padding: 0.75em 1em;
    background-color: #e0e6e3;
}
.wishlist-bar .material-icons {
	vertical-align: middle;
}
.wishlist-bar a:hover {
	text-decoration: underline;
}

.grid-bar {
	display: grid;
	justify-content: space-between;
	grid-auto-flow: column;
	color: #4a6265;
}

.text[type='number'] {
    width: auto;
    border-radius: 10px;
    border: 1px solid #c4dbbf;
    padding: 5px;
    color: #4a6265;
}
.text[type='number']:hover, .text[type='number']:focus {
	border-color: #4a6265;
}
.text[type='text'] {
    border-radius: 10px;
    border: 1px solid #c4dbbf;
    padding: 5px;
}
.text[type='text']:hover, .text[type='text']:focus {
	border-color: #4a6265;
}

input[type='text'], input[type='number'], input[type='email'], input[type='password'], input[type='tel'], select, textarea {
	width: auto;
    border-radius: 10px;
    border: 1px solid #c4dbbf;
    padding: 5px;
    color: #4a6265;
}
input[type='checkbox'], input[type='radio'] {
	min-width: 20px;
	min-height: 20px;
}


article.pageContent .page-section:not(:first-child) {
	margin-top: 40px;
}
.page-section {
	clear: left;
}
.image-left {
	float: left;
	margin: 0 20px 20px 0;
}
.red {
	color: #de2222 !important;
}

.centre {text-align: center;}

.notice-min-qty, .bl-buy .notice-min-qty {
    color: #4a6265;
    font-style: italic;
	text-align: right;
}
#maxAlert {
	display: none;
	position: absolute;
	margin: 5px 0;
	padding: 5px 10px;
	background-color: #efefef;
	color: #4a6265;
	border: solid 1px #28466d;
	border-radius: 5px;
	font-size: 1.1em;
}


/*
	NEW ng/v8 footer
*/
footer {
	width: 100%;
	margin: 1em 0;
}

footer .main {}

#footerMenu {
	border-top: 1px solid #465f56;
	background-color: #e3e8e3;
	padding: 1em 0;
}

#footerMenu menu.outer {
	list-style-type: none;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 100%;
	max-width: 1030px;
	margin: auto;
	gap: 20px;
	margin-bottom: 20px;
}

#footerMenu menu.outer li.menuHeading {
	border-top: solid 1px #465f56;
	padding-top: 20px;
	text-align: left;
	color: #465f56;
	font-size: 1em;
}

#footerMenu menu.outer li.menuHeading:first-of-type {
	border-top: none;
}

#footerMenu menu.outer .outerHeading {
	display: list-item;
	list-style-type: disclosure-closed;
	padding: 10px 0;
	cursor: pointer;
}

#footerMenu menu.inner {
	list-style-type: none;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: stretch;
	align-items: stretch;
	gap: 1em;
	text-align: left;
}

#footerMenu menu.inner a {
	display: block;
	padding: 10px 0;
}

#footerMenu menu.inner li {
	display: block;
}
#footerMenu a {
	color: #465f56;
	text-decoration: none;
	border-radius: 1px;
}

#footerMenu a:hover {
	outline: 6px solid #465f56;
	background-color: #465f56;
	color: white;
	text-decoration: none;
}
#estate-footer {
	background-color: #465f56;
	color: #e3e8e3;
	padding: 20px;
}

.inner {
	width: 100%;
	max-width: 1030px;
	margin: auto;
	text-align: center;
}

#estate-footer address {
	font-style: normal;
}

#footer-copyright {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: left;
	gap: 5em;
}

#estate-footer a {
	color: #e3e8e3;
	text-decoration: underline;
}

#footer-copyright,
#footer-legal {
	font-size: 0.8em;
}

#estate-footer p {
	margin: 0.75em 0 0 0;
}



/**
*
*	print changes
*
*/
@media print {

	#headerToolbar {
		display: none;
	}

	#pageTitle:before {
		content:url('../../img/artwork/mobile/burncoose_updated.png') !important;
		position: relative;
		top: -0.4em;
	}

	#pageTitle {
		margin: 0 0 2em 0;
		color: #4a6265 !important;
		font-size: 2em !important;
	}

	.Nav, .ShutDownMessage, #shareThisPage, #fcPageTiming {
		display: none !important;
	}

	a[href$='.pdf'] {
		display: none !important;
	}

	.PackingBox {
		/*float: none !important;*/
		width: 190px !important;
		height: 310px;
		break-after: left;
	}

	.PackingBoxImg {
		float: left !important;
		margin: 0 2em 1em 0 !important;
	}

	.PackingBoxText {
		height: auto !important;
	}

	.PackingBoxImg IMG:after {
		content: '\A' !important;
		white-space: pre !important;
	}
}
