/* <!-- */
	/* General styles */
    body {
  	FONT-FAMILY:Verdana,arial,helvetica;
  	color:#2A3E22;
  	margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
    text-align: center;
    background:#edeabf;
	  background-image:url(/Images/gradient.jpg);
	  background-repeat:repeat-x;
    }
	html { overflow-y: scroll; }

H1.PageTitle {MARGIN: 0px; COLOR: #765c39; font-family: Arial;font-size: large;padding-top:10px;font-weight: bold;}
H1.PageTitleCat {MARGIN: 0px; COLOR: #765c39; font-family: Arial;font-size: large;font-weight: bold;}
H2.SectionTitle {MARGIN: 0px; FONT-SIZE: 9pt; COLOR: #765c39; FONT-FAMILY:Arial,helvetica;TEXT-DECORATION: underline; FONT-WEIGHT: bold;}

html { min-height: 100%; margin-bottom: 1px; }

div#container {
  width: 960px;
	text-align : left ;
	margin: 0 auto;
  }

	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	/* Header styles */
  #header {
		clear:both;
  	float:left;
  	width:960px;
		background:#765c39;
		background-image: url('./images/website-logo.jpg');
		background-repeat: no-repeat;
		height:115px;
  }
	#header2 {
   float:left;
   width:960px;
		height:20px;
   background:#765c39;
   overflow:hidden;
   position:relative;
	}
	#header3 {
		float:left;
		width:958px;
		height:20px;
		background:#f3f2f2;
		border-left:1px solid #656565;
    border-right:1px solid #656565;
    <!--[if lt IE 7]>
		width:958px;
    <![endif]-->
	}

	#headerMenu
	{
		float:right;
		width:300px;
		height:75px;
	}

.ulHeaderMenu  {
	margin-top:0px;
	margin-bottom:0px;
}

.ulHeaderMenu li {
	list-style-type: none;
	padding: 0 15px 0 0;
	background: url('./images/headerMenuBullet.gif') no-repeat right;
}

.ulHeaderMenu li a{
  FONT-FAMILY:Verdana,arial,helvetica;
  font-size:0.8em;
  color:#fff;
  text-decoration:underline;
}

	.noHover a:hover
	{
   background:transparent;
   color:#369;
	}

	a.noHover:hover   
	{
   background:transparent;
   color:#369;
	}

	/* column container */
	.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
  width:960px;					/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}

	/* ######################
	    2 column left menu settings START
	   #######################
	*/
	.holygrail2Column {
		background-image: url('./images/design-rightBGProduct.jpg');
	}
    .holygrail2Column .colright2C {
        float:left;
        width:200%;
		position:relative;
		left:200px;
    }
    .holygrail2Column .col1wrap2C {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	.holygrail2Column .col12C {
        margin:0 15px 0 191px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .holygrail2Column .col22C {
        float:left;
        width:173px;
        position:relative;
        right:200px;
        border-right:1px solid #e1d7d6;
        border-left:1px solid #656565;
				margin-bottom: -1000px;
				padding-bottom: 1000px;
				background:#F9F6EF;        
    }

    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col12C {
	    width:100%;
	}
    </style>
    <![endif]-->
	/* ######################
	    2 column left menu settings END
	   #######################
	*/



	/* holy grail 3 column settings */
	.holygrail {
		background-image: url('./images/design-rightBG.jpg');
	}

	.holygrail .colmid {
	    float:left;
	    width:200%;
	    margin-left:-175px; 	/* Width of right column */
	    position:relative;
	    right:100%;
	    background:#fff;    	/* Centre column background colour */
	}
	.holygrail .colleft {
	    float:left;
	    width:100%;
	    margin-left:-50%;
	    position:relative;
	    left:350px;         	/* Left column width + right column width */
		background-image: url('./images/design-leftBG.jpg');
	}
	.holygrail .col1wrap {
		float:left;
	  width:50%;
	  position:relative;
	  right:176px;        	/* Width of left column */
	  padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	
	
	.holygrail .MainContent {
		margin:0 191px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
		position:relative;
		left:200%;
	}
	
	.holygrail .MainContentProduct {
		margin:0 20px 0 191px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
		position:relative;
		left:200%;
	}
	
	
    .holygrail .LeftSideMenu {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:173px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
        border-right:1px solid #e1d7d6;
        border-left:1px solid #656565;
				margin-bottom: -1000px;
				padding-bottom: 1000px;
				background:#F9F6EF;
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:173px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
        border-left:1px solid #e1d7d6;
        border-right:1px solid #656565;
        background:#F9F6EF;
				margin-bottom: -1000px;
				padding-bottom: 1000px;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
				border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }

#header2 ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#header2 ul li {
   display:block;
   float:left;
   list-style-image: url('./images/li-list-style-topnav.gif');
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#header2 ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:0px 10px;
   color:#fff;
   text-decoration:none;
   line-height:1.3em;
   font-size:1em;
   FONT-FAMILY:Verdana,arial,helvetica;
}

#header2 ul li img {
   display:block;
   margin:5px 0 0 1px;
   padding:0px 0px;
}

#header2 ul li a:hover {
   background:#369;
   color:#fff;
}

#header2 ul li a.active:hover {
   color:#fff;
   background:#369;
}

#header3 ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#header3 ul li {
   display:block;
   float:left;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#header3 ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:0px 10px;
   color:#000;
   text-decoration:none;
   line-height:20px;
   font-size:0.7em;
   font-weight: bold;
   text-decoration:underline;
   FONT-FAMILY:Verdana,arial,helvetica;
}

#header3 ul li img {
   display:block;
   margin:5px 0 0 1px;
   padding:0px 0px;
}


#header3 ul li a:hover {
   background:#369;
   color:#fff;
}

#header3 ul li a.active:hover {
   color:#fff;
   background:#369;
}

#footer1 {
   float:left;
   width:960px;
	 height:20px;
   background:#765c39;
   overflow:hidden;
   position:relative;
   text-align: center;
   FONT-FAMILY:Verdana,arial,helvetica;
   font-size:0.7em;
   color:#fff;
   line-height:20px;
}

#footer2 {
	float:left;
	width:958px;
	background:#f3f2f2;
	overflow:hidden;
	position:relative;
	text-align: center;
	FONT-FAMILY:Verdana,arial,helvetica;
	font-size:0.7em;
	color:#fff;
	line-height:20px;
	border-right:1px solid #656565;
	border-left:1px solid #656565;
	border-bottom:1px solid #656565;
}

#footer2 ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#footer2 ul li {
   display:block;
   float:left;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   color:#000;
}
#footer2 ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:0px 10px;
   color:#000;
   text-decoration:none;
   line-height:20px;
   text-decoration:underline;
   FONT-FAMILY:Verdana,arial,helvetica;
}

#footer2 ul li a:hover {
   background:#369;
   color:#fff;
}
#footer2 ul li a.active:hover {
   color:#fff;
   background:#369;
}

#leftSearch {
  font-size:0.8em;
  font-weight:bold;
	padding:0 5%;
	background:#f3f2f2;
	overflow:hidden;
	position:relative;
}

.smlSearch{
	FONT-FAMILY:Verdana,arial,helvetica;
	font-size:0.9em;
}

.leftMenuContainer
{
	background: url('./images/leftMenuLinkBullet.gif') no-repeat left;
	padding: 6px 0px 2px 8px;
	margin:0 0 0 12px;
}

.leftMenuItemLink
{
	FONT-FAMILY:Verdana,arial,helvetica;
	font-size:11px;
  text-decoration:none;
  color: #000000;
	border-bottom:1px dotted #000;
  }

.leftMenuCatHeader
{
	text-align:center;
	color: #fff;
	font-size:11px;
	height:18px;
	font-weight:bold;
	margin: 6px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	background: #765c39 url('./images/MenuCatHeaderBg.gif') repeat;
}

.leftMenuCatHeaderFirst
{
	text-align:center;
	color: #fff;
	font-size:11px;
	height:18px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	background: #765c39 url('./images/MenuCatHeaderBg.gif') repeat;
}

.MainContentBanner
{
	width:100%;
	border:1px solid #d2cc9a;
}

.Content {
	FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana,arial,helvetica;
}

.ContentSmallGray {
	FONT-SIZE: 7pt; 
	FONT-FAMILY: arial,helvetica;
	color:gray;
}


#BannerText1
{
	font-size:12px;
	float:right;
}
#BannerText2
{
	font-size:11px;
	float:right;
}

.FrontPageCat
{
	font-size:11px;
}

.FrontPageCatImg
{
	margin-bottom:10px;
	border:0px;
}


h1, h2, h3,h4
{
        margin:.8em 0 .2em 0;
        padding:0;
}
p
{
	margin:.4em 0 .8em 0;
  padding:0;
}

h1  {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13pt; 
	COLOR: #765c39; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

h4
{
	font-size:12px;
  font-weight: normal;
}


#CategoryPage
{
	font-size:11px;
	color:#6b6b6b;
	margin:1em 0;
}

.Red{
	color: red;
}	

table.NormTable td
{
	FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana,arial,helvetica;;
}

.BarSep
{
background: #765c39; 
text-align:center;
color:white;
padding: 4px 0;	
FONT-WEIGHT: bold;
}

.smlTitle
{
  color:#534738;
	FONT-WEIGHT: bold; 
}

.pagestyle4 {
  border-left: solid 1px #e5d6bc;
  border-right: solid 1px #e5d6bc;
  border-bottom: solid 1px #e5d6bc;
  background-Color: #f7f7f7;
  background-repeat: repeat-y;
}

.pagestyle3 {
	padding:5px;
  border: solid 1px #877967;
  background-Color: #efe2c3;
  color:#543e20;
  background-repeat: repeat-y;
}



.tabPage {
 font-family: Tahoma; font-size: 11px; color: #333333;
}

    /* --> */