@font-face{
    font-family: "Ubuntu";
    font-weight: normal;
    src: url("fonts/Ubuntu-L.ttf") format("ttf");
}
@font-face{
    font-family: "Ubuntu";
    font-weight: bold;
    src: url("fonts/Ubuntu-B.ttf") format("ttf");
}

@media print {
    .hidden_from_print {
        display: none;
    }
}

body, html{
    margin:0px;
    padding:0px;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size:13px;
    
    line-height: 1.7em;
}
textarea, input{
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}
.user_orders{width:75%;border:solid 1px #61523f;border-radius:8px;margin-bottom:20px;padding:1%}

.user_account_view_button{width:12%;float:right;margin-top:-35px;background:#61523f;padding:5px 10px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.25);moz-box-shadow:2px 2px 3px 0 rgba(0,0,0,.4);-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,.4);box-shadow:2px 2px 3px 0 rgba(0,0,0,.4);border-radius:8px}.user_account_view_button a{color:#fff}
.user_account_view_button a, .user_account_view_button a:visited, .user_account_view_button a:hover, .user_account_view_button a:active{
    color: #FFF;
}
img{ display:inline-block; border:none; border: 0px;  }

h1, h2, h3, h4, h5{ /*color:#5e462a;*/ color: #522206; text-transform: uppercase;  font-weight: bold; line-height: 22px; }
.greyH{ text-transform: none; color: #414042; }

a{ color:#813000; text-decoration:none; border: none;}
a:visited{ color: #406503; border: none; }
a:hover, a:active{ color:#b54605; text-decoration:none; border: none;}
a:focus {border: 1px solid #FF0000; color: #FF0000; }
a:focus:hover {color: #00FFCC; }


.buyLink, .buyLink:visited, .buyLink:active{
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    
    background: #ab0101;
    
    padding: 4px 6px 4px 6px;
    
    border: #e00000 2px solid;
    
    color: #FFF;
}
.buyLink:hover{
    background: #e00000;
    border: #ab0101 2px solid;
}

.iconText a, .iconText a:visited, .iconText a:hover, .iconText a:active{ color: #FFF; text-decoration: none; }

#main, #footer, #navigation, #page_footer, .container{
    width:100%;
    display:table;
    background: #fff;
}
#main{
    padding-bottom: 15px;
}
#header{
    width:100%;
    display:table;
    
    line-height: 1em;
    /*padding-top:20px;*/
}

#header_inner, #main_inner, #footer_inner, #page_footer_inner, .container_inner{
    width:940px;
    margin-left:auto;
    margin-right:auto;
    /*display:inline-block;*/
    position:relative;
}

#navigation_inner{
    width:940px;
    margin-left:auto;
    margin-right:auto;
    display:table;
    position:relative;    
}
#main_inner, .paddedIn, #footer_inner{
    width: 940px;
    padding-left: 10px;
    padding-right: 10px;
}
.container_inner{
    height: 100%;
}
.paddedIn{
    width: 940px !important;
}

.leftSideText{
    width: 48%;
    float: left;
    text-align: justify;
}

.rightSideText{
    width: 48%;
    float: right;
    text-align: justify;
}

.dimensionMargins{
    padding-top: 20px;
    padding-bottom: 20px;
}
.mainAdItemLink {
    margin-right: 1.3%;
    width: 24%;
    
    -moz-box-shadow:    6px 6px 5px 0px rgba(0,0,0, 0.4);
    -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0, 0.4);
    box-shadow:         6px 6px 5px 0px rgba(0,0,0, 0.4);
    
    display: block;
    float: left;
}
.mainAdItemLink img{
    display: block;
}
.mainAdItemLink:last-child{
    margin-right: 0px;
}
#header_inner{
    width: 940px;
    padding: 10px;
    margin-left:auto;
    margin-right:auto;
    
    /*background: url(images/new/head-bg.jpg);*/
}
.container_inner{
    height: 100%;
}

.process{
    width: 25%;
}

/*.paddedHeader{
    padding: 0% 20% 0% 20%;
}*/
.headSpace{
   margin-top: 10px; 
}

#logo{
    margin: 0px 0px 0px 0px;
    vertical-align: bottom;
    
    /*margin-top: -20px;*/
}

#header_right{
    width: 38%;
    margin-left: 2%;
    
    display: table;
    
    float: left;
}

#site_container{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    
    -moz-box-shadow: 0 0 3px 3px rgba(0,0,0, 0.25);
    -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0, 0.25);
    box-shadow: 0 0 3px 3px rgba(0,0,0, 0.25);
    
    position: relative;
}

/*************************************** SITE SPECIFIC *****************************/

.floatRight{float: right; margin: 0 0 4px 4px;}
.floatLeft{float: left; margin: 0 4px 4px 0; }
.leftImg, .leftIMG{ margin: 6px 6px 6px 0px; }
.rightImg, .rightIMG{ margin: 6px 0px 6px 6px; }
.flLeft{float: left;}
.flRight{float: right;}

.asTable{display: table;}
.fullWidth{ width: 100%; }
.hidden{ display: none; }

.textCenter{ text-align: center; }

.hr{border:none;width: 100%;background: #dfccb2;}
.clear{clear: both;}

iframe{ border: none; }

.plant{
    position: absolute;
    z-index: 1;
    
    display: none;
}
._top_left, ._top_right{
    top: 0px;
}
._bottom_left, ._bottom_right{
    bottom: 0px;
}

._top_left, ._bottom_left{
    left: -111px;
}
._top_right, ._bottom_right{
    right: -111px;
}

#baskets_planter_product_id option:nth-child(even){background: #DDD;}
#baskets_planter_product_id option:nth-child(odd){background: #FFF;}



/*********************************************************  HEADER  *************************************************/
#header_inner{
    /*background: #663411;*/
    text-align: center;
    color: #5e533c !important;
}
#header{
    color:#FFF;
    /*border-top: rgba(0,0,0,0.6) 4px solid;*/
}
/* MAIN COLOURS */
#header, #navigation, #main, .container{
    /*background: #FFF;*/
}

#contact{
    text-align:center;
    
    display:table;
    
    padding: 4px 6px 4px 6px;
    
    font-size: 16px;
    font-weight: bold;
    background:rgba(0,0,0,0.6);
    color: #FFF;
    
    -moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
    
    float: right;

}
#contact a, #contact a:visited, #contact a:hover, #contact a:active{
    color: #FFF;
}



.logoHold{ float: left; /*margin-top:5px; margin-bottom: 5px;*/ width: 60%; }
.logoHold img{ max-width:100%; }
.rightPanelHold{ width: 99%; float: left; margin-left: 1%; position: relative;}

.headLeft{ float: left; /*width:20%;*/ width: 18.5%; }
.headRight{ float: left; /*width:75%;*/ width: 81.5%; height: 177px; }

.headRight{ /*margin: 26px 1% 0 1%;margin: 0px 1% 0 1%;*/ position: relative; }
.headLeft{ position: relative; }

.otherNav{
    width: 75%;
    background: #e5ebe3;
    
    font-size: 16px;
    
    padding: 10px 2.5%;
    
    text-align: right;
    
    color: #5e462a;
    
    float: left;
    
    z-index: 1;
}
#contactHolder{
    width: 100%;
    position: fixed;
    display: table;
    z-index: 101;
    
    max-width: 960px;
    
    pointer-events: none;
}
.telNo{
    width: 19%;
    font-size: 20px;
    font-weight: bold;
    padding: 5px, 10px, 5px, 10px;
    padding-top: 6px;
    
    height: 33px;
    color: #5e462a;
    
    /*position: fixed;
    left: 86%;*/
    float: right;
    
    /*background: #e5ebe3;*/
    background: #5E533C;
    
    z-index: 10;

    
    /*-moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;*/
}
.telNo a, .telNo a:visited{
    color: #FFF;
}

.leftSide{
    margin-left:30%;
}

.rightSide{
    margin-right:35%;
}

.socialHolder2{
    width:100%;
    display: table;
    position: relative;
    margin-left:auto;
    margin-right:auto;
    float:right;
}

.topBarHolders{
    width: 90%;
    padding: 10px 5% 10px 5%;
    /*background: #CCC;*/
    
    display: table;
    
    -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px;
    
    margin-bottom: 12px;
}
.topBarHolders:last-child{
    margin-bottom: 0px;
}

._srch{
    /*background: url(images/new/search-bg.png);*/
}
._bskt{
    /*background: url(images/new/basket-bg.png);*/
}
._srch, ._bskt{
    background: #EEE9E9;
}
._phn{
    width: 100%;
    padding: 0px;
    
    background: #3ab648; 
    background: linear-gradient(top, #3ab648 0%, #197724 100%);  
    background: -moz-linear-gradient(top, #3ab648 0%, #197724 100%); 
    background: -webkit-linear-gradient(top, #3ab648 0%,#197724 100%);
    
    color: #FFF;
}
._phn_left, ._phn_right{
    width: 58%;
    display: table;
    
    float: left;
}
._phn_icon_left{
    -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px;
}
._phn_right{
    width: 42%;
}
._phn_icon{
    width: 44px;
    height: 44px;
    
    margin-right: 10px;
    
    float: left;
    background: url(images/new/50_overlay.png);
}
._phn_span{
    font-size: 1.5em;
    display: table;
    
    margin: 15px 0 10px 0;
    
    text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
._phn_span1{
    font-size: 1.5em;
    display: table;
    
    margin: 15px 0 10px 0;
    font-family: Arial,Helvetica,sans-serif;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
.otherHead{
    width: 100%;
    display: table;
    
    padding-top: 20px;
}

.otherHead_left{
    display: none !important;
    width: 60%;
    float: left;
    
    display: table;
}
.otherHead_left img{
    width: 100%;
}
/*.otherHead_right{
    width: 38%;
    margin-left: 2%;
    display: table;
    float: left;
    
    font-size: 1.4em;
    font-weight: 600;
    
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0,0,0, 0.5);
    
    color: #FFF;
}*/

.otherHead_right {
    height: 25px;
    width: 58%;
    margin-left: 0%;
    margin-right: 2.7%;
    display: table;
    float: left;
    margin-top: -66px;
    font-size: 1.4em;
    font-weight: 600;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0,0,0, 0.5);
    text-align: center;
    background: #3ab648;
    background: linear-gradient(top, #3ab648 0%, #197724 100%);
    background: -moz-linear-gradient(top, #3ab648 0%, #197724 100%);
    background: -webkit-linear-gradient(top, #3ab648 0%,#197724 100%);
    color: #FFF;
}
.otherHead_right a, .otherHead_right a:visited{
    color: #FFF;
}
.otherHead_right a:hover{
    color: #768522;
}


.basketHolder{
    /*width: 92.6%;*/
    width: 95%; /*ACCOUNT FOR PADDING */
    /*border: 1px solid #fff;*/
    /*border: 1px solid #ccc;*/
    padding: 5px 2.5%;
    position: relative;
    float:left;
    
    /*margin-right: 1%;
    margin-left: 1%;*/
    
    background: #FFF;
}

.searchInner{
    width: 80%;
    /*border: 1px solid #fff;*/
    /*border: 1px solid #ccc;*/
    padding: 5px 2.5%;
    position: relative;
    float:left;
    
    background: #FFF;
}

.searchHolder{
    /*width: 98%;*/
    width: 100%;
    
    display: table;
    position: relative;
    float:left;
    
    /*margin-right: 1%;
    margin-left: 1%;*/
}
.basketHolder, .searchHolder{
    /*margin-top: 30px;*/
}
.headSearch, .headSearchAct{
    margin: 0px;
    padding: 0px;
    
    width: 100%;
    background: none;
    border: none;
    /*color: #999;*/
    color: #421c06;
}
.headSearchAct{
    color: #000;
}

.searchButton, .checkoutButton{
    position: absolute;
    right: 0px;
    top: 0px;
    margin-right: -1px;
    
    height: 100%;
    
    background: url(images/assets/trans.png);
    border: none;
    
    cursor: pointer;
    
    /*background-color: #FFF;*/
    /*background-color: #ccc;*/
    background-color: #3ab648;
    
    color: #FFF;
}
.basket{
    vertical-align: middle;
    margin-right: 5px;
}
.detailHolder, .badgesHolder{
    padding-top: 1em;
    alignment-adjust: central;
}

.badgesHolder img{
    vertical-align: middle;
}
.badgesHolder span{
    margin-left: 6px;
    margin-right: 6px;
    display: table;
    border: medium;
    float:right;
    
}
.detailHolder span{
    width: 100%;
    display: block;
    
    text-align: center;
    
    margin-bottom: 2px;
}
.number{
    font-size: 1.5em;
}
.randomLine{
    position: absolute;
    border-bottom: 2px #ccc solid;
    height: 10px;
    /*top: 50px;*/
    top: 70px;
    width: 100%;
}

.badgeInner{
    width: 100%;
    display: table;
    float:right;
    text-align: center;
    /*margin-bottom: 40px;*/
    position: absolute;
    bottom: 20px;
}

.badgeTEXT{
    border: 2px, 2px, 2px, 2px;
    /*background:#fff;*/
    width:27%;
    margin-left:5%;
    /*margin-top:2%;
    padding-top: 20px;
    padding-bottom: 20px;*/
    float:left;
    position: relative;
    color: #61523f;
}

.badgeIMG{
    width:10%;
    margin-top: 1%;
    position: relative;
}
.badgeTEXT img{
    /*margin-bottom: -15px;
    margin-top:-15px;
    margin-right:5px;*/
    
    vertical-align: middle;
}

.invoiceHead {
    /*font-family: raleway;*/
}
.invoiceHead_left{
    float: left;
    text-align: left;
    
    margin-top: 50px;
}
.invoiceHead_right{
    float: right;
    text-align: right;
}
.invoiceHead_left,
.invoiceHead_right{
    width: 50%;
    display: table;
    font-size: 1.15em;
}
.invoiceHead_left img,
.invoiceHead_right img{
    max-width: 100%;
}
.orderArea{
    /*text-align: center;*/
    font-size: 4em;
    font-weight: bold;
    color: #92a528;
    /*padding-right: 5%;*/
}
.yourOrder{
    margin-top: 50px;
    display: block;
    padding-right: 5%;
    font-weight: lighter;
    /*font-family: raleway;*/    
}
.invTable{
    text-align: center;
    width: 100%;
}
.headerRow{
    background: #92a528;
    color: #FFF;
    font-weight: bold;
}
.total{
    font-weight: bold;
}
.invoiceFooter_main {
    margin-top: 3em;
    font-size: 1.2em;
    font-style: italic;
    text-align: center;
    color: #3c9632;
}
.invoiceFooter_sub {
    text-align: center;
}

/***************************************************************** CATEGORY CONTAINER */
.recentHolder{
    /*width: 100%;
    height: 30px;
    
    background: 000;*/
    
    width: 940px;
    padding-left: 10px;
    padding-right: 10px;
    
    display: table;
    
    background: #FFF;
}
.selector, .product_list, .galleryContainer{
    background: #FFF;
}

.categoryDropContain{
    /*position: fixed; z-index:999; color: #FFF;
    background: url(images/important/specific-bar.png);
    right: 0px;
    width: 40px;
    height:275px;
    padding-right:10px;*/
    
    position: absolute;
    z-index: 999;
    background: url(images/new/browse-store.png);
    
    right: -50px;
    
    width: 50px;
    height:330px;
    
    cursor: pointer;
    
    -moz-box-shadow:    6px 6px 5px 0px rgba(0,0,0, 0.4);
    -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0, 0.4);
    box-shadow:         6px 6px 5px 0px rgba(0,0,0, 0.4);
}
.categoryDropInner{
    background: url(images/important/specific-bar.png); padding-right: 20px; height: 100%;
}
.catItem{
    width: 15.7%;
    display: table; float: left;
    padding: 5px;
    cursor: pointer;
    
    margin: 0.5% 0 0.5% 0;
    
}
.catItem:hover{
    /*background: #666;*/
    background: url(images/assets/80_overlay.png);
}
.catItem span{
    /*margin-left: 6px;*/
    font-size: 0.8em;
    line-height: normal;
    
    padding: 4px 0 4px 0;
}
.catItem img{
    width: 25%;
    min-width: 25%;
    
    /*border: #CCC 1px solid;*/
}
.catItem span, .catItem img{
    vertical-align: middle;
    float: left;
    
}
.catItem span{
    width: 100%;
    display: table;
    text-align: center;
    
    background: url(images/assets/80_overlay.png);
}
.catItem img{
    width: 100%;
    
    background-position: center;
    background-color: #FFF;
}

.allItems{
    display: none;
}

.categoryDropContain h3{
    text-align: center;
    color: #FFF;
    margin: 0px;
}
.categoryDropContain .arrows_on, .categoryDropContain .arrows_off{
    width: 16px;
    height: 16px;
}
.categoryDropContain .arrows_on{
    background: url(images/important/up-down.png) 0 1px;
}
.categoryDropContain .arrows_off{
    background: url(images/important/up-down.png) 0 -16px;
}
.pointer{
    cursor: pointer;
}

.tel_num{
    position: relative;
    
}
.telNo{
    pointer-events: all;
}


.closeButton{
    top:20px;
    left:20px;
    margin-right:-55px;
    cursor: pointer;
}

#allCategories{
    /*background: url(images/assets/80_overlay.png);*/
    /*background: url(images/important/80_grey.png);*/
    /*background: url(images/new/head-bg.jpg);*/
    /*position: fixed;*/
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 9999;
}
#allCategories .container_inner{
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    
    width: 80%;
    
    background: none !important;
}
._phn_span a, ._phn_span:visited, ._phn_span:hover, ._phn_span:active,
._phn_span1 a, ._phn_span1:visited, ._phn_span1:hover, ._phn_span1:active{
    color: #FFF;
}

/***************************************************************** CATEGORY CONTAINER */
/*********************************************************  HEADER  *************************************************/

/*********************************************************NAVIGATION*************************************************/
.relativeMenu{
    position: relative;
}
.fullMobileMenu{
    z-index: 99;
    
    position: absolute;
    top: 0px;
    left: 0px;
    
    -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
}
.mobileMenu{
    width: 100%;
    line-height: normal;
    display: table;
    
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000;
    
    z-index: 99999;
}
.mobileMenu ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    
    width: 100%;
    margin: 0px auto;
    
}
.mobileMenu ul li{
    text-align: center;
    width: 100%;
    border-top: #FFF 1px solid;
}
.mobileMenu ul li a{
    color: #FFF;
    display: block;
    
    padding-bottom: 16px;
    padding-top: 16px;
    
    text-shadow: none;
}

#nav ul, #nav ol, #nav li {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#nav {
    margin: 0 auto; 
    text-align: center;
    z-index: 2;
}

#nav ul ul {
    display: none;
    z-index:3;
}

    #nav ul li:hover > ul {
	display: block;
	z-index:3;
    }


#nav ul {
    list-style: none;
    position: relative;
    display: inline-table;
    vertical-align: middle;
    z-index:4;
}
    #nav ul:after {
	content: "";
	clear: both;
	display: block;
	z-index:5;
    }

    #nav ul li {
	float: left;
	z-index:6;
    }
	#nav ul li:hover, #active, .mobileMenu ul li a:hover, .mobileMenu ul li a:active, .active a{		    
	    /*background: #293d05;
	    background: linear-gradient(top, #293d05 0%, #182403 50%);
	    background: -moz-linear-gradient(top, #293d05 0%, #182403 50%);
	    background: -webkit-linear-gradient(top, #293d05 0%,#182403 50%);*/
	    
	    background: #423025;
	    background: linear-gradient(top, #423025 0%, #1f150f 100%);
	    background: -moz-linear-gradient(top, #423025 0%, #1f150f 100%);
	    background: -webkit-linear-gradient(top, #423025 0%,#1f150f 100%);
	    
	    z-index:7;
	    
	}
	    #nav ul li:hover a {
		color: #FFF; /* IS THE HOVER COLOUR */
	    }
	
	    #nav ul li a {
		display: block;
		
		padding-top: 10px;
		padding-bottom: 10px;
		
		text-align: center;
		
		/*width:134.2857142857143px; /* width of each nav item*/
		width:115px;
		text-decoration: none;
		
		color: #fff; /*NON-HOVER COLOUR*/
	    }
    
    #nav ul ul {
	background: #344b08;
	border-radius: 0px;
	padding: 0px;
	position: absolute;
	top: 100%;
    }
	    #nav ul ul li {
		float: none; 
		border-top: 1px solid #223205;
		/*border-bottom: 1px solid #575f6a;  <- NICE EFFECT WHEN LEFT IN, TAKEN OUT ON SLATERS*/
		position: relative;
	    }
		    #nav ul li ul li a:hover{ /* ADDED FOR SUB-NAV HOVER COLOURS */
			color: #FFF;
		    }
		    #nav ul ul li a {
			/*padding: 15px 40px;*/
			min-width: 100px;
			max-width: 240px;
			padding: 11px auto;
			color: #35590c;
		    }	
			#nav ul ul li a:hover {
			    background: #3d78d2;
			    color: #FFF;
			}
			
    #nav ul ul ul {
	position: absolute; left: 100%; top:0;
    }
#navigation{    
    text-shadow: 1px 1px 1px #280937;
    
    box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}


#navigation_inner, .mobileMenu{
    /* NOT USED IN WIDE NAV */
    /*background: #4b6f0c; 
    background: linear-gradient(top, #4b6f0c 0%, #344d07 100%);  
    background: -moz-linear-gradient(top, #4b6f0c 0%, #344d07 100%); 
    background: -webkit-linear-gradient(top, #4b6f0c 0%,#344d07 100%);*/
    
    background: #3ab648; 
    background: linear-gradient(top, #3ab648 0%, #197724 100%);  
    background: -moz-linear-gradient(top, #3ab648 0%, #197724 100%); 
    background: -webkit-linear-gradient(top, #3ab648 0%,#197724 100%);
    
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.onlyMobileNav{
    display: none;
}
#active, #active a, #active a:visited, #active a:active, #active a:hover{
    color:#FFF;
}

#navigation, #header{
    /*background-color: #73afde;*/
    background: #FFF;
}
#navigation{
    /*background-image: url(images/grass-head.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom center;*/
}
.onlyMobileNav{
    display: none;
}
.mobileMenu
#active, #active a, #active a:visited, #active a:active, #active a:hover, #nav #active, #nav #active a, #nav #active a:visited, #nav #active a:active, #nav #active a:hover{
    color:#FFF;
}

.second_footer{
    background: #FFF;
    /*margin-bottom: 20px;*/
    /*padding: 20px;*/
    width: 960px;
}
/*********************************************************NAVIGATION*************************************************/

/*********************************************************   MAIN   *************************************************/
.reviewBox{
    width: 100%;
}
.boldText{
    font-weight: 600;
}
.hedgeHead{
    margin-top: 10px;
}
.column3{
    display: block;
    background: #fff;
    width: 29.7%;
    float: left;
    margin: 0 1% 0 1%;
    
    padding: 1%;
    
    border: #dcd1aa 1px solid;
    
    /*min-height: 550px;*/
    min-height: 600px;
    margin-bottom: 10px;
}
.column3:first-child{
    margin-left: 0px;
}
.column3:last-child{
    margin-right: 0px;
}
.clearBG{
    background: none;
    border: none;
}
.column3 h3{
    margin-top: 4px;
    padding-top: 0px;
}
.col3Img{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.halfWidth{
    width: 48%;
}
.fl{
    float: left;
}
.margTop{
    margin-top: 15px;
}
#noTroughPrice, #troughPrice{
    margin-top: 5px;
}
.hedgeHead img{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.colHold3{
    
}

#tabCtrl{
    padding: 0.5em;
}
.message_info{
    background: #3c9632;
    color: #FFF;
    font-weight: bold;
    padding: 0.5em 0 0.5em 0;
}
logoMargin{
    margin-right: 4px;
}

#main_inner, .container_inner{
    background: #FFF;
    
    /*background: #f2f2ed;*/
    
    /*box-shadow: 6px 0px 10px -7px #000, -6px 0px 10px -7px #000;*/
    /*padding: 5px 5px 40px 5px;
    width: 950px;*/
    
    color:#464646;
}
#head_left{
    width: 40%;
    display: block;
    float: left;
}
#head_right{
    width: 59%;
    display: block;
    float: right;
}
.margin_bottom{
    margin-bottom: 8px;
}
.short_display{
    width: 45%;
    display: block;
}
.long_display{
    width: 54%;
    display: block;
}
.mid_display{
    width: 32.66%;
    display: block;
    float: left;
    margin: 0 0.5% 0 0.5%;
}
.mid_display:first-child{
    margin-left: 0px;
}
.mid_display:last-child{
    margin-right: 0px;
}

#head_left img, #head_right img, .short_display img, .long_display img{
    width: 100%;
    height: auto;
}

.blogFeed{
    width: 100%;
}
.blogFeed h3{
    margin: 0px 0px 10px 0px;
}
.blogItem{
    width: 100%;
    position: relative;
    border: #666 1px solid;
    margin: 0 0 8px 0;
}
.blogItem h2{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 2% 5px 2%;
    margin: 0px;
    width: 46%;
    background: rgba(0, 0, 0, 0.6);
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}
.blogImg{
    width: 50%;
    height: auto;
    
    display: block;
}
.blogImgContainer a, 
.blogImgContainer a:hover,
.blogImgContainer a:visited,
.blogImgContainer a:active,
.blogItem h2 a, 
.blogItem h2 a:hover,
.blogItem h2 a:visited,
.blogItem h2 a:active{
    color: #FFF;
}
.marginInner {
    margin: 10px;
}

#rightPanel{
    width: 25%;
    min-width: 300px;
    margin: 0 0 0 20px;
}

.mainArea{
    width: 64%; float: left; margin-top: 20px;
}
.mainArea h1, .mainArea h2, .mainArea h3, .mainArea h4, .mainArea h5{
    padding: 0px;
    margin: 0px;
}

#loginPanel{
    width: 50%;
    /*margin-left: auto;
    margin-right: auto;
    
    margin-bottom: 20px;*/
    
    margin: 2.5em auto 7em auto;
    
    padding: 20px 5% 20px 5%;
    
    border: #ccc 1px solid;
    
    display: table;
    
    color: #333;
    
}
#loginPanel h3{
    color: #FFF;
}
#loginPanel a, #loginPanel a:visited, #loginPanel a:active, #loginPanel a:hover{
   color: #3f1b01; 
}

.checkout_login #loginPanel {
    float: right;    
}

#loginPanel label{
    float: left;
    width: 30%;
    display: table;
    
    /*padding-top: 5px;*/
}
#loginPanel label span, .important{
    color: #638312;
    font-weight: bold;
    padding-left: 6px;
}
.important{
    padding: 0px;
}
#loginPanel input{
    width: 68%;
    float: left;
}
#loginPanel .login{
    width: 30% !important;
}
.hiddenReg, .log{
    display: none;
}
.basketHolder{
    text-align: left !important;
}
.basketHolder a, .basketHolder a:visited {
    /*color: #999;*/
    color: #421c06;
}
.login_reset_pwd_message {
    font-size: 13px;
    font-weight: normal;
}
/*************************************** MAIN_4 */
.main_4{
    width: 22%;
    margin: 10px 2% 10px 2%;
    height: 230px;
    /*display: none;*/
    float: left;
    
    -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
}

.main_4_head a{
    color:#61523f;
}

.main_4_head a:visited{
    color:#a59178;
}

.main_4_head a:hover{
    text-decoration: underline;
    color:#a59178;
}

.main_4:first-child{
    margin-left: 0px;
}
.main_4:last-child{
    margin-right: 0px;
}
.main_4 img{
    width: 100%;
    height: 100%;
}

.main_4_head{    
    width: 100%;
    display: table;
    max-height: 40px;
    
    color: #5e462a;
    
    text-align: center;
    /*text-transform: uppercase;*/
    font-size: 1.25em;
    
    padding-top: 0.3em;
    padding-bottom: 1.0em;
    
    background: #e5ebe3;
}
.relativeContainer{
    position: relative;
}
.main_4_info{
    width:50%;
    background: rgba(97, 82, 63, 0.8);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    padding: 10px 5% 10px 5%;
    color: #FFF;
    display:none;
    
    position: absolute;
    
    left: 0px;
    top: 2%;
}

.main_4_info a, .main_4_info a:visited, .main_4_info a:hover{
    color: #FFF;
}
    
.main_4_info a:hover{
    color: #61523f;
    background: #dfccb2;
    padding: 5px 2% 5px 2%;

    /*white-space: nowrap;*/
}
/*************************************** CATEGORY PAGE */


.selector{
    width: 20%;
    
    display: block;
    float: left;
    
    border: 1px #CCC solid;
}
.product_list{
    width: 78%;
    
    display: block;
    float: right;
    
    border: 1px #CCC solid;
}
.noPadd{
    padding: 0px;
    padding-bottom: 10px;
}
.inner{
    width: 90%;
    margin: 10px 5% 10px 5%;
    
    color: #666;
}
.textPageHeader{
    width:100%;
}
.in2{
    width: 95%;
    /*margin: 10px 2.5% 10px 2.5%;*/
    margin: 0 0 10px 2.5%;
}
.inner select, .inner label{
    color: #666;
    font-size: 12px;
    
    max-width: 95%;
}
.leftSide label, .leftSide input{
    font-size: 13px;
}
.leftSide input{
    float: right;
}

.leftSideText{
    width: 48%;
    float: left;
    text-align: justify;
}

.rightSideText{
    width: 48%;
    float: right;
    text-align: justify;
}

.leftSide input{
    background: #FFF;
    color: #666;
    border: #CCC 1px solid;
}

.innerHR{
    border: #dfccb2 1px solid;
}
.headerItem{
    width: 100%;
    border-bottom: #CCC 1px solid;
}
.headerItem h1, .product_left h1{
    /*font-weight: normal;*/
    
    text-transform: uppercase;
    /*margin: 0px 0px 10px 0px;*/
}
.headerItem h1 span{
    font-size: 12px;
}

.productTile_3, .productTile_4{
    width: 31%;
    margin: 10px 1.16% 10px 1.16%;
    
    display: block;
    
    float: left;
}
.productTile_4{
    width: 23%;
    margin: 10px 1% 10px 1%;
}
.productTile_3 img, .productTile_4 img, .productTile_recent img {
    width: 100%;
    height: auto;
    background-color: #FFF;
    
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center;
}
#gallery_products img, .tileImage-detail{
    background-color: #FFF;
}

.productTile_3 span, .productTile_4 span{
    margin: 0px;
    padding: 0px;
    width: 100%;
    
    display: block;
    
    text-transform: uppercase;
}
/* make the nooffer label appear inline rather than below the price */
.productTile_3 span[itemprop=offers], .productTile_3 span[itemprop=offers] span,
.productTile_4 span[itemprop=offers], .productTile_4 span[itemprop=offers] span {
    display: inline;
}
.productTile_3 p, .productTile_4 p{
    text-align: left;
}
.productTile_recent {
    width: 17%;
    margin: 10px 1% 10px 1%;
    float: left;
    text-align:left;
}
.productTile_recent  a span{
    height: 40px;
    display: table;
}

.productTile_recent p a,
.productTile_recent p a:hover,
.productTile_recent p a:visited,

.product_remove,
.product_remove:hover,
.product_remove:visited,

.frontend_button,
.frontend_button:hover,
.frontend_button:visited,

.basket_checkout,
.basket_checkout:hover,
.basket_checkout:visited,
.basket_checkout:visited,

.basket_checkout_button
{
    /*background: #61523f;*/
    padding: 5px 10px;
    color: #fff;
    
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    
    moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0, 0.4);
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0, 0.4);
    box-shadow: 2px 2px 3px 0px rgba(0,0,0, 0.4);
}
.basket_checkout{
    background: #999 !important;
}
.productTile_recent p a{
    -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px;
}
.basket_checkout_button{
    border: none;
    cursor: pointer;
}

.basket_checkout_button, .basket_checkout, .product_remove, .frontend_button, .bsk_checkout, .bsk_cont{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.basket_placeorder_button {
}

.basket_list .frontend_table {
    margin-top: 1.2em;
}

/*.productTile_recent a{
    display: table;
    width: 100%;
    min-height: 200px;
}*/
.price{
    width: 100%;
    display: block;
    
    font-weight: bold;
    
    color: #333;
}
.tileImage{
    background-repeat: no-repeat;
    background-position: center bottom;
}
.widthIsLargestDimension{
    background-size: 100% auto;
}
.heightIsLargestDimension{
    background-size: auto 100%;
}
.tileImage-detail, .tileImage-thumbnail, .tileImage-basket {
    background-repeat: no-repeat !important;
    /*background-position: bottom center !important;*/
    background-position: center !important;
}
.tileImage-detail{
    width: 100%;
    max-height: 410px;
    
    background-size: contain !important;
}
.tileImage-thumbnail{
    /*width: 48%;*/
    width: 31%;
    /*background-color: #CCC;*/
}
.tileImage-planter-thumbnail{
    /*width: 48%;*/
    width: 32%;
    /*background-color: #CCC;*/
}
.tileImage-basket {
    /*width: 5em;*/
    width: 20%;
    vertical-align: middle;
    
    float: left;
    
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.4);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.4);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.4);
}

/*************************************** CATEGORY PAGE */

/*************************************** PRODUCT PAGE */
.buyPanel{
    /*width: 35%;*/
    width: 42%;
    
    display: block;
    float: right;
    
    border: 1px #CCC solid;
    
    margin-bottom: 10px;
}
.product_left{
    width: 55%;
    
    display: block;
    float: left;
    
    /*border: 1px #CCC solid;*/
}
.main_img_left{
    float: left;
    width: 17%;
}

.main_img_right{
    float: right;
    width: 17%;
}

.main_img_itm{
    display: table;
    width: 100%;
    height: 80px;
    background: #CCC;
    
    float: left;
    
    margin: 0 10px 10px 0;
}

.rightBar{
    width: 33%; float: right;
}
.rightBar_inner{
    width: 100%;
}
.product_left .main_img{
    width: 80%;
    height: auto;
    
    float: right;
}

.product_lefta{
    width: 60%;
    height: auto;
    float: left;
}

.main_imga{
    width: 60%;
    height: auto;
    
    float: left;
}

.catItem a, .catItem a:visited{
    color: #DDD;
    /*white-space: nowrap;*/
}
.catItem a:hover{
    color: #FFF;
}
.productTile_4 a, .productTile_4 a:visited, .productTile_3 a, .productTile_3 a:visited{
    color: #666;
}
.productTile_4 a:hover, .productTile_3 a:hover{
    color: #999;
}

.button{
    border: medium;
    border-width: 8px;
}

.leftText{
    width: 100%;
    float:left;
    height: auto;
    border: solid 1px #cdcdcd;
    margin-top: 10px;
}
.leftText a{
    background: #61523f;
    padding: 6px 10px;
    color: #fff;
    margin-right:1%;
    
    display: table;
    float: left;
    
    margin-bottom: 0.25em;
}

.leftText a:first-child{
    background: #61523f;
    padding: 6px 10px;
    color: #fff;
    /*margin-left:-5px;*/
}
/*************************************** PRODUCT PAGE */
#productImage{
    position: absolute;
    left: -99999px;
}
.bespokeHedge .leftTable{
    float: left;
}
.bespokeHedge .rightPanel{
    float: right;
}
.bespokeHedge label{
    display: table;
    float: left;
    
    width: 50px;
    
    height: 12px;
    padding-top: 3px;
    vertical-align: middle;
    margin-top: 2px;
}
.bespokeHedge span{
    display: block;
    margin-top: 5px;
    
    color: #999;
}
.bespokeHedge input{
    float: left;
    width: 40px;
}
#troughPrice, #noTroughPrice{
    color: #638312;
    font-weight: bold;
    font-size: 1.5em;
}


#loadAllCategories_Close{
    text-align: center;
    background: #61523f;
    
    -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px;
    padding: 10px 0 10px 0;
    
    font-size: 1.2em;
    
    color: #FFF;
    
    cursor: pointer;
}
/*********************************************************   MAIN   *************************************************/


/*****************************************************   CONTACT FORM   *********************************************/
.uploadWindow{
    height:100%;
    width:100%;
    background:rgba(0, 0, 0, 0.8);
    z-index: 9999;
    position:absolute;
}

.contactForm{
    width: 60%;
    float: right;
    margin-left: 2%;
    text-align: center;
}

.contactFormFreeDesign{
    width:30%;
    float:right;
    text-align:center;
    margin-right:40px;
    margin-bottom: 20px;
    cursor: pointer;
}

.contactFormFreeDesign1{
    width:30%;
    float:right;
    text-align:center;
    margin-right:40px;
    margin-bottom: 20px;
}

.contactFormCall{
    width:30%;
    margin-right:2%;
    float:left;
    text-align:center;
}

.contactFormCall h2{
    text-align:center;
}


.contactFormBlog{
    width:30%;
    height:200px;
    margin-right:2%;
    float:left;
    text-align:center;
}

.contactFormCallback{
    width:30%;
    margin-right:2%;
    margin-top:33px;
    float:left;
    text-align:center;
}

.contactFormCall img{
    margin-top:25px;
}

.contactFormR{
    width: 50%;
    float: right;
}
.lightText{
    color: #898989;
}
.inactiveInput, .txtArea{
    color:#999999;
    /*width: 300px;*/
    width: 95%;
}
.txtArea{
    color: #000000;
    height: 150px;
}
.activeInput{
    /*width: 300px;*/
    width: 95%;
    color:#000000;
}
.inactiveInput, .activeInput{
    padding: 4px 6px;
    /*width: 288px;*/
    width: 95%;
}

.code{
    float:left; padding: 9px 4px; /*width: 180px;*/ margin: 0 0 0 10px; width: 50%;
}
.codeImg{
    vertical-align:middle; float:left;
}

#formComplete, #formError{
    padding: 2% 5%;
    width:90%;
    
    margin: 15px auto 15px auto;
    
    background-color: #0b9644;
    
    font-size:14px;
    font-weight:bold;
    
    color:#FFFFFF;
    text-align:center;
}
#formError{
    background-color: #960b0b;
}
.contactTable{width:100%;}
.map{ width: 100%; height: 500px; border:none;}
/*****************************************************   CONTACT FORM   *********************************************/

/***********************************************************FOOTER***************************************************/

#footer{
    /*background: #211004;*/
    background: #100905
}

#footer_inner{
    /*width: 960px;*/
    /*background: #211004;*/
    /*background: url(images/new/footer-bg.jpg);*/
    /*padding: 0px 10px 0px 10px;*/
}

.footerContent{
    float:left;
    display:table;
    padding: 10px 10px 10px 0;
    height:100%;
    
    color: #FFF;
}

.footerContentSage{
    display:table;
    padding: 10px 10px 10px 0;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    
    color: #FFF;
}

#footer #footer_inner .footerContent a, #footer #footer_inner .footerConten  a:visited{
    color: #bbd2a0;
}
#footer #footer_inner .footerContent a:hover, #footer #footer_inner .footerContent a:active{
    color: #FFF;
}

#footer{font-size:12px; }
#footer, #footer a{ color:#217cbe; }
#footer a:hover{ text-decoration: underline; }

.designBy{
    vertical-align:middle;
}
.footer_vr{
    float:left;
    margin-left:4px;
    margin-right:14px;
    height:125px;
}

.rightFooter{
    float:right;
    border-right:none;
}
.socialHolder{
    float: left;
    display: table;
    
    margin: 12px 0 0 0;
}
.socialIcon{
    float: left;
    margin: 5px;
}
.socialBar{
    display: table;
    margin-top: 15px;
}
.socialLink{
    margin-right: 5px;
}
.sagePayImg{
    background: #FFF;
}
.purpleBar{
    /*background: #fff;*/
   /* background: -moz-linear-gradient(top,  #8c7d96 0%, #704e85 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c7d96), color-stop(100%,#704e85));
    background: -webkit-linear-gradient(top,  #8c7d96 0%,#704e85 100%);
    background: -o-linear-gradient(top,  #8c7d96 0%,#704e85 100%);
    background: -ms-linear-gradient(top,  #8c7d96 0%,#704e85 100%);
    background: linear-gradient(to bottom,  #8c7d96 0%,#704e85 100%);*/
}
/*.purpleInner{
    text-align: center;
    padding: 0px 2% 0px 2%;
    width: 21%;
}
.container_inner2_h3{
    text-align: center;
    padding: 0px 2% 0px 2%;
    width: 21%;
    
}*/
.mainThree2{
    background: none;
    
    width: 10%;
    
 
    float: left;
    display: block;
    
    
    
    color: #FFF;
    /*box-shadow: 6px 0px 10px -7px #000, -6px 0px 10px -7px #000;*/
    text-align: center;
    text-transform: uppercase;
    
    /*font-family: 'OpenSansBold',Arial,Helvetica,sans-serif;*/
    font-family: 'Raleway', sans-serif;
    
    position: relative;
    
    cursor: pointer;
}
.mainThree2 h4{
    color: #FFF;

    
    margin: 0px;
    /*padding: 0px 8px 0 8px;*/
    

    left: 0px;
    right: 0px;
}
.icon1{
    background-image: url(images/info.png);
}
.icon2{
    background-image: url(images/careers.png);
}
.icon3{
    background-image: url(images/phone.png);
}
.icon4{
    background-image: url(images/icon4.png);
}
.icon5{
    background-image: url(images/icon5.png);
}
.icon1, .icon2, .icon3, .icon4, .icon5{
    background-repeat: no-repeat;
    background-position: left 30px;
}
.mainThree2:hover{
    color: #FFF;
    background: none;
    
    cursor: pointer;
}
.mainThree2:first-child{
    /*margin-left: 0px;*/
}
.mainThree2:last-child{
    margin-right: 0px;
}
.mainThree2 img{
   margin-top: 5px;
   margin-bottom: 10px;
}

.imgBox{
    height: auto;
    overflow: hidden;
}
.imgBox img{
   width: 100%;
   height: auto;
   
   display: block;
}
.imgBox p{
    width:80%;
    padding: 10%;
    margin: 0px;
    
    height: 100%;
    
    position: absolute;
    top:0px;
    left: 0px;
    
    background: url(images/assets/80_overlay.png);
    
    color: #FFF;
    
    display: none;
    cursor: pointer;
}
.imgBox:hover p{
    display: block;
    cursor: pointer;
}
.bottomData{
    width: 100%;
    text-align: center;
    float: left;
    
    padding: 10px 0 10px 0;
    
    /*background: #204a6c;*/
    background: #eb2127;
    
    color: #FFF;
    
    text-transform: uppercase;
    cursor: pointer;
}
/***********************************************************FOOTER***************************************************/


/***************************************************** RESPONSIVE VIDEO *********************************************/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/***************************************************** RESPONSIVE VIDEO *********************************************/

/****************************************************** TWITTER WIDGET ********************************************/
#twitterWidget{
    float: right;
    display: table;
    width: 100%;
    
    min-width: 300px;
    
    overflow: hidden;
    
    margin: 0 0 0 6px;
    
    border: 8px #00aced solid;
}
#infoWidget{
    float: right;
    display: table;
    width: 100%;
    
    min-width: 300px;
    
    background: #ffffff;
    border: 1px #dcd1aa solid;
    
    padding: 7px;
    
    margin-bottom: 15px;
}
#twitterWidget iframe{
    width: 100%;
}
.fb-like-box{
     float: right;
    display: table;
    width: 95%;
    
    max-width: 300px;
    border: 8px #3b5998 solid;
    
    margin-bottom: 15px;
}
.fb-like-box iframe, .fb_iframe_widget span{
    width: 100% !important;
}
/****************************************************** TWITTER WIDGET ********************************************/

/*********************************************************COOKIES*************************************************/


#cookiewarning{
    position: fixed;
    bottom:0;
    width:100%;
    z-index:99999;
    border-top:1px #000 solid;
    background: #000;
}
.cookiewarning_inner{
    text-align:center;
    margin:0px;
    padding:10px;
    width:auto;
    color:#fff;
    font-size:90%;
}

.formal{ background: url(cookies.png) bottom right; z-index:90;}

.cctv{
    background: url('http://www.attacat.co.uk/external/cookienotifier/cookies_cctv.png') bottom right;
}

.cookies_notifier{
    display: block !important;
    position: fixed;
    height: 50px;
    width: 50px;
    text-indent: -99999px;
    opacity: 0.5;
    z-index: 100;
    
    position:fixed;bottom: 0px; right: 0px;
}

.cookies_notifier:hover{
    background-position: 0 0;
    width: 50px;
}

.formal{ background: url(cookies/cookies.png) bottom right; z-index:90;}

.cctv{
    background: url('http://www.attacat.co.uk/external/cookienotifier/cookies_cctv.png') bottom right;
}

#imageUpload{
    background: url(images/assets/80_overlay.png);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 9999;
}
#imageUpload .container_inner{
    background: none;
}
.imageUploadForm{
width: 50%;
height: 200px;
background: rgba(94 70 42 0.8);
border-radius: 8px;
color: #fff;
padding: 10px 5px 10px 20px;
margin: auto;
margin-top:35%;
    
}

.videoPopUp{
    position:absolute;
    top:40px;
    width:100%;
}
/*********************************************************COOKIES*************************************************/

.onlyMobile, .mobileOnly, .loadHidden{
  display: none;
}

/********************************************************   SOCIAL   ************************************************/
.shareText{
    float: left;
}
.socialShare{
    float:right;
    margin: 2px 10px;
}
.g-plusone{
    width: 40px;
    height: 21px;
    overflow: hidden;
    margin-right: 4px;
    float:right;
    vertical-align: middle;
    border: none;
}
.fbShare{
    border:none;
    overflow:hidden;
    width:46px;
    height:21px;
    margin-right: 4px;
    float:right;
    vertical-align: middle;
    border: none;
}
.twitterShare{
    width:60px;
    height:21px;
    margin: 0 4px 0 4px;
    float: right;
    vertical-align: middle;
    border: none;
}
.socialShare iframe {
    border: none;
}
/********************************************************   SOCIAL   ************************************************/
.buttonPadding{
    margin: 10px 0px 10px 0px;
}
.buttonPadding input{
    max-width: 100%;
}
.footer_img, .footer_img_double, .footer_img_triple, .footer_image_quad{
    display: block;
    width: 20%;
    height: auto;
    
    float: right;
}
.footer_img_double{
    width: 40%;
}
.footer_img_triple{
    width: 32.20%;
}
.footer_image_quad{
    width: 80%;
}
.footer_img_vert{
    display: block;
    width: 100%;
    height: auto;
    
    max-height: 125px;
}

.home_icon_three, .home_icon_four{
    display: block;
}
.home_icon_three, .otherProdImg{
    width: 30%; float: left; margin: 0 2.5% 0 2.5%;
}
.home_icon_four{
    width: 24%; float: left; margin: 0 0.66% 0 0.66%; margin-top:15px;
}
.home_icon_three:first-child, .home_icon_four:first-child, .otherProdImg:first-child{
    margin-left: 0px;
}
.home_icon_three:last-child, .home_icon_four:last-child, .otherProdImg:last-child{
    margin-right: 0px;
}
.home_icon_three img, .home_icon_four img{
    width: 100%;
    height: auto;
}





.frontend_table ._table {
    display: table;
}


.frontend_table ._row > div {
    padding-left: 1em;
}
/*.frontend_table ._row > div:first-child {
    padding-left: 0;
}*/

.frontend_table ._row > * {
    display: table-cell;
}

.checkout_button{
    background: #61523f !important;
}

.basket_quantity {
    width: 4em;
}

.frontend_table ._price {
    text-align: right;
}

.frontend_table ._col {
    padding: 1em;
}

.frontend_table ._first_total {
    padding-top: 2em;
}

.frontend_table ._trade_discount {
    color: green;
    font-weight: bold;
}

.frontend_table ._total {
    text-transform: uppercase;
}

.frontend_table ._head ._col {
    /*font-weight: bold;*/
    text-transform: uppercase;
}

.frontend_table ._grand_total {
    font-weight: bold;
}

.frontend_table ._col[class~='_update_quantities'] {
    padding-top: 0;
    padding-bottom: 0;
}

.frontend_table ._row {
    display: table-row;
}
.basket_list .frontend_table ._table ._row:first-child,
.basket_list .frontend_table ._table ._row:last-child,
.basket_list .frontend_table ._table ._head{
    background: none;
    font-weight: bold;
    text-transform: uppercase;
}
/*
.basket_list .frontend_table ._row:nth-child(odd){
    background: #eee;
}
.basket_list .frontend_table ._row:nth-child(even){
    background: #dedede;
}*/

.frontend_table ._head ._col{
   color: #999;
   border-top: #ccc 1px solid;
   border-bottom: #ccc 1px solid;
}
._col_image{
    width: 10%;
}
.basket_list ._col .tileImage-basket{
    float: none;
    width: 100%;
    
    background-color: #FFF;
}
._product_col_detail{
    vertical-align: top;
}
.frontend_table ._product_row > div{
    border-bottom: #ccc 1px solid;
}
.product_title, .product_title:visited{
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
}
.product_variation, .planter{
    display: table;
    font-size: 0.85em;
}
.invoiceHead .product_variation {
    display: inline;
}
.product_variation_caption, .planter_caption{
    font-weight: 600;
}
._col_product{
    width: 50%;
}
.planter a{
    color: #464646;
}
.checkout_button{
    background: #61523f !important;
}
._update_quantities .basket_checkout_button, .product_remove, .frontend_button{
    background: #999 !important;
}
._totals ._col{
    padding-left: 0px !important;
    padding: 4px 0 4px 0;
    
    font-size: 0.85em;
}


.refineby a {
    /*color: #494;*/
    color: #666;
}

.refineby a:hover {
    /*color: #263;*/
    color: #999;
}

/* better with it green, same as the others? */
.refineby a ._showhide {
    color: #616161;
}
.refineby a:hover ._showhide {
    color: #222;
}

.refineby .showMore {
    cursor: pointer;
}


.refineby ._icon {
    vertical-align: bottom;
}

.refineby ._icon_plus,
.refineby ._icon_minus,
.refineby ._icon_cross,
.refineby ._icon_active
{
    background-repeat: no-repeat;
}


.refineby ._icon_plus {
    background: url(images/assets/icon-sprite.png) 0 -32px;
}
.refineby ._icon_plus:hover, .refineby .showMore:hover ._icon_plus {
    background: url(images/assets/icon-sprite.png) -32px -32px;
}
.refineby ._icon_minus {
    background: url(images/assets/icon-sprite.png) 0 -48px;
}
.refineby ._icon_minus:hover, .refineby .showMore:hover ._icon_minus {
    background: url(images/assets/icon-sprite.png) -32px -48px;
}
.refineby ._icon_cross {
    /*background: url(images/assets/icon-sprite.png) 0 -16px;*/
    background: url(images/assets/icon-sprite.png) -32px 0;
}
.refineby ._icon_cross:hover, .refineby ._row:hover ._icon_cross {
    background: url(images/assets/icon-sprite.png) -32px -16px;
}
.refineby ._icon_active {
    background: url(images/assets/icon-sprite.png) -32px 0;
}
.refineby ._icon_active:hover, .refineby ._row:hover ._icon_active {
    /*background: url(images/assets/icon-sprite.png) -16px 0;*/
    background: url(images/assets/icon-sprite.png) -16px -16px;
}

.refineby ._row {
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
} 
.refineby ._caption {
    color: #616161;
}

.refineby input[type='text'] {
    width: 100%;
    margin-bottom: 5px;
}



.loadmore {
    text-align: center;
    font-size: 1.2em;
    padding: 0.4em;
    border: solid 1px #2db7f7;
}
.loadmore a {
    display: block;
}


._no_results {
    text-align: center;
    /*font-size: 1.2em;*/
    font-weight: bold;
    padding: 1em;
    text-transform: uppercase;
}


.categories-catItem span {
    color: #222;
}
.categories-catItem:hover span {
    color: #fff;
}


.basket_empty {
    text-align: center;
    font-size: 1.3em;
}
.basket-notempty{ 
}
.basket-container-notempty{
    border: 1px solid #88ae28;
}
.basket-container-notempty .checkoutButton{
    background-color: #3ab648;
    color: #FFF;
}


/*#basket_alert_container {
    position: relative;
    display: none;
    margin-top: 2px;
}*/
#basket_alert {
    position: fixed;
    
    /*width: 75%;position: fixed;left: 50%;margin: 0 0 0 -37.5%;*/
    width: 100%;
    height: 100%;
    
    top: 0;
    left: 0;
    
    background: url(images/assets/80_overlay.png);
    
    z-index: 2500;
    
    color: #4d4643;
    
    font-weight: 600;
}
.prodErr{
    width: 100% !important;
    height: auto !important;
    background: none !important;
}
.prodErr p{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    
    background: url(images/assets/80_overlay.png);
    
    margin-top: 25%;
    
    padding: 2em;
    
    text-align: center;
    color: #FFF;
    
    -moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0, 0.4);
    -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0, 0.4);
    box-shadow: 6px 6px 5px 0px rgba(0,0,0, 0.4);
}
#basket_alert .basket_added_product {
    margin: 0;
    /*padding: 0;*/
    
    /*padding: 0.5em;*/
    padding: 2em;
    background: #f6f5f3;
    
    margin-left: auto;
    margin-right: auto;
    
    margin-top: 20%;
    
    display: table;
    width: 600px;
    
    font-size: 1.4em;
    
    -moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0, 0.4);
    -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0, 0.4);
    box-shadow: 6px 6px 5px 0px rgba(0,0,0, 0.4);
    
    -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px;
}
#header_inner #basket_alert a {
    /*color: #000;*/
    color: #88ae28;
}

.productDetail_basket{
    width: 75%;
    margin-left: 5%;
    
    display: table;
    
    float: left;
}
.basket_prod_title, .basket_prod_price{
    display: table;
    float: left;
}
.basket_prod_title{
    width: 80%;
}
.basket_prod_price{
    width: 20%;
    text-align: right;
}
.basketTitle{
    margin-bottom: 25px;
}
.basket_prod_deets{
    margin-bottom: 30px;
    margin-top: 10px;
}
.basket_planter_deets{
    width: 100%;
    display: table;
    margin-bottom: 30px;
    font-size: 0.7em;
}
.basket_qty{
    width: 100%;
    display: table;
}
.basket_qty a{
    font-size: 13px;
    float: right;
}
.bsk_checkout, .bsk_cont{
    background: #61523f;
    padding: 5px 10px;
    color: #fff !important;
}
.bsk_cont{
    background: #CCC;
}


.basket_qty a:last-child{
    margin-right: 5px;
}
.itemAddedText{
    width: 40%;
    float: left;
    display: table;
}
.yourBasket{
    width: 60%;
    float: left;
    display: table;
}
.yourBasketLeft, .yourBasketRight{
    width: 50%;
    float: left;
}
.yourBasketRight{
    text-align: right;
}


.login_head {
    text-align: right;
    padding-top: 0.5em;
    
    position: absolute;
    bottom: 0;
    right: 0;
    
    padding: 5px 10px;
    
    background: #88ae28;
    
    -moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px;
}

#login_message {
    text-align: center;
    margin-bottom: 1em;
}


#header_inner .otherNav a {
    color: #5e462a;
}

.basket_list {
    margin-top: 3em;
    margin-bottom: 5em;
    
    margin-left: auto;
    margin-right: auto;
    /*width: 90%;*/
}
.basket_button_left{
    float: left;
}
.basket_button_right{
    float: right;
}


/* not really basket - checkout order process. might want to change the names */

.basket_header {

}
.basket_header a {
    color: black;
    text-decoration: none;
}
.basket_header a:hover {
    text-decoration: underline;
}

.basket_header ._item {
    margin: 2em 0;
}

.basket_header ._sel {
    font-weight: bold;
}

.basket_body {
    /*margin: 2em 0;
    padding: 2em 5em;*/
    border: solid 1px #eee;
}




.frontend_table ._table {
    display: table;
}

.frontend_table ._row {
    display: table-row;
}

.frontend_table ._row > div {
    display: table-cell;
}

.frontend_columns_2 {
    float: left;
    width: 48%;
}

/* remove block level positioning */
.order_details ._inline, .order_details ._inline div {
    display: inline;
}

.order_details_disabledelivery {
    /*border: solid 1px #aaa;*/
    color: #aaa;
}

.order_details_message {
    padding: 2em;

    color: maroon;
    font-weight: bold;
    font-size: 1.2em;

    text-align: center;
}
.order_details .additional_information {
    vertical-align: top;
}



.basket_stock {
    color: red;
    font-weight: bold;
}

#header_first_category {
    display: inline;
}

.header_sortby {
    margin-top: 0.5em;
    
    float: right;
}

.header_details {
    padding: 0.25em 0;
}



.inner .filter_heading {
    /*color: #88ae28;*/
    color: #666;
    
    font-size: 1.3em;
}

.inner .filter_button_add {
    /*background-color: #88ae28;*/
    width: 100%;
    background-color: #CCC;
    color: white;
    padding: 5px 2.5%;
    /*border: 1px solid #88ae28;*/
    border-collapse: 1px solid #EEE;
}

.order_details .frontend_columns_2 .frontend_table ._table ._row,
.order_details .frontend_columns_2 .frontend_table ._table{
    width: 100%;
}
.order_details .frontend_columns_2 .frontend_table ._table ._row DIV:first-child{
    width: 35%;
}
.order_details .frontend_columns_2 .frontend_table ._table ._row DIV:last-child{
    width: 65%;
}

.order_details .frontend_columns_2 .frontend_table ._table ._row DIV LABEL{
    width: 100%;
}
.order_details .frontend_columns_2 .frontend_table ._table ._row DIV INPUT{
    width: 90%;
}


.review{
    border: 1px #999 solid;
    margin-bottom: 10px;
    padding: 8px;
    
    background: #EEE;
}
.auth{
    font-weight: bold;
}
.stars{
    font-style: italic;
    color: #ff8000;
}



.basket_add_pleasewait {
    font-size: 1.2em;
    font-weight: bold;
    vertical-align: middle;
}

.basket_add_pleasewait img {
    height: 1.2em;
    vertical-align: top;
    margin-right: 0.25em;
}




.customer_details_login_title {
    
}

iframe{
    max-width: 100%;
}
.outofstock{
    color: #FF0000;
    font-size: 1.5em;
}

.portfolio{
    width:100%;
    height:250px;
    display:table;
}








.portfolioHolder{
    width: 23.5%;
    
    margin: 10px 1% 10px 1%;
    
    float: left;
    position: relative;
    
    display: block;
}
.portfolioHolder2{

}
.portfolioHolder h2{
    font-weight: normal;
    
    position: absolute;
    bottom: 0px;
    
    width: 98%;
    padding: 5px 1% 5px 1%;
    
    margin: 0px;
    
    background: url(images/assets/80_overlay.png);
    
    display: block;
}
.portfolioHolder:first-child, .portfolioHolder2:first-child{
    margin-left: 0px;
}
.portfolioHolder:last-child, .portfolioHolder2:last-child{
    margin-right: 0px;
}
.portfolioHolder img, .portfolioHolder2 img{
    width: 100%;
    height: auto;
}



.portfolioHolder2{
    width: 23.5%;
    
    margin: 10px 1% 10px 1%;
    
    float: left;
    position: relative;
    
    display: block;
}
.portfolioHolder2 h2{
    font-weight: normal;
    
    position: absolute;
    bottom: 0px;
    
    width: 98%;
    padding: 5px 1% 5px 1%;
    
    margin: 0px;
    
    background: url(images/assets/80_overlay.png);
    
    display: block;
}
.portfolioHolder2:first-child{
    margin-left: 0px;
}
.portfolioHolder2:last-child{
    margin-right: 0px;
}
.portfolioHolder2 img{
    width: 100%;
    height: auto;
}

#header_first_category_description, span[style], p[style], #page1{
    /*font-family: 'Raleway', sans-serif !important;*/
    font-size: 13px !important;
    color: #666 !important;
}



.planter_grid_sel, .planter_grid_nosel {
    cursor: pointer;
}
.planter_grid_sel {
    opacity: 1;
}
.planter_grid_nosel {
    opacity: 0.6;
}


/* user account navigation */

.useraccount-nav {
    width: 7em;
    float: left;

}

.useraccount-nav > ul {
    list-style: none;
    padding: 0;
}

.useraccount-nav > ul > li a {
    display: block;
    padding: 0.5em 0.25em;
    margin-top: -0.5em;

    color: #663411;

    border-bottom: dotted 1px #555;
}
.useraccount-nav > ul > li:last-child a {
    border-bottom: none;
}
.useraccount-nav > ul > li a:hover {
    background-color: white;
}

.useraccount-nav > ul > li h2 {
    /*background-color: red;*/
}

.useraccount-container {
    margin-left: 10em;
}


.useraccount-container .pagelinks_outer {
    float: right;
}
.inline{
    display: inline;
}
.borderNone{
    border-style: none;
}

/* RESPONSIVE */



/* ****************************************************** TABLET */
@media screen and (max-width: 960px) {
   * {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
  }
  #header, #main, #footer, #navigation, .container, .classMain{
    width: 100%;
  }
  #header_inner, #main_inner, #footer_inner, #navigation_inner, #page_footer_inner, .container_inner, .classMain_inner{
    width: 100%;
  }
  
  .categoryDropContain{
      position: fixed; 
      /*background: url(images/specific-bar.png);*/
      right: 0px;
      width: 50px;
      
      display: none;
  }
  /*.categoryDropInner{
      background: url(images/specific-bar.png); padding-right: 20px; height: 100%;
      }*/
  
  .headSpace{
    max-width: 100%;
  }
  .telNo{
      width: 24%;
      font-size: 18px;
      font-weight: bold;
      padding: 5px, 10px, 5px, 10px;
      padding-top: 6px;
      
      margin-right: 0.9%;
      height: 40px;
      float:right;
      
      /*-moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
      -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;*/
  }
  .searchInner{
    width: 78%;
  }
  
  #logo{
    margin: 0px 0px 5px 0px;
    vertical-align: bottom;
    
    width:100%;
    height: auto;
  }
  
  
  /*#main_inner img{
    max-width: 50%;
    height: auto;
  }*/
  
  #nav ul{
    width: 100%;
  }
  #nav ul li{
    width: 12.5%;
  }
  #nav ul li a{
    width: 100%;
  }
  #nav ul ul{
    width: 25%;
  }
  #nav ul ul li, #nav ul ul li a{
    width: 100%;
    max-width: 100%;
  }
  
  .contactForm, .contactFormR{
    width: 100%;
  }
  .container_inner img{
    max-width: 100%;
    height: auto;
  }
  .contactForm table{
    width: 100%
  }
  .contactFormR iframe{
    width: 100%;
  }
  
  .onlyMobile, .mobileOnly, .loadHidden{
    display: none;
  }
  
  .blogItem h2{
    width: 100%;
  }
  #main_inner .blogImg{
   max-width: 50%;
  }
  .frontend_columns_2{
    width: 100%;
  }
  .basketHolder{
    width: 67%;
  }
  
  .widthIsLargestDimension{
      background-size: 100% auto !important;
  }
  .heightIsLargestDimension{
      background-size: auto 100% !important;
  }
  .tileImage-thumbnail{
    width: 48%;
  }
  
  .recentHolder{
    width: 100%;
  }
  #site_container, .paddedIn{
    width: 100% !important;
  }
  .plant, #loadAllCategories{
    display: none;
  }
  /* disable zoom popup */
  /*.zoomWindowContainer, .zoomLens {
      display: none !important;
  }*/
  
  .logoHold{
    width: 100%;
  }
  #header_right{
    width: 100%;
    margin: 0px;
  }
  .topBarHolders, .searchInner, .basketHolder{
    width: 100%;
  }
  .logoHold img, #logo{
    /*width: auto !important;*/
    max-width: 100% !important;
  }
  .catItem{
    width: 20%;
    height: 175px !important;
  }
  .otherHead_right{
    width: 100%;
    margin: 0px;
    
  }
  #allCategories {
    position: absolute;
    height: auto;
    min-height: 100%;
  }
  #loginPanel{
    width: 100%;
    margin: 10px 0 30px 0;
  }
  .order_details .frontend_columns_2{
    border-bottom: #CCC 1px dashed;
  }
  .order_details .frontend_columns_2 .frontend_table ._table ._row DIV SELECT{
    width: 90%;
  }
  .order_details .frontend_columns_2 .frontend_table ._table ._row DIV TEXTAREA{
    width: 90%;
  }
  .order_details .frontend_columns_2 .frontend_table{
    padding-bottom: 10px;
  }
  
  .leftSideText, .rightSideText{
    width: 100%;
  }

  
  
  .column3{
    width: 48%;
    margin-left: 1% !important;
    margin-right: 1% !important;
  }
  .colHold3{
    display: inline;
  }
  
  .footer_vr{
    display: none;
  }
  .footerContent{
    width: 50%;
    text-align: center;
    padding-bottom: 8em;
  }
  .socialBar{
    text-align: center;
  }
  
  .prodErr p, #basket_alert .basket_added_product{
    width: 100%;
  }
  .notTablet{
    display: none;
  }
}





/* ****************************************************** TABLET STAGE 2 */
@media screen and (max-width: 600px) {
    /*.catItem{
    width: 49.5%; display: table; float: left;
    padding: 5px;
    cursor: pointer;
    
    margin: 0.5% 0 0.5% 0;
  }*/
  .rightBar .fbH{
    display: none;
  }
  .rightBar, .mainArea{
    width: 100%;
  }
  .randomLine{
    display: none;
  }
  /*
  .searchHolder{
      width: 100%;
      display: table;
      position: relative;
      float:left;
      margin-right: 3%;
      margin-bottom: 8px;
  }
  .basketHolder, .searchHolder {
    margin-top: 0px;
    margin-top: 14px;
  }
  
  .searchInner{
      width: 81%;
      border: 1px solid #ccc;
      padding: 5px 2.5%;
      position: relative;
      float:left;
  }
  
  .basketHolder{
      width: 99%;
      margin-left: 1%;
      border: 1px solid #ccc;
      padding: 5px 2.5%;
      position: relative;
      float:left;
  }
  
  .searchButton, .checkoutButton{
      position: absolute;
      right: 0px;
      top: 0px;
      margin-right: -1px;
      
      width:20%;
      height: 100%;
      
      background: url(images/assets/trans.png);
      border: none;
      
      cursor: pointer;
      
      background-color: #ccc;
      
      color: #667;
  }
  */
  .headRight{
    height: auto;
    position: relative;
  }
  .badgeInner{
    display: none;
  }
  .otherNav{
      width: 100%;
      background: #e5ebe3;
      
      font-size: 16px;
      
      padding: 10px 2.5%;
      
      text-align: right;
      
      color: #5e462a;
      float: left;
      z-index: 1;
  }
  
  #contactHolder{
    width: 100%;
    position: relative;
  }
  .telNo{
      width: 100%;
      font-size: 20px;
      font-weight: bold;
      padding: 5px, 10px, 5px, 10px;
      padding-top: 6px;
      
      margin: 0px;
      height: 34px;
      
      top: 0px;
      /*left:20px;*/
      position: relative;
      
      z-index: 10;
      
      /*-moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
      -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;*/
  }
  
  .main_4{
      width: 44%;
      margin: 10px 2% 10px 2%;
      height: 230px;
      /*display: none;*/
      float: left;
      
      -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
      -moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
      box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
  }
  
  .main_4:first-child{
      margin-left: 12px;
  }
  .main_4:last-child{
      margin-right: 0px;
  }
  .main_4 img{
      width: 256px;
      height: 190px;
  }
  .productTile_recent{
    width: 48%;
  }
  #twitterWidget, #rightPanel{
    width: 100%;
  }
  #twitterWidget{
    display: none;
  }
}




/* ****************************************************** MOBILE */
@media screen and (max-width: 480px) {
   * {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }
  body{
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: table;
  }
  
  #logo{
    margin: 0px 0px 0px 0px;
    max-width: 100%;
    height: auto;
  }
  
  .categoryDropContain{
    width: 50px !important;
  }
  /*.categoryDropInner{
      background: url(images/specific-bar.png); padding-right: 20px; height: 100%;
      }*/
  
  .telNo{
      /*width: 24%;*/
      font-size: 14px;
      font-weight: bold;
      /*padding: 5px, 10px, 5px, 10px;
      padding-top: 6px;*/
      
      /*margin-right: 0.9%;*/
      height: 40px;
      float:right;
      
      /*top: 0px;
      right:20px;
      position: fixed;*/
      
      /*-moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
      -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;*/
  }
  .headLeft{
    width: 100%;
    text-align: center;
  }
  .logoHold{
    /*background: #543d22;*/
    float: none;
    margin-bottom: 12px;
  }
  .productTile_recent{
    width: 100%;
  }
  .badgeTEXT{
    width: 100%;
    margin: 0px;
    display: none;
    
  }
  /*.basketHolder {
    margin-bottom: 14px;
  }*/
  #navigation{
    display: none;
  }
  
  #main_inner img{
    max-width: 100%;
    height: auto;
  }
  .headRight {
    width: 100%;
  }
  .main_4{
    margin: 0px;
    width: 100%;
    
    text-align: center;
  }
  .catItem{
    margin: 0px;
    width: 100%;
  }
  .productTile_3{
    width: 100%;
  }
  .product_left, .buyPanel{
    width: 100%;
  }
  #allCategories{
    position: absolute;
    
    width: 100%;
    height: auto;
  }
  .closeButton{
    margin-right: 0px !important;
  }
  .categoryDropContain{
    top: 0px;
  }
  #contact{
    display: table;
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    
    margin-bottom: 5px;
  }
  #header, #main, #footer, #navigation, #nav, .container{
    width: 100%;
  }
  #header_inner, #main_inner, #footer_inner, #navigation_inner, #page_footer_inner, .container_inner{
    width:100%;
  }
  #footer{
    /*display: none;*/
  }
  .footerContent{
    width: 100%;
  }
  
  #jstwitter {
    width: 100%;
    max-width: 100%;
    
    overflow: hidden;
    
    margin: 20px 0% 5px 0%;
    
    
    min-height: 300px;

    text-align: left;
    
    display: table;
    
    /*border: #666 1px solid;*/
}
#jstwitter iframe{
    width: 100%;
}
#jstwitter h1, #jstwitter h2, #jstwitter h3{
    padding: 0px;
    margin: 0px;
}
#jstwitter .tweet {
    margin: 0 auto 15px auto;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #ccc;
}
#jstwitter .tweet a {
    text-decoration: none;
    /*color: #13c9d0;*/
}
#jstwitter .tweet a:hover {
    text-decoration: underline;
}
#jstwitter .tweet .time {
    font-size: 10px;
    font-style: italic;
    color: #666666;
}

.timeline {
margin-bottom: 10px;
background-color: #fff;
border-radius: 5px;
}
.customisable-border {
border: 1px solid #e8e8e8;
}
.timeline {
font-family: 'Helvetica Neue',Arial,sans-serif;
}
.root, .tweet, .footer, .detail-expander, .header, .timeline {
position: relative;
}
.root, .tweet, .footer, .detail-expander, .header, .timeline {
position: relative;
}
.tweet, .root, .p-author {
zoom: 1;
}
  /************************************* NAVIGATION */
  #nav ul{
    list-style: none;
    display: list-item;
    padding: 0px;
  }
  #nav ul li{
    float: none;
    text-align: left;
    padding-left: 2%;
    border-bottom: #FFF 1px solid;
    
    font-weight: bold;
  }
  
  #nav ul ul li{
    display: none;
  }
  #nav ul li, #nav ul li a{
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    
    width: 100%;
  }
  .onlyMobileNav{
    display: inline-table;
    width: 100%;
  }
  /************************************* NAVIGATION */
  
  
  
  /************************************* CONTACT */
  .contactForm{
    width: 100%;
    max-width: 100%;
    
  }
  .inactiveInput, .activeInput{
    width: 100%;
  }
  
  .contactImg{
    max-width: 100%;
  }
  /************************************* CONTACT */
  
  /************************************* OTHER */
  .notMobile{
    display: none;
  }
  .onlyMobile{
    display: table;
  }
  table{
    width: 100%;
  }
  table tr{
    width: 50%;
  }
  #twitterWidget{
    width: 100%;
  }
  

  /************************************* OTHER */
  
  .loadHidden{
    display: none;
  }

  
  .margin_bottom{
    margin-bottom: 0px;
  }
  .mid_display:first-child, .mid_display:last-child{
    margin-left: 0px;
    margin-right: 0px;
  }
  #head_left, #head_right, .short_display, .long_display, .mid_display{
    width: 100%;
    margin: 0 0 10px 0;
  }
  #rightPanel, .otherHead_left, .otherHead_right{
    width: 100%;
  }
  .otherHead_left, .otherHead_right{
    margin: 0px;
  }
  .otherHead_right{
    margin: 10px 0 10px 0; 
  }
  .fb_iframe_widget, #twitterWidget, .fbH{
    display: none !important;
    border: none;
    max-width:280px;
  }
  #infoWidget{
    min-width: 0 !important;
  }
  #rightPanel{
    min-width: 0 !important;
    margin: 0px !important;
  }
  #baskets_planter_product_id{
    width: 95%;
  }
  .column3{
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mainAdItemLink {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    
    margin-bottom: 15px;
  }
  
  .refineby, .selector{
    display: none;
  }
  .product_list{
    width: 100%;
  }
  
  ._phn_left, ._phn_right{
    width: 100%;
  }
  ._phn_icon_left{
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
  }
  
  .portfolioHolder{width: 100%;} 
}


/* discount */
#products_price_nooffer, #products_price_save, .products_price_save_pct_class, .trade_discount_message {
    color: #50a952;
    font-weight: bold;
    font-size: 1.2em;
}

#products_price {
    font-size: 2.5em;
    
    display: inline-block;
}

.products_excl_delivery{
    font-size: 1.2em;
    color: #663411;
}

.products_price_sub span {
    display: inline;
}

.products_price_sub_withoffer, .products_price_sub_withoffer * {
    color: red !important;
    font-weight: bold;
}




/* user account nav */
.useraccount-nav {
    width: 7em;
    float: left;

}

.useraccount-nav > ul {
    list-style: none;
    padding: 0;
}

.useraccount-nav > ul > li a {
    display: block;
    padding: 0.5em 0.25em;
    margin-top: -0.5em;

    color: #663411;

    border-bottom: dotted 1px #555;
}
.useraccount-nav > ul > li:last-child a {
    border-bottom: none;
}
.useraccount-nav > ul > li a:hover {
    background-color: white;
}

.useraccount-nav > ul > li h2 {
    /*background-color: red;*/
}

.useraccount-container {
    margin-left: 10em;
}





.small_edit_number {
    width: 4.5em;
    text-align: right;
    padding: 0.4em 0;
    padding-right: 0.75em;
    
    border: solid 1px #888;
    border-radius: 0.25em;
    /*background: #e2e2e2;*/
}

/* width-and-height variations (dimensions, not basic height) */

.wlh_table {
    display: table;
}

.wlh_table ._row {
    display: table-row;
}

.wlh_table ._row > * {
    display: table-cell;
}

.wlh_table ._row > *:first-child {
    padding-right: 1em;
}

.wlh_table ._row > * > * {
    margin-bottom: 0.75em;
}




.confirm-sagepay {
    margin-left: 2em;
}