body {
		text-align:center;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 76%;
		color:#333333;
		background-color:#FFFFFF;
		}
		h1{
		font-size: 2.0em;
		font-weight: normal;
	    font-family: verdana, arial, helvetica, sans-serif;
	    color: #666666;
		background-color:#FFFFFF;
		margin: 1.2em 0em 1.2em 1.2em;
		}
		#topper {
		width:980px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		height:34px;
		}
		span.grey{
		font-size: 100%;
	    font-family: verdana, arial, helvetica, sans-serif;
	    font-weight: normal;
	    color: #666666;
		background-color:#FFFFFF;
	    }
		span.blue{
		font-size: 100%;
	    font-family: verdana, arial, helvetica, sans-serif;
	    font-weight: normal;
	    color: #666666;
		background-color:#FFFFFF;
	    }
		span.red{
		font-size: 100%;
	    font-family: verdana, arial, helvetica, sans-serif;
	    font-weight: normal;
	    color: #C21313;
		background-color:#FFFFFF;
	    }
		span.green{
		font-size: 100%;
	    font-family: verdana, arial, helvetica, sans-serif;
	    font-weight: normal;
	    color: #499047;
		background-color:#FFFFFF;
	    }
		.frametop {
		width:980px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		}
		#framehead {
		width:980px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		}
		#frame {
		width:980px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:left;
		}
		a.whitelink:link {
	color : #ffffff;
	font-weight: normal;
	text-decoration: none;
}
a.whitelink:visited {
	color : #ffffff;
	font-weight: normal;
	text-decoration: none;
}
a.whitelink:hover {
	color : #ffffff;
	font-weight: normal;
	border-bottom:1px dotted #ffffff;
}
a.whitelink:active {
	color : #ffffff;
	font-weight: normal;
	text-decoration: none;
}
	p,h1,pre {
		margin:0px 7px 10px 10px;
		}
/************************************/
/*********LEFT HAND SIDE*************/
/************************************/	
	#contentleft {
		width:219px;
		padding:0px;
		float:left;
		background:#ffffff;
		margin-top:3px;
		color:#666666;
		}
		#contentleft h2{
		color:#666666;
		background-color:#FFFFFF;
		margin:10px 0 4px 0;
		font-size:1em;
		}
			#headerleft {
		width:219px;
		padding:0px;
		float:left;
		margin-top:3px;
		height:166px;
		}
			.topleft {
		width:601px;
		padding:0px;
		float:left;
		background-color:#99CC00;
		height:44px;
		color:#000000;
		}
		.topleft p{
		text-align:left;
		padding:15px 0 0 16px;
		font-size:11px;
		font-family: verdana, arial, helvetica, sans-serif;
		}
		form#search {
		padding:0 0 0 36px;
		float:left;
		height:22px;
		display: inline;
        }
		.inputbox {
	float: left;
	clear: right;
	border: 1px solid #cccccc;
      }
	  .gobut {
margin-top:2px;
margin-left:4px;
}
#navleft ul.lock
{
margin: 0 0 0 0;
padding: 0px 0 0 0;
list-style-type: none;
}
#navleft ul
{
margin: 0 0 0 0;
padding: 0px 0 0 0;
list-style-type: none;
}
#navleft li { 
margin: 0 0 1px 0; 
}
#navleft a {
display: block;
color: #333333;
background-color: #f0f0f0;
width: 195px;
padding: 4px 0 0 24px;
text-decoration: none;
font-size:12px;
height:18px;
margin: 0;
text-align:left;
}
#navleft a:hover{
background-color: #cccccc;
color: #000000;
}
#activemain a:link, #activemain a:visited,
#activemain a:hover, #activemain a:active {
	background-color: #99CC00;
	color: #ffffff;
}
#activesub a:link, #activesub a:visited,
#activesub a:hover, #activesub a:active {
	background-color: #99CC00;
	color: #ffffff;
}
/************************************/
/**************MIDDLE****************/
/************************************/	
	#contentcenter {
		width:750px;
		padding:0px;
		float:left;
		margin:3px;
		}
		#contentcenter h1{
		font-size: 2.0em;
		font-weight: normal;
	    color: #666666;
		background-color:#FFFFFF;
		margin: 1.2em 0em 1.2em 1.2em;
		}
		#contentcenter h2{
		font-size: 1.7em;
		margin: 1.2em 0em 1.2em 0em;
		font-weight: normal;
	    color: #666666;
		background-color:#FFFFFF;
		margin: 1.2em 0em 1.2em 1.2em;
		}
		#contentcenter h3{
		font-size: 1.4em;
		margin: 1.2em 0em 1.2em 0em;
		font-weight: normal;
	    color: #666666;
		background-color:#FFFFFF;
        margin: 1.2em 0em 1.2em 1.2em;
		}		
		#contentcenter p{
		font-size: 1.0em;
		line-height: 1.8em;
		margin: 1.2em 0em 1.2em 1.2em;
		}
			#headercenter {
		width:379px;
		padding:0px;
		float:left;
		margin:3px 0px 0px 3px;
		height:166px;
		}
		img.print {
	float: right;
	vertical-align: middle;
	padding:10px 2px 0 0;
	border:0;
}
		img.prod {
	float: right;
	vertical-align: middle;
	padding:10px 2px 0 0;
	border:0;
}
/************************************/
/**************MIDDLE WIDE***********/
/************************************/
	#contentwide {
		width:750px;
		padding:0px;
		float:left;
		margin:3px 0px 3px 3px;
		}
		#contentwide h1{
		font-size: 2.0em;
		font-weight: normal;
	    color: #339900;
		background-color:#FFFFFF;
		}
		#contentwide h2{
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em .5em;
	font-weight: normal;
	    color: #990000;
		background-color:#FFFFFF;
		padding-bottom:5px;
		background-image: url(images/h2-bg.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		}
		#contentwide h3{
	font-size: 1.4em;
	font-weight: normal;
	    color: #666666;
		background-color:#FFFFFF;
		}		
		#contentwide p{
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 1.2em 0em 1.2em 1.2em;
		}
		#contentwide li{
	list-style-image: url(images/liimage.gif);
	padding: 1px 5px 5px 5px;
		}
		div.row span.left {
float: left;
text-align: left;
width: 39%;
padding-left:10px;
}
div.row span.right {
float: right;
text-align: right;
width: 39%;
padding-right:10px;
 }
/***********Products Section***********/
a.breadprod:link {
	color : #034975;
	font-size:12px;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color:#FFFFFF;
}
a.breadprod:visited {
	color : #034975;
	font-size:12px;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color:#FFFFFF;
}
a.breadprod:hover {
	color : #034975;
	font-size:12px;
	text-decoration: underline;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color:#FFFFFF;
}
a.breadprod:active {
	color : #034975;
	font-size:12px;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color:#FFFFFF;
}
span.price {
  font-size: 110%;
  color: #666666;
  font-weight: bold;
}
/***********Products Section Home Layout***********/
.prodcat {
width:183px;
height:196px;
padding: 2px 2px 2px 2px;
float:left;
border-bottom:1px dotted #cccccc;
border-right:1px dotted #cccccc;
text-align:center;
}
.prodcatend {
width:183px;
height:196px;
padding: 2px 2px 2px 2px;
float:left;
border-bottom:1px dotted #cccccc;
text-align:center;
}
div.detail {
float:right;
padding:2px 4px 2px 4px;
margin: 9px 9px 9px 0;
text-align:center;
vertical-align:bottom;
background-color:#666666;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
	  .enquire {
margin-right:4px;
float:right;
}
.prodcatother {
width:268px;
height:183px;
padding: 2px 2px 2px 2px;
float:left;
border-bottom:1px dotted #cccccc;
border-right:1px dotted #cccccc;
text-align:center;
}
.prodcatendother {
width:268px;
height:183px;
padding: 2px 2px 2px 2px;
float:left;
border-bottom:1px dotted #cccccc;
text-align:center;
}
/***********Products Section New Layout***********/
TD.normalsizetext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: normal;
}
TD.smalltext{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	vertical-align: top;
}
TD.Imagetitle{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	vertical-align: top;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#EEEEEE;
	color:#000000;
	text-align:center;
}
span.faqnum {
	font-size: 1em;
    color : #FFFFFF;
    background-color:#666666;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
}
span.faqnum2 {
    font-size: 1em;
    color : #FFFFFF;
	background-color:#666666;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
td.gal{
	line-height: normal;
	color: #000000;
	letter-spacing: 0.5px;
	text-align:center;
    padding: 10px 0px 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #f0f0f0;	
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #f0f0f0;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #f0f0f0;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #f0f0f0;
	vertical-align:top;
	height:160px;
}
.fade img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8; 
}

.fade:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
td.galmain {
text-align:center;
}
/************************************/
/***********RIGHT HAND SIDE**********/
/************************************/			
	#contentright {
		width:166px;
		padding:0px;
		float:left;
		margin-top:0px;
		}
      .headerright {
		width:166px;
		padding:0px;
		float:right;
		margin-top:3px;
		font-size:10px;
		}

	.topright {
		width:379px;
		padding:0px;
		float:right;
		color:#000000;
		height:44px;
		background-color:#99CC00;
		}
		.topright p{
		text-align:left;
		padding:15px 0 0 16px;
		font-size:11px;
		font-family: verdana, arial, helvetica, sans-serif;
		}
		table.eventcal {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #797E90;
	border-left-color: #797E90;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #797E90;
	border-bottom-color: #797E90;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
}
td.eventtd {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	border-top-color: #797E90;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #797E90;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #797E90;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #797E90;
	border-left-style: solid;
	border-left-width: 1px;
	text-align: center;
}
td.eventtoday {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	text-align: center;
	background-color: #B5DEA0;
}
td.eventhappen{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	border-top-color: #797E90;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #797E90;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #797E90;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #797E90;
	border-left-style: solid;
	border-left-width: 1px;
	text-align: center;
	background-color: #D6D6D6;
}
td.eventhappentoday{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	text-align: center;
	background-color: #B5DEA0;
}