﻿body 
{
	background:#eae1d4;
	padding:25px 0px 0px 0px;
	margin:0px;
	_behavior: url( "/csshover2.htc" );/*IE6 fix*/
}

a {
	color:#4e275b;
	outline:none;
}

img 
{
	border:none;
}

.nopadding 
{
	padding: 0px;
	margin: 0px;
}

.clearer {
	clear:both;
}

.clearerHi {
	clear:both;
	height:10px;
}

.clearleft {
	clear:left;
}

.trans {
	_behavior: url("/iepngfix.htc");
}

.left 
{
	float:left;
}

.valign 
{
	vertical-align:middle;
}

.padded 
{
	padding:10px;
}

.textbox 
{
	border:1px solid #735b87;
}

hr {
	clear:both;
	height: 1px;
	border-style: none;
	color: #c7d47a;
	background-color: #c7d47a;
	margin:5px 0px;
}

.right 
{
	float:right;
}

.padded 
{
	padding:10px;
}

.t-right 
{
	text-align:right;
}

/*------------------------------------------------------- LAYOUT ELEMENTS --------------------------------------------*/

.wrapper 
{
	width:969px;
	margin:0px auto;
	background:url(../Images/template/mainbg.gif) repeat-y;	
	position:relative;
	
}

.wrapper-top 
{
	background:url(../Images/template/mainbg-top.gif) top left no-repeat;
	padding:0px;			
}

.wrapper-bottom 
{
	background:url(../Images/template/mainbg-bottom.gif) bottom left no-repeat;
}

.header 
{
	position:relative;	
	height:8.9em;
}

.footer 
{
	position:relative;
	background:#9b7b55 url(../Images/template/footer-bg.gif) top left no-repeat;
	_background:url(../Images/template/footer-bg.gif) 8px 0px no-repeat;/*ie6 fix*/
	width:969px;
	margin:0px auto;	
	color:White;
	font-size:95%;
}

.footer a:hover
{
	color:orange;
}

.footer-bottom 
{
	background:url(../Images/template/footer-bottom.gif) bottom left no-repeat;
	_background:url(../Images/template/footer-bottom.gif) 8px bottom no-repeat;/*ie6 fix*/
	padding:0px 51px 10px 18px;
	width:900px;
}

.footer ul, .footer table {
	padding:0px;
	margin:0px 67.5px 0px 0px;
	float:left;
	min-height:8em;
	list-style:none;
}

.footer table td 
{
	width:150px;
	vertical-align:top;
}

.footer ul a, .footer table a {
	color:white;
}

.footerright 
{
	float:right;
	width:150px;
}

.footerright a
{
	color:White;
}

.regno {
	font-size:80%;
	width:929px;
	margin:0px auto;
	color:#4e275b;
	padding:2px;
}

.leftcol {
	width:211px;
	float:left;
	margin-left:15px;
	_margin-left:8px;/*ie6 fix*/
	color:#4e275b;
	margin-bottom:150px;
}

.maincol {
	float:right;
	width:709px;
	margin:0px 14px 94px 14px;
	_margin:0px 10px 94px 13px;/*ie6 fix*/
	_overflow:hidden;

}

.breadcrumbs {
	font-size:95%;
	color:#4e275b;
	margin-left:20px;
	padding:3px 5px 4px 0px;
}

.breadcrumbs a {
	font-weight:bold;
	color:#4e275b;
}

.logo {
	float:left;
	width:286px;
	height:95px;
	position:relative;
	margin:12px 0px 0px 31px;
	_margin:12px 0px 12px 15px;/*ie6 fix*/
	overflow:hidden;
	cursor:pointer;
}

.logo span {
	position:absolute;
	width:286px;
	height:95px;
	background:url(../Images/template/groves-nurseries-logo.jpg) no-repeat;
}

.topbuttons {
	position:absolute;
	right:20px;
	top:-13px;
	width:638px;
	height:32px;
	text-align:right;
}

.topnavshadow {
	height:4px;
	_overflow:hidden;
	background:url(../Images/template/top-nav-shadow.png) repeat-x;
	width:960px;
	_behavior: url("/iepngfix.htc");
	position:relative;
	margin:-4px 0px 0px 7px;
}

.botshad {
	width:960px;
	height:4px;
	margin-left:7px;
}

.headleft 
{
	width:368px;
	position:absolute;
	right:223px;
	bottom:0px;
}


.headright 
{
	width:220px;
	position:absolute;
	right:3px;
	bottom:0px;
}

.search 
{
	background:url(../Images/template/search-bg.gif) top left no-repeat;
	height:2.5em;
	padding:18px 27px 0px 20px;
	color:#763400;
	position:relative;
}

.searchboxBottom 
{
	float:right;
	width:259px;
	background:url(../Images/template/searchbox-bottom.gif) bottom left no-repeat;
	min-height:2em;	
}

.searchboxTop 
{
	padding:3px 3px 4px 8px;	
	background:url(../Images/template/searchbox-top.gif) top left no-repeat;
}

.searchtextbox 
{
	border:0px;
	width:220px;
	font-size:90%;
}

.magGlass 
{
	position:absolute;
	right:13px;
	top:20px;
}

.searchText 
{
	float:left;
	margin-top:3px;
	font-size:110%;
}
	

.basket 
{
	background:url(../Images/template/basket-bg.gif) top left no-repeat;
	height:5.2em;
	padding:23px 0px 0px 15px;
	color:#763400;
	position:relative;
}

.address, .baskettop 
{
	color:#7f6856;
	margin-left:15px;
	font-size:128%;
}

.botbut 
{
	position:absolute;
	bottom:-3px;
}

.sep 
{
	background:url(../Images/template/color-seperator.gif) repeat-y;
	height:3px;	
	width:211px;
	font-size:0px;/*ie6 fix*/
	margin:5px 0px;
}

.leftColColoured 
{
	width:211px;
	background:#f0e9da url(../Images/template/leftcol-bg-bot.gif) left bottom no-repeat;
	padding:7px 5px 20px 5px;
	overflow:hidden;
}

.leftcolBorder 
{
	background:white;
	border:1px solid #f0e9da;
	margin-bottom:2px;
	padding:4px;
	width:211px;
	_overflow:hidden;
}

.leftcolBorder ul 
{
	list-style:none;
	padding:0px;
	margin:0px;
}

.leftcolBorder li 
{
	padding:3px;
	border-bottom:1px solid #f0e9f3;
}

.leftcolBorder a 
{
	text-decoration:none;
}

.leftcolBorder a:hover 
{
	color:#ec7000;
	text-decoration:underline;
}

.lilac-head, .lilac-head span 
{
	width:215px;
	height:31px;
	position:relative;
	background:#e3d7e9;
	overflow:hidden;
	margin:-2px 0px 0px -2px;	
}

.lilac-head span 
{
	z-index:200;
	margin:0px;
	position:absolute;
}

.shopping-head span 
{
	background-image:url(../Images/headings/start-shopping.gif);
}

.account-head span 
{
	background-image:url(../Images/headings/user-account.gif);
}

.cafeBg 
{
	background:url(../Images/template/cafe-bg.gif) left top no-repeat;
	position:relative;
	margin-left:-1px;
	float:left;
	width:212px;
}

.cafeBgBot 
{
	background:url(../Images/template/cafe-bg-bot.gif) left bottom no-repeat;
	padding:105px 10px 15px 10px;
}

.giftVouchers 
{
	background:url(../Images/template/gift-vouchers-bg.gif) left top no-repeat;
	float:left;
	width:208px;
}

.giftVouchersBot 
{
	background:url(../Images/template/gift-vouchers-bg-bot.gif) left bottom no-repeat;
	padding:95px 10px 10px 15px;
	_padding:95px 10px 30px 15px;
	min-height:8em;
}

.times-head, .times-head span 
{
	background:url(../Images/headings/opening-times.gif) left top no-repeat;
	height:24px;
	width:143px;
	overflow:hidden;
	position:relative;
}

.times-head span 
 {
	position:absolute;
}

/*------------------------------------------------------- END LAYOUT ELEMENTS --------------------------------------------*/
/* ------------------------------------------------------- BUTTONS -------------------------------------------------------*/

.button, .buttonLt, .buttonOnGreen, .buttonOnDkGreen, .buttonLtOnPurple
{
	float:left;
	vertical-align:middle;
	margin-top:5px;
}

.button input, .buttonLt input, .buttonOnGreen input, .buttonOnDkGreen input, .buttonLtOnPurple input, .button a, .buttonLt a, .buttonOnGreen a, .buttonOnDkGreen a, .buttonLtOnPurple a
{	
	background-image: none;
	background:transparent;
	border: none;
	cursor: pointer;	
	padding: 6px 10px;
	overflow:visible;/*bug fix for ie6&7 to avoid default padding*/
	margin:0px;
	display: block;
	color:#610560;
	font-size:90%;
	_width: 1em;/*bug fix for ie6 to avoid default padding*/
	text-align:left; 		
}

.button a, .buttonLt a, .buttonOnGreen a, .buttonOnDkGreen a, .buttonLtOnPurple a 
{
	_width:auto;
	text-decoration:none;
}

.button a:hover, .buttonOnGreen a:hover, .buttonOnDkGreen a:hover, .buttonLtOnPurple a:hover 
{
	color:white;
	text-decoration:none;
}

.buttonLt a:hover 
{
	color:#ec7000;
}

.button.over input, .buttonLt.over input, .buttonOnGreen.over input, .buttonOnDkGreen.over input, .buttonLtOnPurple.over input, .button.over a, .buttonLt.over a, .buttonOnGreen.over a, .buttonOnDkGreen.over a, .buttonLtOnPurple.over a {
	color: white;
}

.button .n {
	background: #d06300 url(../Images/Buttons/white-bg/n.gif) repeat-x top;
}
.button .s {
	background: url(../Images/Buttons/white-bg/s.gif) repeat-x bottom;
}
.button .e, .buttonLt .e {
	background: url(../Images/Buttons/white-bg/e.gif) repeat-y top right;
}
.button .w, .buttonLt .w {
	background: url(../Images/Buttons/white-bg/w.gif) repeat-y top left;
}

.button .nw {
	background: url(../Images/Buttons/white-bg/nw.gif) no-repeat left top;
}
.button .sw {
	background: url(../Images/Buttons/white-bg/sw.gif) no-repeat left bottom;
}
.button .ne {
	background: url(../Images/Buttons/white-bg/ne.gif) no-repeat right top;
}
.button .se {
	background: url(../Images/Buttons/white-bg/se.gif) no-repeat right bottom;
}

.buttonLt .n {
	background: #f9f2e3 url(../Images/Buttons/light/n.gif) repeat-x top;
}
.buttonLt .s {
	background: url(../Images/Buttons/light/s.gif) repeat-x bottom;
}
.buttonLt .nw {
	background: url(../Images/Buttons/light/nw.gif) no-repeat left top;
}
.buttonLt .sw {
	background: url(../Images/Buttons/light/sw.gif) no-repeat left bottom;
}
.buttonLt .ne {
	background: url(../Images/Buttons/light/ne.gif) no-repeat right top;
}
.buttonLt .se {
	background: url(../Images/Buttons/light/se.gif) no-repeat right bottom;
}


.buttonOnGreen .n {
	background: #d06300 url(../Images/Buttons/green-bg/n.gif) repeat-x top;
}
.buttonOnGreen .s {
	background: url(../Images/Buttons/green-bg/s.gif) repeat-x bottom;
}
.buttonOnGreen .e {
	background: url(../Images/Buttons/green-bg/e.gif) repeat-y right;
}
.buttonOnGreen .w {
	background: url(../Images/Buttons/green-bg/w.gif) repeat-y left;
}
.buttonOnGreen .nw {
	background: url(../Images/Buttons/green-bg/nw.gif) no-repeat left top;
}
.buttonOnGreen .sw {
	background: url(../Images/Buttons/green-bg/sw.gif) no-repeat left bottom;
}
.buttonOnGreen .ne {
	background: url(../Images/Buttons/green-bg/ne.gif) no-repeat right top;
}
.buttonOnGreen .se {
	background: url(../Images/Buttons/green-bg/se.gif) no-repeat right bottom;
}

.buttonOnDkGreen .n {
	background: #d06300 url(../Images/Buttons/Dkgreen-bg/n.gif) repeat-x top;
}
.buttonOnDkGreen .s {
	background: url(../Images/Buttons/Dkgreen-bg/s.gif) repeat-x bottom;
}
.buttonOnDkGreen .e {
	background: url(../Images/Buttons/Dkgreen-bg/e.gif) repeat-y right;
}
.buttonOnDkGreen .w {
	background: url(../Images/Buttons/Dkgreen-bg/w.gif) repeat-y left;
}
.buttonOnDkGreen .nw {
	background: url(../Images/Buttons/Dkgreen-bg/nw.gif) no-repeat left top;
}
.buttonOnDkGreen .sw {
	background: url(../Images/Buttons/Dkgreen-bg/sw.gif) no-repeat left bottom;
}
.buttonOnDkGreen .ne {
	background: url(../Images/Buttons/Dkgreen-bg/ne.gif) no-repeat right top;
}
.buttonOnDkGreen .se {
	background: url(../Images/Buttons/Dkgreen-bg/se.gif) no-repeat right bottom;
}

.buttonLtOnPurple .n {
	background: #f9f2e3 url(../Images/Buttons/purple-bg/n.gif) repeat-x top;
}
.buttonLtOnPurple .s {
	background: url(../Images/Buttons/purple-bg/s.gif) repeat-x bottom;
}
.buttonLtOnPurple .e {
	background: url(../Images/Buttons/purple-bg/e.gif) repeat-y right;
}
.buttonLtOnPurple .w {
	background: url(../Images/Buttons/purple-bg/w.gif) repeat-y left;
}
.buttonLtOnPurple .nw {
	background: url(../Images/Buttons/purple-bg/nw.gif) no-repeat left top;
}
.buttonLtOnPurple .sw {
	background: url(../Images/Buttons/purple-bg/sw.gif) no-repeat left bottom;
}
.buttonLtOnPurple .ne {
	background: url(../Images/Buttons/purple-bg/ne.gif) no-repeat right top;
}
.buttonLtOnPurple .se {
	background: url(../Images/Buttons/purple-bg/se.gif) no-repeat right bottom;
}


/*--------------------------------------------------------END BUTTONS---------------------------------------------*/

/*--------------------------------------------------------CONTENT STYLES------------------------------------------*/

/*--------------------------------------------------------HEADERS-------------------------------------------------*/

.featured-prod-head, .featured-prod-head span
{
	width:177px;
	height:25px;
	position:relative;overflow:hidden;
}

.featured-prod-head span
{
	background: url(../Images/headings/featured-products.gif) no-repeat right top;
	position:absolute;
	top:3px;
}

.about-us, .about-us span
{
	width:188px;
	height:18px;
	position:relative;overflow:hidden;	
}

.about-us {margin:10px 0px;}

.about-us span
{
	background: url(../Images/headings/a-little-bit-about-us.gif) no-repeat right top;
	position:absolute;
	z-index:2000;
}

.news-summary-head, .news-summary-head span 
{
	width:204px;
	height:22px;
	position:relative;overflow:hidden;
}

.news-summary-head span 
{
	background: url(../Images/headings/whats-on-at-groves.gif) no-repeat right top;
	position:absolute;
	top:3px;
}

.prod-month-head, .prod-month-head span 
{
	width:471px;
	height:31px;
	position:relative;
}

.prod-month-head span 
{
	background: url(../Images/headings/products-of-the-month.gif) no-repeat right top;
	position:absolute;
}

/*------------------------------------------------------ END HEADERS ------------------------------------------------*/

.hpimg 
{
	float:left;
	width:180px;
}

.hptxt 
{
	float:left;
	width:500px;
}

.purpleHeader 
{
	background:#be9dca;
	padding:4px 10px;
	border:1px solid #c7d47a;
	font-size:1em;
}

.purpleHeader a
{
	margin-right:20px;
}

.purpleHeader a:hover
{
	color:#cd6101;
}

.p-subheaderbg 
{
	background: url(../Images/content/p-subheadbg.gif) top left repeat-y;
	padding:7px 15px 20px 15px;
	color:White;
}

.maincontenbox 
{
	background: url(../Images/content/maincontentbox-bg.gif) top left repeat-y;
	width:709px;
}

.maincontenboxInner 
{
	background: url(../Images/content/maincontentbox-low.gif) no-repeat left bottom;
	padding:15px;
}

.category-box, .category-boxLrg 
{
	float:left;
	position:relative;
	width:221px;
	height:117px;
	margin:0px 10px 18px 0px;
	overflow:hidden;
	text-align:center;
}

.category-boxLrg 
{
	height:auto;
}

.category-box .overlay, .category-boxLrg .overlay 
{
	position:absolute;
	top:0px;
	left:0px;
}

.category-boxLrg .overlayLow 
{
	position:absolute;
	bottom:0px;
	left:0px;
}

.category-box-low 
{
	background: url(../Images/content/categorybox-low.gif) no-repeat left bottom;
	padding:4px 5px 0px 12px;
	text-align:left;
	height:21px;	
}

.category-box-low a:hover 
{
	color:#cd6101;
}

.category-box-low h2 
{
	font-size:90%;
	margin:0px;
	padding:0px;
}

.categoryBorder, .categoryBorderLrg
{
	border-right:1px solid #c7d47a;
	border-left:1px solid #c7d47a;
	height:92px;
}

.categoryBorderLrg 
{
	height:auto;
}

.categoryInside 
{
	float:left;
	background: url(../Images/content/categoryInside-box-bg.gif) repeat-y left;
	width:221px;
	margin:0px 12px 16px 0px;
}

.categoryInsideTop 
{
	background: url(../Images/content/categoryInside-box-top.gif) no-repeat top left;
}

.categoryInsideLow 
{
	background: url(../Images/content/categoryInside-box-low.gif) no-repeat bottom left;
	padding:10px;
}

.product-imgBox 
{	
	float:right;
	background: url(../Images/content/product-img-bg.gif) repeat-y top left;
	width:450px;
	margin:0px 3px 0px 0px;	
	color:#4e275b;
	font-size:90%;
}

.product-imgBoxT 
{
	background: url(../Images/content/product-img-top.gif) no-repeat left top;	
}

.product-imgBoxB 
{
	background: url(../Images/content/product-img-low.gif) no-repeat left bottom;
	padding:12px;
}

.productTxt 
{
	float:left;
	width:226px;
	margin:0px 0px 0px 16px;
	_margin:0px 0px 0px 8px;
}

.smlimg 
{
	float:left;
	width:89px;
	text-align:center;
}

.smltxt 
{
	float:left;
	width:614px;
}

.catText 
{
	float:left;
	width:450px;
}

.featuredProd-bg 
{
	background:#f6f6f0 url(../Images/content/featured-bg.gif) no-repeat left bottom;
	padding:15px 0px 8px 12px;
	width:697px;
	margin:0px;
}

.featuredProd-bg2 
{
	background:#560057 url(../Images/content/featured-pro-bg.gif) no-repeat left bottom;
	padding:4px 0px 0px 10px;
	width:693px;
	margin:1px 0px 0px 3px;
}

.resultsImg 
{
	float:left;
	width:85px;
	min-height:10px;
	_height:10px;
}

.resultsTxt 
{
	float:left;
	width:403px;
}

.border-bottom td
{
	border-bottom:1px solid #c7d47a;
}

.border-bottomLt td
{
	border-bottom:1px solid #e3ebb4;
}

.featured-prodbox 
{
	position:relative;
	width:201px;
	background:url(../Images/content/featuredprod-bg.gif) repeat-y;
	padding:10px;
	float:left;
	margin-right:10px;
	_margin-right:8px;
	margin-bottom:10px;
}

.featuredTop 
{
	position:absolute;
	top:0px;
	left:0px;
}

.offersTop 
{
	position:absolute;
	top:0px;
	left:-1px;
}

.featuredLow 
{
	position:absolute;
	left:0px;
	bottom:0px;
}

.news-summary-box 
{
	float:left;
	width:236px;
	background:url(../Images/content/latest-news-bg.gif) no-repeat bottom left;
	min-height:29em;
	_height:29em;
	color:#4e275b;
}

.prod-month-box 
{
	float:right;
	width:468px;
	background:url(../Images/content/prod-month-bg.gif) no-repeat bottom left;
	min-height:29em;
	_height:29em;
	color:#4e275b;
}

.greenbg-link 
{
	display:block;
	background:#c7d47a;
	padding:3px 5px;
}

.greenbg-link:hover 
{
	color:#cd6101;
}

.purple-dot-sep {
	border-bottom:dotted 1px #560057;
	height:1px;
	font-size:1px;
	margin:7px 0px;
}

.prod-month-wht-box 
{
	float:left;
	width:221px;
	position:relative;
	background:white;	
}

.offersFooter 
{
	background:url(../Images/content/offers-footer.gif) no-repeat bottom left;
	padding:7px;
	float:left;
	width:207px;
}

.offersBorder
{
	border-right:1px solid #c7d47a;
	border-left:1px solid #c7d47a;
	height:206px;
}

.thumbTxt, .thumbs, .thumbsEnd 
{
	width:99px;
	height:85px;
	float:left;
	text-align:left;
	overflow:hidden;
	margin:10px 10px 0px 0px;
}

.thumbs, .thumbsEnd 
{
	text-align:center;
}

.thumbsEnd 
{
	margin:10px 0px 0px 0px;
}

#ctl00_Breadcrumbs_fdBreadcrumbs 
{
	display:inline;
}

/*----------------------------------------------CUSTOMER ACCOUNT------------------------------------*/

.table td
{
	padding:5px;
}
	
.rowdk 
{
	background:#fff3d9;
}

.rowlt 
{
	background:#fffaf0;
}

.addressboxouter {
	background:url(../Images/user-account/addressesbox-top.gif) top left no-repeat;
	width:222px;
	float:left;
	margin:10px 10px 2px 0px;	
}

.addressboxinner {
	padding:10px 10px 2px 10px;
	background:url(../Images/user-account/addressesbox-bottom.gif) bottom left no-repeat;
}

.addressboxinner2 {
	padding:10px 10px 10px 10px;
	background:url(../Images/user-account/addressesbox-bottom2.gif) bottom left no-repeat;
}

.acctborder 
{
	border:1px solid #c7d47a;
	padding:10px;
}

.striphead 
{
	background:#be9dca;
	padding:3px 10px;
	color:White;
}

.arrowUL 
{
	padding:0px;
	margin:0px;
}

.pagenumbers 
{
	text-align:right;
	padding: 5px 30px 10px 0px;
	font-size:90%;
}