/* Stylesheet Copyright of Firstline Interactive Systems 2005 */
/*
-- Firstline Interactive Systems Ltd --
-- Albert House --
-- Townfoot --
-- Rothbury --
-- NE65 7SR --
-- Telephone -- +44 1669 621800 --
-- Facsimile -- +44 1669 620 454 --
-- www.firstlineinteractive.co.uk --
-- info@firstlineinteractive.co.uk --
*/
body
{
	text-align: center;
	font-family : Arial, Helvetica, Verdana, sans-serif;
	padding : 0px;
	margin : 0px;
}
div.wrapper{
	margin: 0px auto 0px auto;
	padding : 0px;
	background-image : url(images/tableBG.gif);
	background-repeat : repeat-y;
	width : 768px;
	background-position : center;
}
div.nav{
	width : 150px;
	display : block;
	text-align : left;
	float : left;
	display:block;
}
div.nav img{
	margin : 0px;
	padding : 0px;
}
div.content {
	width : 600px;
	display : block;
	text-align : left;
	float : right;
	margin-right : 4px;
	padding-right : 7px;
	font-size : 76%;
}
div.footer{
	background-image : url(images/footerBg.gif);
	background-repeat : no-repeat;
	height : 31px;
	line-height : 26px;
	color : #FFFFFF;
	font-size : 60%;
	font-weight : bold;
	text-align:left;
	margin:0px auto 0px auto;
	width:768px;
	text-indent:15px;
	clear:both;
	display:block;
}
div.footer a{
	color : #FFFFFF;
	text-decoration : none;
	font-weight : bold;
}
div.footer a:hover{
	color : #FFFFFF;
	text-decoration : underline;
	font-weight : bold;
}
a{
	color : #000;
	font-weight : bold;
	text-decoration : underline;
}
a:hover{
	color : #000;
	font-weight : bold;
	text-decoration : underline;
}
.bodytable{
	margin-top : 0px;
	padding : 0px;
	background-image : url(images/tableBG.gif);
	background-repeat : repeat-y;
	vertical-align : top;
	width : 768px;
	background-position : center;
}
h1{
	font-size : 130%;
	margin-bottom : 10px;
	margin-top : 10px;
	text-indent : 0px;
	color : #084736;
}
h1 a
{
	color : #084736;
	text-decoration : none;
}
h1 a:hover
{
	color : #084736;
}

p.inactive
{
	color : #084736;
	font-weight : bold
}

h2{
	font-size : 100%;
	margin-bottom : 0px;
	text-indent : 0px;
	color : #084736;
}
h3{
	font-size : 100%;
	margin-bottom : 0px;
	text-indent : 0;
	margin-top : 0px;
	padding : 0px;
}
.NewsLink{
	font-size : 100%;
	color : #000;
	text-decoration : underline;
	font-weight : bold;	
}
.NewsLink:hover{
	font-size : 100%;
	color : #000;
	text-decoration : underline;
	font-weight : bold;
}
.newsImg{
	float : right;
	margin : 5px;
}
.error{
	color : red;
	font-weight : bold;
}
/*
-- Styles for Upper Section of Pages - Header Area --
*/

#uppercontainer {
	width: 768px;
	margin: 0 auto;
	background-color : #FFFFFF;
	text-align : left;
	vertical-align : top;
	background-image : url(images/Bckgrd.gif);
	background-repeat : repeat-y;
}
#FloatLogo{
	width : 200px;
	margin : 0px;
	padding : 0px;
	text-align : left;
}
#FloatLogo a{
	border : none;
}
div.header{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 768px;
	height : 150px;
	display : block;
	vertical-align : top;
}
.Flash{
	margin : 0px 0px 0px -4px;
}
div.lowerheader{
	width : 768px;
	text-align : left;
	margin-top : 5px;
	padding-top : 0px;
	clear : both;
	background-image : url(images/TelephoneBar.jpg);
	height : 36px;
	display : block;
	background-repeat : no-repeat;
	background-position : top;
	color : #FFFFFF;
	font-weight : bold;
	font-size : 76%;
}
div.lowerheader a{
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : none;
	font-size : 100%;
	line-height : 28px;
}
div.lowerheader a:hover{
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : underline;
	font-size : 100%;
	line-height : 28px;
}
#TelNumber{
	margin : 0;
	padding : 0;
	width : 253px;
	float : left;
	font-size : 76%;
	text-align : left;
	color : #FFFFFF;
	line-height : 29px;
	text-indent : 35px;
}
#DateLine{
	margin : 0;
	padding : 0;
	width : 253px;
	float : right;
	font-size : 76%;
	text-align : right;
	color : #FFFFFF;
	line-height : 29px;
	margin-right : 7px;
	padding-right : 7px;
}
img.AbPosImage{
	position : absolute;
	top : 0px;
	margin-top : 0px;
	padding-top : 0px;
	z-index : 1;
	border : none;
	text-align : center;
}
.telBar{
	background-image : url(images/TelephoneBar.jpg);
	background-repeat : no-repeat;
	width : 768px;
	height : 36px;
	display : block;
	padding : 0px;
	margin : 0px;
}


#Address
{
		font-size : 65%;
		color : white;
		background-image : url(images/ContactBoxMiddle.gif);
		background-repeat : repeat-y;
		margin : 0px;
		padding : 0px;
		margin-top : -15px;
		margin-left : 10px;
}
#Address p
{
	margin-top: 3px;
	margin-bottom: 14px;
	padding-left :16px;
	width: 95px;
}
#Address a
{
	color : white;
	width: 95px;
}
#Address h2
{
	width : 94px;
	height : 15px;
	font-weight : bolder;
	margin : 0px;
	padding : 0px;
	background-color : #FFFFFF;
	color : #014331;
	line-height : 15px;
	font-size : 120%;
	text-align : center;
	margin-left : 18px;
}
/*
-- Styles for Main Content Section of Pages - Text Area --
*/


.brclear { 
	clear:both; 
	height:10px; 
	margin:0;
	font-size: 1px; 
	line-height: 10px; 
}
#maincontainer{
	clear : both;
	width: 768px;
	margin: auto;
	background-color : #FFFFFF;
	text-align : left;
	background-image : url(images/Bckgrd.gif);
	background-repeat : repeat-y;
}
td.navigation{
	width : 150px;
	display : block;
	vertical-align : top;
	text-align : left;
	float : left;
}
td.navigation img{
	margin : 0px;
	padding : 0px;
}
td.content {
	width : 600px;
	display : block;
	text-align : left;
	vertical-align : top;
	float : right;
	margin-right : 4px;
	padding-right : 7px;
	font-size : 76%;
}
img.floatright{
	float : right;
	margin : 5px;
}
img.floatleft{
	float : left;
	margin : 5px;
}
ul.nav{
	background-image : url(images/NavBg.gif);
	background-repeat : repeat-y;
	margin : 0px;
	padding : 0px;
	list-style : none;
	vertical-align : top;
	font-size : 76%;
}
ul.nav li{
	background-repeat : repeat-y;
}
ul.nav li h2{
	width : 95px;
	height : 15px;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
	background-color : #014331;
	color : #FFFFFF;
	line-height : 15px;
	font-size : 100%;
	text-align : center;
	margin-left : 28px;
}
ul.nav li a{
	width : 95px;
	height : 19px;
	display : block;
	line-height : 19px;
	text-decoration : none;
	margin-left : 28px;
	font-size : 100%;
	color : #014331;
	border-bottom : 1px solid #A2A2A2;
}
ul.nav li a:hover{
	width : 95px;
	height : 19px;
	display : block;
	line-height : 19px;
	text-decoration : underline!important;
	margin-left : 28px;
	font-size : 100%;
	color : #014331;
	border-bottom : 1px solid #A2A2A2;
	font-weight : bold;
}
ul.AboutNav{
	background-image : url(images/AboutNavBckgrd.gif);
	background-repeat : repeat-y;
	margin : 0px;
	padding : 0px;
	list-style : none;
	vertical-align : top;
	font-size : 76%;
	width : 156px;
}
ul.AboutNav li{
	background-repeat : repeat-y;
	font-size : 100%;
}
ul.AboutNav li h2{
	width : 95px;
	height : 15px;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
	background-color : #014331;
	color : #FFFFFF;
	line-height : 15px;
	font-size : 100%;
	text-align : center;
	margin-left : 20px;
}
ul.AboutNav li h2 a{
	color : #FFFFFF;
	margin : 0px;
	padding : 0px;
	width : 110px;
	display : block;
	height : 15px;
}
ul.AboutNav li h2 a:hover{
	color : #FFFFFF;
	margin : 0px;
	padding : 0px;
	text-decoration : underline;
}
ul.AboutNav li a{
	margin-left : 20px;
	text-decoration : none;
	font-weight : normal;
	line-height : 20px;
	font-size : 115%;
	width : 110px;
	border-bottom : 1px solid #000000;
	display : block;
}
ul.AboutNav li a:hover{
	margin-left : 20px;
	text-decoration : underline;
	font-weight : bold;
	font-size : 115%;
	line-height : 20px;
	width : 110px;
	border-bottom : 1px solid #000000;
	display : block;
}
div#Main{
	width : 590px;
	margin-right : 0px;
	padding-right : 0px;
	padding : 0px;
	padding-left : 0px;
	padding-bottom: 0px;
}
div#MainContent{
	width : 580px;
	border : 1px dashed #A2A2A2;
	margin-right : 10px;
	padding : 10px;
}
.hrimg{
	margin-left : 40px;
}
.right{
	width : 300px;
	float : right;
	margin : 0px;
	padding : 0px;
	display : block;
	height : auto;
}
.left p{
	padding-left : 17px;
	padding-right : 17px;
	vertical-align : top;
	margin-top : 3px;
}
.right p{
	padding-left : 17px;
	padding-right : 0px;
	vertical-align : top;
	margin-top : 3px;
}
.right img{
	
}
.left img{
	margin : 0px;
	padding : 0px;
}
.left{
	width : 300px;
	float : left;
	padding : 0px;
	margin : 0px;
	display : block;
	height : auto;
}

.beige{
	background-image : url(images/BeigeBg.gif);
	background-repeat : repeat-y;
	width : 300px;
	margin : 0px;
	padding : 0px;
	display : block;
	height : auto;
}
.green{
	background-image : url(images/GreenBg.gif);
	background-repeat : repeat-y;
	width : 300px;
	margin : 0px;
	padding : 0px;
	display : block;
	height : auto;
	text-align : left;
}
.green p
{
	margin-right : 20px;
}
div.smlboximg{
	float:right;
	margin-left : 2px;
	margin-right : 0px;
	margin-top : 3px;
	padding-right : 22px;
	
	
}
.beige h2{
	width : 260px;
	height : 15px;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
	background-color : #014331;
	color : #FFFFFF;
	line-height : 15px;
	font-size : 100%;
	text-align : center;
	margin-left : 18px;
}
.beige h2 a{
	color : #FFFFFF;
	text-decoration : none;
}
.beige h2 a:hover{
	text-decoration : underline;
}
.green h2{
	width : 260px;
	height : 15px;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
	background-color : #014331;
	color : #FFFFFF;
	line-height : 15px;
	font-size : 100%;
	text-align : center;
	margin-left : 18px;
}
.green h2 a{
	color : #FFFFFF;
	text-decoration : none;
}
.green h2 a:hover{
	text-decoration : underline;
}
.lowimg{
	vertical-align : bottom;
	clear : both;
}
td.footer{
	background-image : url(images/footerBg.gif);
	background-repeat : no-repeat;
	height : 31px;
	line-height : 26px;
	color : #FFFFFF;
	font-size : 60%;
	font-weight : bold;
	vertical-align : top;
	text-align : left;
	text-indent : 15px;
}
td.footer a{
	color : #FFFFFF;
	text-decoration : none;
	font-weight : bold;
}
td.footer a:hover{
	color : #FFFFFF;
	text-decoration : underline;
	font-weight : bold;
}
div.news{
	width : 255px;
	text-align : left;
	border-bottom : 2px dotted #386B53;
	margin-left : 20px;
	padding-bottom : 3px;
	padding-top : 3px;
}
div.newsAlt{
	width : 255px;
	text-align : left;
	border-bottom : 2px dotted #386B53;
	margin-left : 20px;
	padding-bottom : 3px;
	padding-top : 3px;
	background-color : #E9EEDB;
}

p.newsItem
{
	margin-left : 10px;
}
a.footlink{
	color : #FFFFFF;
	text-decoration : none;
}
a.footlink:hover{
	color : #FFFFFF;
	text-decoration : underline;
}
div.SubMenu{
	width : 150px;
	display : block;
	vertical-align : top;
	text-align : left;
	float : right;
}

.imgbtm{
	vertical-align : bottom;
	margin : 0px;
	padding : 0px;
}
.Menu1 a{
	width : 95px;
	height : 15px;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
	background-color : #014331;
	color : #FFFFFF!important;
	line-height : 15px;
	font-size : 100%;
	text-align : center;
	margin-left : 28px;
}
.Menu3 a{
	width : 95px;
	height : 19px;
	display : block;
	line-height : 19px;
	text-decoration : none;
	margin-left : 28px;
	font-size : 100%;
	color : #014331;
	text-indent : 10px;
	border-bottom : 1px solid #A2A2A2;
	background-color : #E2D9AF !important;
}
img{
	border : none;
}
.strapline
{
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #014331;
clear : both;
}
.NavigationCartTotal
{	
	float : right;
	margin-top : -28px;
	margin-right : 8px;
	padding-left : 5px;
}
#LoginNavPanel
{
	margin-left : 27px;
	line-height : 9px;
	font-size : 90%;
}
.MenuText{
	width : 95px;
	height : 19px;
	display : block;
	line-height : 19px;
	text-decoration : none;
	margin-left : 28px;
	font-size : 100%;
	color : #01271C;
	border-bottom : 1px solid #A2A2A2;
}
.TextBox
{
	border-color : #014331;
	background-color : #F5F3E4;
	border : 1px;
	border-style : solid;
}
.Button
{
	color : White;
	background : transparent;
	border : none;
	margin-right : 4px;
	margin-left : 4px;
}
.Button2
{
	color : White;
	background : transparent;
	border : none;
	padding-top: 2px;
	margin-right : 4px;
	margin-left : 4px;
	font-size : 100%;
	font-weight : bold;
}
.ButtonLeft
{
	background-image : url(Images/ButtonLeft.gif);
	background-position : right;
	background-repeat : no-repeat;
	width : 6px;
	height : 22px;
	padding : 0px;
}
.ButtonRight
{
	background-image : url(Images/ButtonRight.gif);
	background-position : left;
	background-repeat : no-repeat;
	width : 6px;
	height : 22px;
	padding : 0px;
}
.ButtonRightWithArrow
{
	background-image : url(Images/ButtonRightWithArrow.gif);
	background-position : left;
	background-repeat : no-repeat;
	width : 18px;
	height : 22px;
	padding : 0px;
}
.ButtonBox
{
	background-image : url(Images/ButtonMiddle.gif);
	background-position : center;
	background-repeat : repeat-x;
	height : 22px;
	padding : 0px;
	margin-right : -3px;
	margin-left : -3px;
}
.DropDownList
{
	border-color : #014331;
	background-color : #F5F3E4;
	border : 1px;
}
.MenuItemWithoutBar
{
	width : 95px;
	height : 19px;
	display : block;
	line-height : 19px;
	text-decoration : none;
	margin-left : 27px;
	font-size : 100%;
	color : #01271C;
}
.ProductListTable
{
	width: 200px;
}
#ProdMonthFloat
{
	float : right;
	display : block;
	padding-left : -20px;
}
#ProdMonthFloat p
{
	margin-left : 20px;
	margin-top : 2px;
}

.floatright{
	float : right;
	margin : 5px;
}
.MoreLink
{
	color : #084736;
	font-weight : bold;
	text-decoration : none;
}
.MoreLink:hover{
	color : #084736;
	font-weight : bold;
	text-decoration : underline;
}
.ProductListItem
{
	text-align : left;
}
.Title1 a{
	width : 95px;
	font-weight : bold;	
	margin : 0px;	
	padding : 0px;
	background-color : #014331;
	color : #FFFFFF!important;
	line-height : 15px;
	font-size : 100%;
	text-align : center;
	margin-left : 28px;
}
#FrontPageNewsBox
{
	min-height : 200px;
	_height : 200px;
}
.OnSale
{
	color : #750000;
	font-weight : bolder;
}
div.ProductDetailsImage
{
	float : left;
	padding : 0px 15px 15px 0px;
}
div.BuyBox
{
	width : 200px;
	float : right;
}
div#MainColumnLeft
{
	width : 290px;
	float : left;
}
div#MainColumnRight
{
	width : 290px;
	float : right;
	margin-right:4px;
	margin-bottom : 10px;
}
div.WideContentText
{
	clear : both;
}
p.leftmarg
{
	margin : 5px 17px 5px 17px;
}
.SearchHomePage
{
	margin : 5px 0px 0px 20px;
}
.PostAmountLabel
{
	font-weight : bold;
	color : maroon;
}