/* -------------------------------------------------------------------------------------------------------
MR SITE GENERATION 3 TEMPLATE - base.css / included file
Number:			T-2 Organic
Name:			Organic
Description:	Clean Simple Design
Designed by:	Georgios Matzouranis
Date added:		05/02/2014
UNCOMPRESSED VERSION - Compress before upload
/* -------------------------------------------------------------------------------------------------------
MR SITE BACKGROUND & HEADER SETTINGS
These values are replaced by the system, leave them in.  Also, check the .html file for 
<^password^> and <^metatags^>, failure to include these will stop some parts of the system.
------------------------------------------------------------------------------------------------------- */

#homepage {background:#;}
#mainHeader1 {height: 150px;padding: 0;margin: 0;background: url("../images/1header.jpg") top no-repeat; }

#mainHeader2 {height: 150px;padding: 0;margin: 0;background: url("../images/2header.jpg") top no-repeat; }

#mainHeader3 {height: 150px;padding: 0;margin: 0;background: url("../images/3header.jpg") top no-repeat; }

#mainHeader4 {height: 150px;padding: 0;margin: 0;background: url("../images/4header.jpg") top no-repeat; }

#mainHeader5 {height: 150px;padding: 0;margin: 0;background: url("../images/5header.jpg") top no-repeat; }




div.blank {margin:0px; padding:0px;}	/* This purely fixes any CSS errors when reading in the tag */
div.mainheaderWrap {width:850px; height:150px; margin:0 auto;}
/* -------------------------------------------------------------------------------------------------------
GLOBAL PADDING
This sets the default padding for almost all elements on the page.  The default padding
has been tested on IE6+, FF2 + Chrome and Safari, so don't change it unless you have to.
Add in any padding exceptions as well.
------------------------------------------------------------------------------------------------------- */
div.content,div.sitewidget_i,div.sitewidget h4,div.sitewidget h3,div.item_name,
div.item_price,div#shop_item,div.RelatedProductsContainer,div#bodyWrapper .post-body,
div.productSearchResults div.ItemBox												{padding:8px;}			/* Sets padding for everything */
div#navColumn div.content,div#shop_item											{padding-bottom:0px;}	/* Exceptions */

/*	Set the inner cont padding for ecommerce product page */
div.ProductDetail div.content														{padding:0px 20px 20px !important; padding:0 0px 0px 0px; /* Fix IE6 */}

/* -------------------------------------------------------------------------------------------------------
TEMPLATE DIMENSIONS
No margins or padding please & try to stick to the settings here, you've been warned.
These settings control everything in the template, all floating options are set in system.css only
------------------------------------------------------------------------------------------------------- */
div#bodyWrapper,div#topWrapperInner,div#footerWrapperInner, div#navigationWrapperInner, div#headerWrapperInner		{width:900px;}			/* Outer wrap */
div#navColumn																			{width:250px;}			/* Sidebar wrap */









/*	Internal widths (#navColumn - global padding) (-3px if using outer borders) */
div#navColumn div.sitewidget,div#navColumn div#navbar								{width:231px;}			/* Sidebar inner wrap */
div#mainColumn,div#mainColumnTop,div#mainColumnBottom								{width:650px;}			/* Main body wrap */

body.expand div#mainColumnTop,
body.expand div#mainColumnBottom													{width:100%;}

/*	Internal widths (#mainColumn - global padding) (-2px if using outer borders) */
div#pageContent																	{width:631px;}			/* Main body inner wrap */
body.expand div#pageContent														{width:883px;}			/* Main body inner expand */

body.expand div#gbook_wrap														{width:631px;}			/* Fix guestbook width on expand */

/*	bodyBreadcrumb width (#mainColumn (-1px if using outer borders)) */
div#bodyBreadcrumb																{width:649px;}			/* bodyBreadcrumb wrap */
body.expand div#bodyBreadcrumb													{width:899px}
div#topWrapper,div#footerWrapper, div#navigationWrapper, div#headerWrapper, div#ecomWrapper {width:100%;}			/* Top, bottom, header & navigation wrappers, probably doesn't need 100% */

/*	Module structure settings */
/*	Width should be (#bodyWrapper/3) - no margins or padding please */
	div#topWrapper.three_col div#topModule1,div#topWrapper.three_col div#topModule2,div#topWrapper.three_col div#topModule3,div#topWrapper.three_col div#footerModule1,div#topWrapper.three_col div#footerModule2,div#topWrapper.three_col div#footerModule3,div#topWrapper.three_col div#footerModule6, div#topWrapper.three_col div#footerModule7,div#topWrapper.three_col div#footerModule8										
	/* This controls the width of any 3 column module settings */				{width:300px;}

/* -------------------------------------------------------------------------------------------------------
SHOP DIMENSIONS (Contemporary layout)
No margins or padding please and if you've modified your TEMPLATE DIMENSIONS, then edit this section.
Shop description - #mainColumn - 100px - 30px (shop total margin) - (global padding)
No colours here, purely dimensions
------------------------------------------------------------------------------------------------------- */
div#shop div.float-left,div.standardCart.float-right,div.proCart.float-left		{/*width:420px;*/}			/* Standard width */
body.expand div#shop div.float-left,body.expand div.standardCart.float-right,
body.expand div.proCart.float-left												{width:670px;}			/* Expanded width */

/* -------------------------------------------------------------------------------------------------------
ECOMMERCE DIMENSIONS
No margins or padding please and if you've modified your TEMPLATE DIMENSIONS, then edit this section.
Width should be #mainColumn - 210px - global padding & borders
------------------------------------------------------------------------------------------------------ */
body.menuleft div.ProductDetail, body.menuright div.ProductDetail				{width:426px !important; width:406px; /* Fix IE6 */}
body.expand div.ProductDetail													{width:676px;}
	
	/* Set your thumbnail height for images - ecommerce only ! */
	div.ItemsGrid div.ProductsGridImage,td.searchResultsImage div.picture		{height:150px;}			/* Thumbnail height */

/* -------------------------------------------------------------------------------------------------------
WIDGET EXTENSIONS
If you've modified your TEMPLATE DIMENSIONS, then edit this section.
These are settings used for each module, that reflect the widths of this design, you can use
design styling here, but keep everything apart from the widget you're styling out of this section.
------------------------------------------------------------------------------------------------------- */
/*	Latest gallery widget extensions:
	Width = ((#navColumn - div.sitewidget_i padding) / 3) - border width */
	div.latestGallery img.thumbImg												{width:61px;}
	div.latestGallery div.thumbImg												{border-width:3px;}			

/*	Guestbook extensions:
/*	Width = #mainColumn width - global padding - borders (if any)
	Width of elements = outer width - padding for inputs (20px each) */
	div#bodyWrapper div#gbook_name												{width:305px;}
	div#bodyWrapper div#gbook_email												{width:305px;}

/*	Latest blog posts extensions: */
	div#bodyWrapper li.latestBlogPostsItem	
		{
			border-top:1px solid #f0f0f0;
		}
	div.BlogWrap h3.post-title	
		{
			background:#d8d8d8; 
			text-shadow:#f0f0f0 0px 1px 0px;
			border-bottom:1px solid #c2c0c0;
			border-top:1px solid #f0f0f0;
		}

/*	Twitter extensions:
	This uses a more formal layout for Twitter, padding / widths and margins are already sorted */
	div.sitewidget.twitter.default div#twitter p.profileLink 
		{
			text-shadow:#f0f0f0 0px 1px 0px;
			border-top:1px solid #c2c0c0; 
			background:#d8d8d8;
		}
	div.sitewidget.twitter.default div#twitter p.profileLink.addHover,div.sitewidget.twitter.default div#twitter p.profileLink:hover 
		{
			background:#e0dfdf; 
			cursor:pointer;
		}

/*	Shop categories / Manufacturers / Recently view products: */
	ul.sitewidgetShopUL 
		{
			margin:0; 
			padding:0px; 
		}
	ul.sitewidgetShopUL li 
		{
			list-style:none; 
			padding:0px; 
			margin:0px; 
			float:left;
			width:100%;
			display:block;
		}
	ul.sitewidgetShopUL li a 
		{
			border-top:1px solid #F0F0F0;
			padding:8px;
			display:block;
			/* Global overrides */
			letter-spacing:0pt;
			word-spacing:0pt;
			text-transform:none;
			font-style:normal;
			line-height:15px;
		}
	ul.sitewidgetShopUL li a span 
		{
			margin:0px; 
			display:block;
		}
	ul.sitewidgetShopUL li.addHover 
		{
			background:#f9f9f9;
		}
	ul.sitewidgetShopUL li.current 
		{
			background:#f9f9f9;
			/* Global overrides */
			letter-spacing:0pt;
			word-spacing:0pt;
			text-transform:none;
			font-style:normal;
			line-height:15px;
		}
	ul.sitewidgetShopUL li.addHover a 
		{
			text-decoration:none;
		}
	ul.sitewidgetShopUL li.sideBarShopWidget_separator 
		{
			height:0px; 
			overflow:hidden; 
			margin:0px; 
			padding:0px; 
			border-top:1px solid #F0F0F0;
		}

/*	Related products container
	Uses the javascript setup in mrsite.js.  To use the standard grey styling, 
	don't modify these settings.  All widths are set dynamically based on the
	number of images shown & in the plugins.css file */
	div.RelatedProductsGrid,div.RelatedProductsGridSide		
		{
			border:1px solid #c2c0c0;
		}
	div.RelatedProductsContainer							
		{
			background:#fff;
		}
	span.RelatedProductsGridControl span					
		{
			border:1px solid #c2c0c0; 
			background:#fff; 
			text-shadow:#ffffff 0px 1px 0px;
		}
	span.RelatedProductsGridControl span.addHover			
		{
			background:url(../images/button_background.jpg) bottom repeat-x #044d6d;
		}
	div.RelatedProductsGrid h2.RelatedProductsGrid,div.RelatedProductsGridSide h2.RelatedProductsGrid		
		{
			background:#d8d8d8; 
			text-shadow:#f0f0f0 0px 1px 0px; 
			border-bottom:1px solid #c2c0c0; 
			border-top:1px solid #f0f0f0;
		}

/*	Newly added products */
	div#mainColumn div.ProductDetail div.content	
		{
			border:0px;
		}
	div.ProductVariantLine	
		{
			background:#fffbe9; 
			border:1px solid #c3c3c3;
		}
	div.ItemsGridContainer,div.productSearchResults			
		{
			background:#f2f2f2;
		}
	div.ProductsGrid					
		{
			border:1px solid #c2c0c0;
		}

/* -------------------------------------------------------------------------------------------------------
THUMBNAIL BORDER COLOUR SETTINGS
Each :hover is included in the mrsite.js to cater for IE6 and other older browsers.
------------------------------------------------------------------------------------------------------- */
div.ItemsGrid div.ProductsGridImage,td.searchResultsImage div.picture,ul.ObjectCarouselList li div.ImageBlockInner,ul.ObjectCarouselListSide li div.ImageBlockInner,div.ProductDetailsImage,span.ProductThumbnailInner,table.cartCheckout img.CheckoutImage,div#shop div.float-right div#large,div#shop div#small-left,div#shop div#small-right							

/*	Default state */										{background:#fff;}

div.ItemsGrid div.ProductsGridImage:hover,td.searchResultsImage div.picture:hover,ul.ObjectCarouselList li div.ImageBlockInner:hover,ul.ObjectCarouselListSide li div.ImageBlockInner:hover,span.ProductThumbnailInner:hover,table.cartCheckout img.CheckoutImage:hover,div#shop div.float-right div#large:hover,div#shop div#small-left:hover,div#shop div#small-right:hover,					
div.ItemsGrid div.ProductsGridImage.addHover,td.searchResultsImage div.picture.addHover,ul.ObjectCarouselList li div.ImageBlockInner.addHover,ul.ObjectCarouselListSide li div.ImageBlockInner.addHover,span.ProductThumbnailInner.addHover,table.cartCheckout img.CheckoutImage.addHover,div#shop div.float-right div#large.addHover,div#shop div#small-left.addHover,div#shop div#small-right.addHover

/*	Hover state (this includes javascript hover */			{background:#fff;}

/* -------------------------------------------------------------------------------------------------------
WIDGET & CONTEMPORARY SHOP EXTENSIONS
All widgets and modules use their default plugin CSS, the following code extends it's functionality
to work with all generation 3 templates.
------------------------------------------------------------------------------------------------------- */
/*	In stock - Takeaway Website Pro */
	div#shop div.item_stock									{border:1px solid #e0e0e0; background:#f9f9f9; padding:5px; }

/*	Latest gallery widget */
	div.latestGallery div.thumbImg							{border-color:#ffffff;}
	div.latestGallery div.thumbImg.thumbImg_Hover			{border-color:#5c5c5c;}

/*	eCommerce navigation */
	ul.sitewidgetShopUL li a:hover,
	ul.sitewidgetShopUL li a.addHover						{background:#f9f9f9;}

/*	Small ZOOM link link under ecommerce product image */
	a.LightBoxPopup											{border-color:#c2c0c0; color:#fff; background:#c2c0c0;}
	a.LightBoxPopup:hover									{background:#797878;}

/*	Shop styling (Contemporary) */
	div#shop					
		{
			
			text-shadow:#ffffff 0px 1px 0px; 
			border:0px; 
			padding:0px; 
			border-bottom:2px solid #e0e0e0;
		}
	div#shop div#shop_title		
		{
			padding:0px;
		}
	div#shop div.item_options	
		{
			background:transparent; 
			border:0px;
		}

/* -----------------------------------------------------------------------------------------------------
CORNERS AND FANCY THINGS
Set your rounded corner configurations here.  These classes are for Webkit / Mozilla browsers only,
Internet Explorer will use the Canvas plugin to round the corners. 
Template elements have the following classes:
	.RoundedCornerA (Submit buttons)
	.RoundedCornerB (Inputs and textareas)

Any other element, add it to the third line.
------------------------------------------------------------------------------------------------------- */
.RoundedCornerA													{-moz-border-radius: 2px; -webkit-border-radius: 2px; }
.RoundedCornerB													{-moz-border-radius: 2px; -webkit-border-radius: 2px; }

/*	Other */
	span.RelatedProductsGridControl span,a.minicart_checkoutbutton, span.RelatedProductsGridControl span,a.minicart_checkoutbutton,input.submit_myform,
	td.SelectTarget select, div.newComment,span.ajax__tab_inner span,td.ItemValue select, input#viewCalenfarInfoBtn,input#add_booking, input#SaveBookingBtn,
	td.BookingFormValue input,
	span.viewCartButton
		{
			-moz-border-radius: 2px; -webkit-border-radius: 2px; 
		}

/* -----------------------------------------------------------------------------------------------------
TEMPLATE COLOURS
Add in your specific template styles / designs here.  Don't add in any widths to this section, all of that
is done in the sections above.  You may also want to REMOVE the test and ecom classes from the body first.
------------------------------------------------------------------------------------------------------- */
body
	{
		background:url(../images/farmer.png) repeat;
	}
div#homepage_wrap
	{
		
	}
	
	/*	ECOM TOP BAR
		Use this instead of topModule6 if you want a header at the very top of your site. */
		div#ecomWrapper
			{
				background:#f6f6f6;
			}
		div#ecomWrapperInner
			{
				width:900px; margin:0 auto; position:relative;
				
			}
	
	/*	HEADER BAR
		Hide whichever one you want */
		div#headerTopWrapper
			{
				border-bottom:6px solid #8F8F8F;
				height:167px;
				background:url(../images/header-repeat1.jpg) #b4c15b};
				
			}
		div#headerTopWrapperInner
			{
				width:900px; margin:0 auto;
			}
			
		div#headerBottomWrapper
			{
				display:none;
				
				
			}
		div#headerBottomWrapperInner
			{
				width:900px; margin:0 auto;
			}
	
	/*	NAVIGATION BAR
		Style your navigation bar
		This bad boy is 100% width of the browser window */
		div#navigationWrapper
			{
				/*z-index:10001;*/
				position:relative;
				background:url(../images/navigation-repeat.jpg) repeat bottom center #363733 ;
				
				
			}
			
		div#navigationWrapperInner
			{
				position:relative;
				
				
				width:900px;
			}
			
	/*	TOP MODULES & WRAPPER
		Style your top module wrapper
		This is 100% width of browser window */
		div#topWrapper
			{
				background:#f6f6f6;
				behavior: url(PIE.htc);
			}
	/*	Top module style
		Affects ALL top modules */
		div.topModule
			{
				background:#f6f6f6;
			}
		
	/*	Mod breadcrumb
		Set this to visible by using the #topWrapper class */
		div#modBreadcrumb		
			{
				
			}
	/* */
	/*	CENTER MODULES & WRAPPER
		All center modules */
		div#bodyWrapper
			{ 

			}
	/*	Center module style
		Affects ALL center modules */
		div.centerModule			
			{
				
			}
		/*	Wraps the #navColumn and #mainColumn */
			div#columnWrapper		
				{
					
				}
			/*	Navigation column / sidebar / widgets */
				/* Use if you need a div at the top of your #navColumn */
				div#navColumnTop
					{
						
						height:10px;
					}
				div#navColumn			
					{
						
					}
					/*	Remember to fix any menuleft / menuright / expand classes */
					body.menuleft div#navColumn							{}
					body.menuright div#navColumn						{}
					body.expand div#navColumn							{}

				/*	Inner content div for #navColumn
					If you don't want a border, compensate 1px padding left / right here */
					div#navColumn div.content		
						{
							
						}
						/*	Remember to fix any menuleft / menuright / expand classes */
							body.menuleft div#navColumn div.content		{border-right:0px;}
							body.menuright div#navColumn div.content	{border-left:0px;}
							body.expand div#navColumn div.content		{}

				/*	Sitewidget
					Set a general style for ALL widgets in nav#Column
					If you don't want a border, compensate 1px padding left / right here */
					div.sitewidget	
						{
							background:#f6f6f6; 
							
						}
				/* Use if you need a div at the bottom of your #navColumn */
				div#navColumnBottom
					{
						
						height:10px;
					}
			/* */
			/*	Main body / content / body widgets */
				/* Use if you need a div at the top of your #mainColumn */
				div#mainColumnTop
					{
						
						height:10px;
					}
				div#mainColumn		
					{
						
					}
					/*	Remember to fix any menuleft / menuright / expand classes */
					body.menuleft div#mainColumn						{}
					body.menuright div#mainColumn						{}
					body.expand div#mainColumn							{}

				/*	Inner content div for #mainColumn
					If you don't want a border, compensate 1px padding left / right here */
					div#mainColumn div.content	
						{
							
						}
						/*	Remember to fix any menuleft / menuright / expand classes */
						body.menuleft div#mainColumn div.content		{}
						body.menuright div#mainColumn div.content		{}
						body.expand div#mainColumn div.content			{}
			/*	Body breadcrumb
				Set this to visible using #bodyWrapper class */
				div#bodyBreadcrumb	
					{
						
					}
			/*	Inner content div for #bodyBreadcrumb
				Requires bodyBreadcrumb class applied to div#bodyWrapper */
				div#bodyBreadcrumb div.content	
					{
						border-bottom:0px;
					}
					span.BCspan			
						{
							
						}
					span.BCspan a			
						{
							cursor:pointer;
						}
					span.BCspan.addHover	
						{
							background:#f0f0f0; 
							cursor:pointer;
						}
					span.BCspan.current.addHover	
						{
							background:#fff; 
							cursor:default;
						}
				/* Use if you need a div at the bottom of your #mainColumn */
				div#mainColumnBottom
					{
						
						height:10px;
					}
	/* */
	/*	FOOTER MODULES
		Style your footer wrapper, this is
		100% width of your browser window */
		div#footerWrapper	
			{
				background:#3b3c33;
				border-top: 5px solid #b4c15b;
				
				height:122px;
				
			}
		div#footer p 
			{
				color:#fff;
				font-family:Arial; font-size:15px; color:#fff; ;
			}
		div#footer p a:link
			{
				color:#3b3c33;
				font-family:Arial; font-size:15px; color:#3b3c33; ;
			}
			
		/*	Top module style
			Affects ALL top modules */
			div.div.footerModule			
				{
					
				}

/* -----------------------------------------------------------------------------------------------------
TYPOGRAPHY
Add in default values for body text and any headers.  Leave out colours from this section 
and add them in at the bottom of the page.
------------------------------------------------------------------------------------------------------- */
body
	{
		/* Set base style here, applys to ALL widgets, modules etc... */
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px;
	}
h1,div#shop_title, h2, h3, h4, h5, h6, span.BookingToolDialogLabel, h1#titleRoom			
	{
		/* H1's only */
		font-family: Helvetica, Arial, sans-serif;
	}
h2, h4	
	{
		/* H2, H4, widget titles, shop titles */
		font-size:14px;
	}
input.g3input, select.g3select, button.g3Button,span.RelatedProductsGridControl span, textarea.g3textarea, div.BookingToolDialog
	{
		/* ALL widget and module form elements */
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px;

		/* Global overrides */
		letter-spacing:0pt;
		word-spacing:0pt;
		text-transform:none;
		font-style:normal;
		line-height:15px;
	}
button.g3Button
	{
		cursor:pointer;
	}

/* -------------------------------------------------------------------------------------------------------
TYPOGRAPHY COLOUR SETTINGS
Remember:	242424 refers to text link colours in DB / e6d60f refers to text body colour in DB
------------------------------------------------------------------------------------------------------- */
/*	Body colours:
	It's important to use ALL of these tags, as the Global fonts tool overwrites them */
	body, body p,div#shop div.item_name a,
	div.BookingToolDialog									{color:#262525;}		/* color:#e6d60f; */

/*	Link colours:
	It's important to use ALL of these tags, as the Global fonts tool overwrites them */
	a:link, a:visited										{text-decoration:none;}
	a:active, a:hover										{text-decoration:none;}
	a:link													{color:#98a448;}		/* color:#242424; */
	a:visited												{color:#98a448;}		/* color:#242424; */
	a:active												{color:#98a448;}		/* color:#242424; */
	a:hover													{color:#98a448;}		/* color:#242424; */

/*	Form colours: */
	input.g3input, select.g3select, 
	input.g3Button,	textarea.g3textarea,
	a.minicart_checkoutbutton,
	input#viewCalenfarInfoBtn,
	input#add_booking,
	input#SaveBookingBtn									{color:#98a448;}

/* -------------------------------------------------------------------------------------------------------
TYPOGRAPHY EXCEPTIONS
Set any styles for ANY fonts in your template, use any padding / margin / borders / backgrounds here.
------------------------------------------------------------------------------------------------------- */
/*	Sitewidget titles */
	div.sitewidget h4,div.sitewidget h3		
		{
			background:#f6f6f6; 
			text-shadow:#f0f0f0 0px 1px 0px; 
			border-bottom:1px solid #c2c0c0; 

		}

/*	Recently added products */
	h1.RecentlyAddedProducts			
		{
			font-size:14px; 
			background:#d8d8d8; 
			text-shadow:#f0f0f0 0px 1px 0px; 
			border-bottom:1px solid #c2c0c0; 
			border-top:1px solid #f0f0f0;
		}
	
	div.RoomSelectorContainer
		{
			background:#d8d8d8; 
			text-shadow:#f0f0f0 0px 1px 0px; 
			border-bottom:1px solid #c2c0c0; 
			border-top:1px solid #f0f0f0;
		}

/* -------------------------------------------------------------------------------------------------------
FORM ELEMENTS
Styles for ALL form tags in ALL widgets and modules
------------------------------------------------------------------------------------------------------- */
/*	BASE STYLES */
	input.g3input, select.g3select, 
	input.g3Button,	textarea.g3textarea,
	a.minicart_checkoutbutton,
	input#viewCalenfarInfoBtn,
	input#add_booking,
	input#SaveBookingBtn,
	td.BookingFormValue input,
	input.submit_myform,
	input.searchResultsButton
		{
			border:1px solid #acacac;
		}
	
	/*------------------------------------------------------------------------------------------------- */
	/*	BUTTONS and INPUT BUTTONS */
	/*	Standard input buttons (call to action / submits) */
		span.RelatedProductsGridControl span,a.minicart_checkoutbutton,input.submit_myform,input.g3Button.productaddtocomparelistbutton,input.g3Button.mailinglistButton,input.g3Button.productemailafriendbutton,input.g3Button.searchboxbutton,input.g3Button.updatecartbutton,input.g3Button.submitUserPoll,input.g3Button.productlistproductdetailbutton,input.g3Button.productgridproductdetailbutton,input.searchResultsButton, input.submit_myform
			{
				-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:25px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
			}
		span.RelatedProductsGridControl.addHover span,a.minicart_checkoutbutton.addHover,input.submit_myform.addHover,input.g3Button.productaddtocomparelistbutton.addHover,input.g3Button.mailinglistButton.addHover,input.g3Button.productemailafriendbutton.addHover,input.g3Button.searchboxbutton.addHover,input.g3Button.updatecartbutton.addHover,input.g3Button.submitUserPoll.addHover,input.g3Button.productlistproductdetailbutton.addHover,input.g3Button.productgridproductdetailbutton.addHover,input.searchResultsButton.addHover, input.submit_myform.addHover
			{
				cursor:pointer;
				-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#D7D7D7;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#b4c15b;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:25px;
	width:100px;
	text-decoration:none;
	text-align:center;
	
			}

			/*	Add to cart / checkout */
		a.minicart_checkoutbutton,input.g3Button.continueshoppingbutton,input.g3Button.productvariantaddtowishlistbutton,input.g3Button.productvariantaddtocartbutton,input.g3Button.productgridaddtocartbutton,input.g3Button.productlistaddtocartbutton,input.g3Button.checkoutbutton,input.g3Button.g3checkout					
			{
				
				-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:25px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
			}
			/*	Add to cart hover / checkout hover */
		a.minicart_checkoutbutton:hover,input.g3Button.continueshoppingbutton.addHover,input.g3Button.productvariantaddtowishlistbutton.addHover,input.g3Button.productvariantaddtocartbutton.addHover,input.g3Button.productgridaddtocartbutton.addHover,input.g3Button.productlistaddtocartbutton.addHover,input.g3Button.checkoutbutton.addHover,input.g3Button.g3checkout.addHover
			{
				cursor:pointer;
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
	color:#b4c15b;
			
			}
			
			input.g3Button.productgridaddtocartbutton
				{
					margin:5px 0 0;
				}
				
			div.buttons input.g3Button.productlistaddtocartbutton
				{
					margin:0 0 0 3px;
				}
				
			/* VIEW CART BUTTON */
			span.viewCartButton
				{
					cursor:pointer;
				border:2px solid #85C330;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	background-color: #85C330
				}
			span.viewCartButton.addHover
				{
					color: #fff;
	                background-color:#518C00;
	                border:2px solid #518C00;
					text-decoration:none;
				}


			/*	BUTTON and INPUT BUTTON EXCEPTIONS */
			/*	Custom input buttons (call to action / submits) */
				
				/* ---------------------------------------------------------------------------------------------------------------- */
				/*	Booking tool widget */
					/* View info button */
					input#viewCalenfarInfoBtn
						{
							cursor:pointer;
							border-color:#163773; 
							background:url(/assets/template_resources/css/bookingtool/images/info.png) #648dd9 no-repeat 5px 5px; 
							color:#fff; 
							text-shadow:#2660c8 0px -1px 0px;
							padding:5px 7px 5px 22px;
							font-size:12px;
							float:left;
							margin:0 0 10px 0;
							font-family:arial, helvetica, sans-serif;
						}
						input#viewCalenfarInfoBtn.addHover
							{
								cursor:pointer;
								background-color:#4067ae; 
							}
					/* Add booking button */
					input#add_booking
						{
							cursor:pointer;
							border-color:#289627; 
							background:url(/assets/template_resources/css/bookingtool/images/add.png) #c9f2c7 no-repeat 5px 5px; 
							color:#1b6819; 
							text-shadow:#fff 0px 1px 0px;
							padding:5px 7px 5px 22px;
							font-size:12px;
							float:right;
							margin:0 0 10px 0;
							font-family:arial, helvetica, sans-serif;
						}
						input#add_booking.addHover
							{
								cursor:pointer;
								background-color:#89e288;
							}
					/*	Cancel booking button */
					input#SaveBookingBtn
						{
							cursor:pointer;
							border-color:#289627; 
							background:url(/assets/template_resources/css/bookingtool/images/add.png) #c9f2c7 no-repeat 5px 5px; 
							color:#1b6819; 
							text-shadow:#fff 0px 1px 0px;
							padding:5px 7px 5px 22px;
							font-size:12px;
							margin:0 0 10px 0;
							float:right;
							font-family:arial, helvetica, sans-serif;
						}
						input#SaveBookingBtn.addHover
							{
								cursor:pointer;
								background-color:#89e288;
							}
					/* Save booking */
					input#CancelBookingBtn
						{
							cursor:pointer;
							border-color:#920101; 
							background:url(/assets/template_resources/css/bookingtool/images/cancel.png) #ef807d no-repeat 5px 5px; 
							color:#9f0303; 
							text-shadow:#f8a6a3 0px 1px 0px;
							padding:5px 7px 5px 22px;
							font-size:12px;
							margin:0 0 10px 0;
							font-family:arial, helvetica, sans-serif;
							float:left;
						}
						input#CancelBookingBtn.addHover
							{
								cursor:pointer;
								background-color:#e76f6a; 
							}
					
					/* Save booking */
					input.g3input.MakeBookingBtn
						{
							cursor:pointer;
							border-color:#289627; 
							background:url(/assets/template_resources/css/bookingtool/images/accept.png) #c9f2c7 no-repeat 5px 5px; 
							color:#1b6819; 
							text-shadow:#fff 0px 1px 0px;
							padding:5px 7px 5px 22px;
							font-size:12px;
							float:right;
							margin:0 0 10px 0;
							font-family:arial, helvetica, sans-serif;
						}
						input.g3input.MakeBookingBtn.addHover
							{
								cursor:pointer;
								background-color:#89e288;
							}
					/* Cancel booking */
					input.g3input.CancelBookingBtn
						{
							cursor:pointer;
							border-color:#920101; 
							background:url(/assets/template_resources/css/bookingtool/images/cancel.png) #ef807d no-repeat 5px 5px; 
							color:#9f0303; 
							text-shadow:#f8a6a3 0px 1px 0px;
							padding:5px 7px 5px 22px;
							font-size:12px;
							margin:0 0 10px 0;
							float:left;
							font-family:arial, helvetica, sans-serif;
						}
						input.g3input.CancelBookingBtn.addHover
							{
								cursor:pointer;
								background-color:#fe9f9f;
							}
							
					input.g3input.PayWithPayPal
						{
							cursor:pointer;
							border-color:#b54901; 
							background:url(/assets/template_resources/css/bookingtool/images/paynow.png) #efb97a no-repeat 5px 5px; 
							color:#b54901; 
							text-shadow:#fde8cf 0px 1px 0px;
							padding:5px 7px 5px 22px;
							font-size:12px;
							float:right;
							margin:0 0 10px 0;
							font-family:arial, helvetica, sans-serif;
						}
						input.g3input.PayWithPayPal.addHover
							{
								cursor:pointer;
								background-color:#fff;
							}
				/* ---------------------------------------------------------------------------------------------------------------- */
				/* Large search button */
				input.g3Button.searchbutton							
					{
						cursor:pointer;
						font-size:14px; 
						border-color:#000000; 
						background:url(../images/button_big_background.jpg) top repeat-x; 
						color:#fff; 
						text-shadow:#000 0px 1px 0px;
						padding:8px 10px;
					}
				input.g3Button.searchbutton.addHover				
					{
						cursor:pointer;
						background-position:bottom;
					}
				
				/* Gestbook buttons */
				div#gbook_submit div.gbook_col2 input.guestBookPost.g3Button							
					{
						-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#b4c15b;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:25px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
					}
				div#gbook_submit div.gbook_col2 input.guestBookPost.g3Button.addHover
					{
						cursor:pointer;
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
	color:#b4c15b;
					}
				div#gbook_submit div.gbook_col2 input.reset.guestBookReset.g3Button	
					{
						-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#CD3535;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:25px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
					}
				div#gbook_submit div.gbook_col2 input.reset.guestBookReset.g3Button.addHover
					{
							cursor:pointer;
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
	color:#CD3535;
				/*	Mini-Cart checkout button
					The other styles are set up using the default methods above */
				a.minicart_checkoutbutton
					{
						padding:5px 8px;
					}

	/*------------------------------------------------------------------------------------------------- */
	/*	TEXT INPUTS */
	/*	Standard text inputs (call to action / submits) */
	input.g3input, td.BookingFormValue input											
		{
			padding:5px 5px;
		}
		
		/*	TEXT INPUT EXCEPTIONS */
		/*	Custom text inputs, for modules and widgets */
			input.g3input.searchtext
				{
					font-size:14px; 
					font-weight:bold; 
					color:#909090; 
					padding:10px;
				}
			input.g3input.guestBookNameInput
				{
					width:250px;
				}
			input.g3input.guestbookCaptcha
				{
					width:140px;
				}
			input.g3input.nopnumerictextboxtext
				{
					width:30px;
				}

	/*------------------------------------------------------------------------------------------------- */
	/*	TEXTAREAS */
	/*	Standard textarea inputs (call to action / submits) */
	textarea.g3textarea										
		{
			padding:5px 5px;
		}
		
		/*	TEXTAREA EXCEPTIONS */
		/*	Custom textarea inputs, for modules and widgets */
			textarea.g3textarea.guestBookTextarea
				{
					width:600px;
				}
			textarea.g3textarea.EventBookingForm
				{
					width:250px;
					height:40px;
				}
	
	/*------------------------------------------------------------------------------------------------- */
	/*	SELECT BOXES */
	/*	Standard select boxes */
	select.g3select											
		{
			padding:5px 5px; 
			margin:0px;
		}

	/*------------------------------------------------------------------------------------------------- */
	/*	LABELS */
	/*	Standard select boxes */
	label.g3label, span.g3label								
		{
			font-weight:bold; 
			display:block; 
			padding-right:5px;
		}
	
/* -------------------------------------------------------------------------------------------------------
ECOMMERCE EXTENSIONS
The following are used solely for the ecommerce package, more styles will need to be added as we work
through the system, but these are important for now.
------------------------------------------------------------------------------------------------------ */
/*	Checkout progress bar */
	div.OrderProgress ul li span							
		{
			padding:5px 15px;
		}

/*	Style your active or inactive steps */
	span.ActiveStep											
		{
			font-weight:bold; 
			background:#28afcc; 
			color:#fff; 
			text-shadow:#000 0px 1px 0px; 
			padding:5px 15px;
		}
	span.InactiveStep										{}

/*	Or style each individual stage differently */
	li.OrderProgress_CartStage								{}
	li.OrderProgress_CartStage span.ActiveStep				{}
	li.OrderProgress_CartStage span.InactiveStep			{}

	li.OrderProgress_AddressStage							{}
	li.OrderProgress_AddressStage span.ActiveStep			{}
	li.OrderProgress_AddressStage span.InactiveStep			{}

	li.OrderProgress_ShippingStage							{}
	li.OrderProgress_ShippingStage span.ActiveStep			{}
	li.OrderProgress_ShippingStage span.InactiveStep		{}

	li.OrderProgress_PaymentStage							{}
	li.OrderProgress_PaymentStage span.ActiveStep			{}
	li.OrderProgress_PaymentStage span.InactiveStep			{}

	li.OrderProgress_ConfirmStage							{}
	li.OrderProgress_ConfirmStage span.ActiveStep			{}
	li.OrderProgress_ConfirmStage span.InactiveStep			{}

	li.OrderProgress_CompleteStage							{}
	li.OrderProgress_CompleteStage span.ActiveStep			{}
	li.OrderProgress_CompleteStage span.InactiveStep		{}

/*	Header links */
	div#HeaderLinks ul li a {margin:0px;}
	div#HeaderLinks ul li a.ico-register	{}
	div#HeaderLinks ul li a.ico-login		{}
	div#HeaderLinks ul li a.ico-cart		{}
	div#HeaderLinks ul li a.ico-wishlist	{}
	div#HeaderLinks ul li a.ico-admin		{}
		/* */
		div#HeaderLinks ul li.ico-logged						{}
		div#HeaderLinks ul li.ico-logged span.ico-username		{}
		div#HeaderLinks ul li.ico-logged a.ico-logout			{}
			/* */
			div#HeaderLinks ul li a:hover, div#HeaderLinks ul li a:focus	{}
			div#HeaderLinks ul li.ico-logged a.ico-logout:hover				{}
			
/*	Search results */
	table.searchResultsItem	{border-top:1px solid #e0e0e0; margin-bottom:10px; padding-bottom:10px; padding-top:10px;}
	
/* -----------------------------------------------------------------------------------------------------
MODULE PLACEMENTS
These classes enable visible elements for ecommerce, or testing purposes. Leave these as is, unless you need
to change them.  You can also find the positioning for the searchbox, either as a module or 
included in the horizontal menu.
------------------------------------------------------------------------------------------------------- */

body.ecom #topModule1,
body.ecom #topModule2,
body.ecom #topModule3,
body.ecom #topModule4,
body.ecom #topModule5			
/* 	Body class: ecom - enables all ecommerce visible elements */		{display:block;}

/* 	Default eCommerce module settings
	The first modules support the currency selection, language selection and administration links...  So, you might be wondering how this works-
	I've set the top modules to absolute positioning, so remove any height aspect of the boxes, and used topModule4_clear as the height.  That way
	I can make the modules as big as I want, and still use the same 1 background for the topWrapper!  Nice!  Ok!  */
	div#topWrapperInner					{position:relative;}
	/*	Currency */
		div#ecomWrapper #topModule1			{display:block; float:left; position:absolute; top:0px; left:0px;}
	/*	Language */
		div#ecomWrapper #topModule2			{display:block; float:left; position:absolute; top:0px; left:200px;}
	/*	Tax */
		div#ecomWrapper #topModule3			{}		/* This seems to be hidden so far anyway... */
	/*	Admin links */
		div#ecomWrapper #topModule4			{float:right; display:block; text-align:right; position:absolute; top:0px; right:0px; padding-top:5px;}
		div#ecomWrapper .topModule4_clear	{display:block; height:44px;}
	
/*	The next module can be positioned 2 ways.  As a topModule, or inline with the navigation in the TabathaBlock
	Simply hide and show them as you require, both will still function correctly */
	div#ecomWrapper #topModule5			{float:right; display:none;}										/* Set to display:block; for a module search box */
	div#TabathaBlock div#SearchBoxMenu 	{float:right; display:block; text-align:right; padding-top:3px;}	/* Set to display:block; for a menu search box */

	div#pageContent {min-height:200px; height:auto!important; height:auto }
	body:nth-of-type(1) #pageContent{min-height:100px;}
	
	div#TabathaBlock 					{ font-family:Arial; font-size:15px;  color:#fff; }
	div#h-nav							{display:block; padding: 0 5px; width:900px; }
/* -------------------------------------------------------------------------------------------------------
END OF G3 TEMPLATE SYSTEM - base.css
------------------------------------------------------------------------------------------------------ */#navColumn {float: left;}#mainColumn {float:right;}