/*
Designed and engineered by Firstline Interactive Systems Limited
URL: http://www.firstlineinteractive.co.uk
Email: info@firstlineinteractive.co.uk
Tel: +44 1669 621 800
Fax: +44 1669 620 454
All Code Copyright 2005 of Firstline Interactive Systems Ltd
*/

/* Start of Inheritable Overall Page Styles */
body
{
	font-family : Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size : 100%;
	color : #000;
	background-color : #F4E9D0;
	/*padding : 0px;*/
	margin : 0px;
	padding : 0px;
	text-align : center;
}
img{
	margin-bottom : 0px;
	padding-bottom : 0px;
	vertical-align : bottom;
	border : 0px;
}
p{
	font-size : 70%;
}
a{
	color : #000;
}
a:visited{
	color : #188C5A;
	text-decoration : none;
}
p.text
{
	font-size : 70%;
	margin-left: 20px;
	margin-right: 20px;
}

div.quotes
{
	background-color: #E3F1EA;
	margin-right: 40px;
	margin-left: 30px;
}

p.quote
{
	font-size : 71%;
	font-style: italic;
	font-weight: bold;
	color: #21523B;
	padding-bottom: 3px;
	
}

span.quoteRef
{
	font-size : 100%;
	font-Weight: normal;
	color: #000;
}

h1{
	font-family : Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size : 100%;
	color : #01474F;
	text-align : left;
	margin-top : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 30px;
	margin-bottom : 0px;
}
h2{
	font-family : Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size : 95%;
	float : left;
	padding-left : 30px;
	margin-top : 1px;
	color : #01474F;
}
.CategoryRight{
	float : right;
	padding-right : 0px;
	width : 180px;
	padding-right : 30px;
	padding-top : 30px;
	padding-bottom : 15px;
	padding-left : 0px;
	margin-left : 0px;
}
.CategoryHeading{
	float : left;
	padding-left : 0px;
	width : 320px;
	margin-right : 0px;
	padding-right : 0px;
}
.CategoryPic{
	float : right;
}
.OnlineShopCatPic{
	float : right;
	margin-right : 20px;
	padding-right : 0px;
	margin-bottom : 10px;
}
img.ProdThumb{
	float : right;
	margin-top : 5px;
	margin-right : 30px;
	margin-left : 5px;
	margin-bottom : 5px;
}
.DataGrid{
	margin-left : 30px;
}
/* End of Inheritable Overall Page Styles */

/* Start of Page Container & Header Bar Styles */
#container {
	width: 760px;
	margin: 0 auto;
	background-color : #F4E9D0;
	text-align : left;
}
div.LogoBar{
	background-color : #FFF;
	background-image : url(images/HeaderBgrd.gif);
	background-repeat : repeat-y;
	padding-left : 25px;
	background-position : bottom;
}
img.logo{
	float : left;
	width : 186px;
}
.primarynav{
	float : right;
	width : 500px;
	vertical-align : bottom;
	color : #FFF;
	text-align : right;
	margin-right : 20px;
	font-weight : bold;
	font-size : 70%;
	padding-top : 48px;
}
.primarynav a{
	color : #FFF;
	font-weight : bold;
	text-decoration : none;
	padding-right : 10px;
}
.primarynav a:hover{
	color : #FFF;
	font-weight : bold;
	text-decoration : underline;
}
.primarynav a:visited{
	color : #FFF;
	font-weight : bold;
	text-decoration : none;
}
.error{
	color : red;
	margin-left : 30px;
	font-weight : bold;
	font-size : 70%;
}
.label{
	margin-left : 30px;
	font-weight : bold;
	font-size : 70%;
}
/* End of Page Container & Header Bar Styles */

/* Start of Narrow Column Navigation Styles */
.navsection{
	background-image : url(images/NarrowBgrd.gif);
	background-repeat : repeat-y;
	min-height : 510px;
	height : 555px;
}
/* CSS Hack for Min-Height in Internet Explorer */
div[class] .navsection{
	height : auto;
}
/*End of Hack */
div.narrow{
	float : left;
	width : 197px;
	padding : 0px;
	margin-bottom : 0px;
}
div.narrow img{
	vertical-align : bottom;
	padding-bottom : 0px;
	margin-bottom : 0px;
}
ul.navigation{
	margin-top : 0px;
	margin-bottom : 0px;
	text-align : left;
	margin-left : 27px;
	padding-left : 0px;
	list-style : none;
}
ul.navigation a{
	background-image : url(images/button.gif);
	background-repeat : no-repeat;
	color : #188C5A;
	width : 149px;
	height : 22px;
	font-size : 70%;
	text-indent : 10px;
	display : block;
	line-height : 22px;
	font-weight : bold;
	text-decoration : none;
	padding-bottom : 8px;
}
ul.navigation a:hover{
	background-image : url(images/buttonOver.gif);
	background-repeat : no-repeat;
	color : #A2A2A2;
	width : 149px;
	height : 22px;
	font-size : 70%;
	text-indent : 10px;
	display : block;
	line-height : 22px;
	text-decoration : none;
}
/* End of Narrow Column Navigation Styles */

/* Start of Top Single Bar Navigation */
.TopnavSection{
	background-image : url(images/WideBgrd.gif);
	background-repeat : repeat-y;
	text-align : right;
	padding-right : 95px;
	font-size : 70%;
}
.TopnavSection a{
	color : #000;
	text-decoration : none;
	padding-right : 5px;
}
.TopnavSection a:hover{
	color : #000;
	text-decoration : underline;
}
/* End of Top Single Bar Navigation */

/* Start of Main Page Content Styles */
div.wide{
	float : right;
	width : 563px;
	vertical-align : top;
}
.ulstyle ul{
	font-size : 70%;
	line-height : 20px;
	padding-left : 15px;
	margin-left : 45px;
}
.Main{
	background-image : url(images/WideBgrd.gif);
	background-repeat : repeat-y;
	margin-bottom : 0px;
	text-align : left;
}
.Main p{
	padding-left : 30px;
	padding-right : 30px;
}
.Main img{
	margin-left : 30px;
}
.catDesc{
	color : #000;
	font-size : 70%;
}
.Main2{
	background-image : url(images/WideBgrd.gif);
	background-repeat : repeat-y;
	margin-bottom : 0px;
	text-align : left;
	padding-left : 15px;
	padding-right : 20px;
	padding-top : 0px;
	margin-bottom : 0px;
	line-height : 17px;
}
p.content{
	font-size : 70%;
	color : #000;
	text-align : left;
	padding-left : 30px;
	padding-right : 40px;
	padding-top : 0px;
	margin-bottom : 0px;
	line-height : 17px;
}
p.contentAlt{
	font-size : 70%;
	color : #188C5A;
	text-align : left;
	padding-left : 30px;
	padding-right : 40px;
	padding-top : 0px;
	margin-bottom : 0px;
	padding-bottom : 10px;
	line-height : 17px;
}
/*End of Main Page Content Styles */

/* Start of Shop / Product Page Styles */
div.text{
	padding-left : 30px;
}
div.text p{
	padding-left : 0px;
	margin-left : 0px;
}
div.shopleft{
	float : left;
	width : 200px;
	padding-left : 0px;
	text-align : left;
}
div.shopright{
	float : right;
	width : 300px;
	padding-right : 30px;
	text-align : right;
	font-size : 70%;
}
img.productimg{
	float : left;
	margin-right : 0px;
	margin-left : 0px;
	margin-top : 10px;
	margin-bottom : 15px;
	width : 75px;
}
hr.shophr{
	color : #188C5A;
	width : 470px;
	height : 2px;
	margin-right : 33px;
	margin-left : 30px;
	border : 0;
	background : #188C5A;
	clear : both;
	margin-top : 0px;
}
div.butchery{
	float : left;
	width : 300px;
}
div.ProductDescription{
	float : left;
	margin-right : 20px;
}
/* End of Shop / Product Page Styles */

/* Start of News / Shop header bar Styles */
div.NewsBar{
	width : 563px;
	background-image : url(images/TitleBgrd.gif);
	background-repeat : no-repeat;
	font-size : 70%;
	height : 27px;
	font-weight : bold;
	margin-bottom : 0px;
}
p.left{
	color : #FFF;
	font-size : 9pt;;
	text-align : left;
	float : left;
	width : 150px;
	line-height : 27px;
	padding-left : 30px;
	margin-bottom : 0px;
	margin-top : 0px;
}
p.right{
	color : #FFF;
	font-size : 9pt;
	text-align : right;
	float : right;
	width : 150px;
	line-height : 27px;
	padding-right : 40px;
	margin-bottom : 0px;
	margin-top : 0px;
}
/* End of News / Shop header bar Styles */

/* Start of News Styles */
div.containment{
	width : 286px;
	float : left;
	padding-left : 15px;
	padding-top : 5px;
	height : auto;
	margin-bottom : 0px;
}

div.News{
	width : 286px;
	margin-bottom : 0px;
}
div.NewsDetails{
	width : 286px;
	background-image : url(images/NewsBgrd.gif);
	background-repeat : repeat-y;
	padding-right : 10px;
	line-height : 12px;
	font-weight : normal;
	margin-bottom : 0px;
}
p.news{
	width : 270px;
	font-size : 70%;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-left : 10px;
}
/* End of News Styles */

/*Start of Shop Styles */
div.shopcontainment{
	width : 231px;
	float : right;
	padding-right : 25px;
	padding-top : 5px;
	height : auto;
	margin-bottom : 0px;
}
div.shop{
	width : 231px;
	margin-bottom : 0px;
}
div.ShopDetails{
	width : 231px;
	background-image : url(images/ShopBgrd.gif);
	background-repeat : repeat-y;
	padding-left : 10px;
	margin-bottom : 0px;
	line-height : 12px;
	font-weight : normal;
}
p.shop{
	width : 211px;
	font-size : 70%;
	margin-top : 0px;
	margin-bottom : 0px;
	text-align : left;
	padding-right : 10px;
}
p.back{
	text-indent : 20px;
}

/* End of Shop Styles */


/* Div Clearer Style */
.brclear { 
	clear:both; 
	height:0;; 
	margin:0; 
	font-size: 1px; 
	line-height: 0; 
}


/* Start of Image Alignment Classes */
img.topimg{
	vertical-align : bottom;
}
img.btmimg{
	vertical-align : top;
}
img.leftimg{
	float : left;
	width : 316px;
	margin-left : 30px;
	margin-top : 15px;
	padding-right : 0px;
	margin-bottom : 10px;
}
img.rightimg{
	float : right;
	width : 150px;
	margin-right : 40px;
	margin-top : 15px;
	padding-left : 0px;
	margin-bottom : 10px;
	padding-bottom : 5px;
}
.floatright{
	float : right;
	margin-right : 30px;
	margin-left : 5px;
	margin-bottom : 5px;
	margin-top : 5px;
}

/* End of Image Alignment Classes */

/* Start of Footer Styles */
.footer{
	width : 738px;
	background-color : #F4E9D0;
	/*padding-top: 0px;*/
	margin-top : 0px;
	text-align: center;
	/*margin-left : 10px;
	margin-right : 12px;*/
}
.copyright{
	/*top : 700px*/;
	width : 200px;
	float : left;
	font-size : 70%;
	/*margin-left : 10px;*/
}
.DesignBy{
	/*top : 700px;*/
	width : 400px;
	float : right;
	font-size : 70%;
	margin-right : 10px;
	text-align : right;
}
.DesignBy a{
	color : #000;
	text-decoration : none;
}
.DesignBy a:hover{
	color : #000;
	text-decoration : underline;
}
/* End of Footer Styles */

.liststyle
{
	padding-left: 30px;
	padding-right: 10px;
}
.leftmargin{
	margin-left : 30px;
}
.CartListItem{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 80%;
	font-weight : normal;
	background-color : #F4E9D0  !important;
	color : #21523B;
}
.CartListItemAlt{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 80%;
	font-weight : normal;
	background-color : #21523B !important;
	color : #F4E9D0;
}
.CartListHead{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	font-weight : bold;
	background-color : #21523B !important;
	color : #F4E9D0;
}
.CartListFooter{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 80%;
	font-weight : normal;
	background-color : #F4E9D0  !important;
	color : #21523B;
}
