/* Webvance Website Development
Green #8fb813 Text #5f5f5f Tahoma Width 860px */

html, body {
font-size:12px;
font-family: 'Tahoma', 'Lucida Grande', Verdana, Arial, Sans-Serif;
background:#fff url('images/bkg.gif') 50% repeat-y;
color:#5f5f5f;
text-align:left;
margin:0;
padding:0;
height: 100%;
}


table.container {height:100%; width:955px; border:none; border-spacing:0; padding:0;}
td.leftside {color:#fff; font-size:11px; text-align:right;}

img.headerimg {float:right; margin-top:12px; margin-bottom:20px; margin-right:24px;}


/* MENU and BUTTONS */
a.but1, a.but2, a.but3, a.but4 {display:block; width:187px; height:57px; margin-bottom:11px; margin-right:30px; float:right;}
a.but1 {background:url('images/buttons.gif') no-repeat 0 0; clear:both;}
a.but2 {background:url('images/buttons.gif') no-repeat 0 -68px;}
a.but3 {background:url('images/buttons.gif') no-repeat 0 -137px;}
a.but4 {background:url('images/buttons.gif') no-repeat 0 -206px;}
/* end MENU and BUTTONS */


/* GENERAL SETTINGS */
a {color:#688c2d; text-decoration:none;}
a:hover {color:#3f5d24; text-decoration:underline;}
a:active {outline:none;}
a:focus {-moz-outline-style:none;}
a img {border:none;}

td.leftside {width:260px; background-color:#8fb813; vertical-align:top; border-right: 2px solid #c6d1b3;}
td.leftside p {margin-right:34px; clear:both;}
td.leftside p a {color:#fff; text-decoration:none;}
td.leftside p a:hover {color:#fff; text-decoration:underline;}

td.rightside {width:632px; vertical-align:top; padding-left:30px; padding-bottom:40px;}

p {line-height:16px;}

.clear {clear:both;}

.hidden,.hide {display:none;}

img {border:none;}

/* end GENERAL SETTINGS */

/* HEADINGS */
#hbkg {width:573px; height:99px; display:block; margin-top:30px; margin-bottom:14px;}
#hbkg h1 {padding-top:60px;}

.h-welcome {background:url(images/hbkg-welcome.gif) left no-repeat;}
.h-supermarkets {background:url(images/hbkg-supermarkets.gif) left no-repeat;}
.h-food-service {background:url(images/hbkg-food-service.gif) left no-repeat;}
.h-contact {background:url(images/hbkg-contact.gif) left no-repeat;}

h1, h2, h3 ,h4 {font-weight:normal; color:#8fb813; text-decoration:none;}
h1 {font-size:25px;}
h3 {font-size:14px; margin-bottom:0px;}

/* end HEADINGS */

/* CONTENT */
p.txtimg img {padding: 6px 0 20px 20px; float:right;}

.mreset {margin:0;}
.ml-acc {margin-left:40px;}
.mr-acc {margin-right:40px;}

.inline2 {width:300px; display:inline-block; margin-top:20px; vertical-align:top;}



.inline3 {width:270px; display:inline-block; margin-top:20px; vertical-align:top; text-align:justify;}
.in3margin {margin-left:40px;}
.inline3 ul {list-style-type:none; padding:0;}
.inline3 p {line-height:18px;}

ul.featlist,ul.advfeat {margin-top:10px; font-weight:400;}
ul.featlist li, ul.advfeat li {list-style-type:none; background:url('images/tick-s.png') left no-repeat; text-indent:14px; font-size:10px;}
ul.featlist li {margin:0 0 4px 202px;}

ul.advfeat ul {margin-bottom:16px;}
ul.advfeat li {margin:4px 0 0;}

ul.featlist li.listhead, ul.advfeat li.listhead {background:none; text-indent:0;}

ul.genlist li {list-style-type:none; background:url('images/tick-m.png') left no-repeat; text-indent:30px; line-height:18px; margin:0 0 4px;}
ul.genlist li.first {background:none;}

.learnm {display:inline-block; width:79px; height:23px; background:url('images/learn_more.png') no-repeat 0 0;}
.learnm:hover {background-position:0 -23px;}

p.hoverbutr {float:right; margin:0; padding:0;}

.cemail {display:inline-block; width:59px; height:27px; background:url('images/email.png') no-repeat 0 0;}

.cenq, .cgall {display:inline-block; width:104px; height:27px;}
.cenq {background:url('images/call_enquire.png') no-repeat 0 0;}
.cgall {background:url('images/call_gallery.png') no-repeat 0 0;}
.cenq:hover,.cgall:hover,.cemail:hover {background-position:0 -27px;}

p.pone {margin-top:20px; margin-bottom:0;}



.mbreset,p.mbreset {margin-bottom:0;}
/* End CONTENT */


/* CONTACT */
td.field input,td.field textarea {font-family:Helvetica, sans-serif; font-size:15px; border:2px solid #ececec; margin:0 0 10px; padding:5px;}

td.submit input.submit {cursor:pointer;}

td.field textarea {height:90px; width:400px;}
td.field textarea:focus, td.field input:focus {border:2px solid #ccc;}

td.label,td.label2 {width:80px; font-size:14px; vertical-align:top; padding-top:6px; padding-right:12px; text-align:right; font-weight:700;}

label.error {position:absolute; color:red; font-size:11px; padding-left:.5em;}

td.validate {vertical-align:top; padding-top:3px;}

td.submit {text-align:right;}

tr.padr20 td {padding-right:20px;}

tr.val_row {height:27px;}

.tab_top {margin-top:13px;}
/* end CONTACT */