body {
	background: #ffffff;
}

a:active {
border:0;
outline:none;
}

#linkers a {
cursor: pointer;
}

img {
border: 0;
text-decoration: none;
}

img a {
border: 0;
text-decoration: none;
}

a {
outline:none;
text-decoration: none;
}

#pagebg {
	background-image: url(../images/pagebg.png);
	background-repeat: repeat-x;
	background-position: 0px - 15px!important;
	background-position: 0px - 13px;
}

*, html, body {margin: 0; padding: 0;}

a.img{border: 0;}
a:focus {outline: 0;}
ul {padding-left: 20px;}

#headerblock {
	margin: 0px;
	padding: 0px;
}

#logo {float: left; margin-left: 15px;}
#logo h1 a { display: block; text-indent: -5000px; text-decoration: none; line-height: 60px; margin-top: 17px;}
#logo h1 { background: none;}
#logo h1 {margin: 0; padding: 0;}

h1 {
	margin: 0;
}
h2 {
	margin: 0;
}

h3 {
	margin: 0;
}

.wrap_outer {
	margin: 0px auto;
	width: 960px;
}

.topbar {width: 960px; height: 12px; background: url(../images/topbar.png) no-repeat center bottom;}
 #header {
 background: url(../images/header.png) no-repeat top center; 
height: 111px; width: 960px;
/*background-image: url("http://sanatural.co.za/media/images/spriteme1.png");
background-position: -10px -42px;*/
}

.inner_wrap {background: url(../images/bgwrap.png) repeat-y center bottom; padding:7px 0px 0px 0px; margin: 0px;}
table#content {width: 932px; margin: 0px auto 0px auto;}
table#content-wide {width: 932px; margin: 0px 15px 0px 15px;}
.main_top,
.main_top-both,
.main_top-left-only {
	 background: url(../images/main_top.png) no-repeat right top; height: 8px; 
  /*background-image: url("http://sanatural.co.za/media/images/spriteme1.png");
  background-position: -4px -224px;*/
}

.main_top-wide,
.main_top-right-only {
	background: url(../images/main_top_wide.png) no-repeat left top;
	height: 8px;
	width: 931px;
}

td.mainbody,
td.mainbody-both,
td.mainbody-left-only {
	background: url(../images/main_content.png) repeat-y 6px 0px;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

td.mainbody-right-only {
	background: url(../images/main_content_wide.png) repeat-y left top;
	vertical-align: top;
	border: none;
}

td.mainbody-wide {
	background: url(../images/main_content_wide.png) repeat-y left top; vertical-align: top; padding: 0; margin: 0;
} 

.footer,
.footer-both,
.footer-left-only {
	 background: url(../images/footer.png) no-repeat center bottom; 
  /*background-image: url("http://sanatural.co.za/media/images/spriteme1.png");
  background-position: -10px -252px;*/
	width: 960px; height: 26px;
	clear: both;
	border: none;
	margin: 0px;
	padding: 0;
}

.footer-wide {background: url(../images/footer_wide.png) no-repeat center bottom; width: 960px; height: 26px; clear: both; border: none; margin: 0px auto; padding: 0;}
.footer-right-only {
	background: url(../images/footer_wide.png) no-repeat center bottom;
	width: 960px;
	height: 26px;
	clear: both;
	border: none;
	margin: 0px auto;
	padding: 0;
}

.banners {
	width: 100%;
}

td#leftcol {vertical-align: top; width: 193px;}
td#leftcol .inside {
	background-image: url(../images/left_top.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 193px;
}

#teaserblock {padding: 0px 0px 5px 0px; width: 100%; z-index: -1;}
#teaserblock .inside {padding: 2px 0px 0px 0px;margin: 0px 0px 0px 6px;}
#teaserblock .moduletable {margin: 0; padding: 0;}
#teaserblock .moduletable h3 {margin: 0; padding: 0;}

div.maincontent-both
{float:left; padding: 0px; margin: 0; width: 500px !important; width: 500px; position: relative; left: 18px;}

div.maincontent-wide
{padding: 0px; margin: 0px; width: 900px!important; position: relative; left: 18px;}

div.maincontent-right-only
{float:left; padding: 0px; margin: 0; width: 695px !important; position: relative; left: 18px;}

div.maincontent-left-only
{float: left; padding: 0px; margin: 0; width: 708px !important; position: relative; left: 18px;}

/*All Modules*/
/*RIGHT MODULES*/
#rightcol {float: right; width: 210px!important; width: 185px; margin:0; padding: 0;}
#rightcol .inside {padding:0px 5px;}

/*LEFT MODULES*/
#leftcol .moduletable h3
{
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 0px;
	position: relative;
	letter-spacing: -.5px;
}

#leftcol .moduletable {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 10px;
}

#leftcol td.contentheading, #leftcol .contentheading
 {
	border-bottom: none;
}

/*INNER MODULES*/
.back_button, .pagenav_prev, .pagenav_next {text-align: center;}
.buttonheading {padding: 0px 2px;}
#searchbar {width: 154px; height: 20px;float: right; position: relative; top: 10px; left: -20px; background: url(../images/searchbar.gif) no-repeat center; padding-left: 5px;}
.searchmod {
	border: 0px none;
	padding: 0px 2px;
	margin: 0;
	height: 16px;
	font-family: Arial;
	font-size: 14px;
	color: #326400;
	position: relative;
	top: 2px;
}

/*Joomla Specific Display*/
.small,.modifydate,.createdate {color: #96c87d; text-align: left; font: 11px Tahoma, Verdana, Helvetica; text-transform: uppercase;}
.createdate {top:-3px;}
.inputbox {color: #c8c8c8; background: #ffffff; border: 1px solid #969696; color: #323232;}
.button {background: #4b9600; border: 1px solid #c8c8c8; color: #ffffff; line-height: 100%; font-size: 10px; padding: 2px;}
.article_seperator {width: 100%; height: 16px;}
#contact_text {width: 300px;}
table.contentpaneopen, table.contentpane, table.blog {border-collapse: collapse; padding: 0; margin: 0; width: 100%;}
div div .syndicate div {margin: 5px; padding: 0;}

/*Joomla Tables*/
td.sectiontableheader {color: #326400; font-weight: bold; background: #d2e6be; height: 25px;padding: 4px;}
tr.sectiontableentry1 td {padding: 4px;background-color: #f4f9ef;}
tr.sectiontableentry2 td {padding: 4px;background-color: #e9f3df;}
td.sectiontableentry1 {padding: 4px;background-color: #f4f9ef;}
td.sectiontableentry2{padding: 4px;background-color: #e9f3df;}
.sectiontableentry2 a, .sectiontableentry1 a  {padding-left: 5px;}

/*Read More Link Styles*/
a.readon, a.readon:hover {margin-top: 10px; display: block; float: right; line-height: 12px; background: url(../images/readon.gif) no-repeat left center;
  /*background-image: url("http://sanatural.co.za/media/images/spriteme1.png");
  background-position: -10px -488px;*/
 text-indent: 16px;}

#leftcol a.readon {
	background: none;
	text-decoration: underline;
}

/*Polls*/
table.pollstableborder td {padding: 0; text-align: left; background: none;}
.pollstableborder td {text-align: left; font: 10px Arial; padding: 3px 0px 3px 5px; vertical-align: middle;}

/*Print and Email View*/
body.contentpane {background: #ffffff}

/*Keeps the blog tables from crowding*/
table.contenttoc {margin: 5px; padding: 0px; float: right;}

/*Article Index*/
table.contenttoc {margin: 5px; padding: 5px;}
table.contenttoc td {padding: 0px 7px;}
table.contenttoc th {padding: 0px 10px; font-size: 10px; color: #c8c8c8; background: #323232;}
.contentheading {width: 100%;}

/*Content Links*/
td.contentheading, .contentheading
{
	text-align: left;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

td.contentheading a, .contentheading a
{
	text-decoration: none;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

a.contentpagetitle:link,
a.contentpagetitle:visited {
	text-align: left;
	text-decoration: none;
}

/*Some bonus custom styles*/
ol {margin-left: 25px;}

/*Sidenav Menus must be set to flat list in order to be styled correctly otherwise sublevels get messed up*/
#leftcol ul#mainlevel, #leftcol ul#mainlevel-sidenav,#leftcol ul#mainlevel-sidenav2
{list-style:none;padding: 0px 0px 0px 5px; position: relative;}
#leftcol ul#mainlevel li a,
#leftcol ul#mainlevel-sidenav li a,
#leftcol ul#mainlevel-sidenav2 li a
{
padding-left: 18px;
padding-top: 1px;
display: block;
width: 90%;
}

/*Sidenav Links*/
#leftcol ul#mainlevel a:hover,
#leftcol ul#mainlevel-sidenav a:hover,
#leftcol ul#mainlevel-sidenav2 a:hover
{
padding-left: 18px;
padding-top: 1px;
background: url(../images/sidenavover.png) no-repeat left center;
display: block;
}

#leftcol ul#mainlevel a#active_menu,
#leftcol ul#mainlevel-sidenav a#active_menu-sidenav,
#leftcol ul#mainlevel-sidenav2 a#active_menu-sidenav2
{
padding-left: 18px;
padding-top: 1px;
background: url(../images/sidenavover.png) no-repeat left center;
display: block;
}

/*Sidenav Menus when used as a vertical (TABLED) style*/
#leftcol a.mainlevel:link,#leftcol a.mainlevel:visited,#leftcol a.mainlevel-sidenav:link,#leftcol a.mainlevel-sidenav:visited {
padding-left: 18px;
padding-top: 3px;
padding-bottom: 1px;
background: url(../images/sidenavover.png) no-repeat 0px 5px;
display: block;
margin: 0;
width: 90%;
}

#leftcol a.mainlevel:hover, #leftcol a.mainlevel-sidenav:hover {
padding-left: 18px;
padding-top: 3px;
padding-bottom: 1px;
background: url(../images/sidenavover.png) no-repeat 0px 5px;
display: block;
margin: 0;
width: 90%;
}

#leftcol a.mainlevel#active_menu, #leftcol a.mainlevel-sidenav#active_menu-sidenav {
text-decoration: none;
padding-left: 18px;
padding-top: 3px;
padding-bottom: 1px;
background: url(../images/sidenavover.png) no-repeat 0px 5px;
display: block;
font: bold 12px/18px Arial;
color: #c8c8c8;
margin: 0;
width: 90%;
}

#leftcol a.mainlevel#active_menu:hover, #leftcol a.mainlevel-sidenav#active_menu-sidenav:hover {
padding-left: 18px;
padding-top: 3px;
padding-bottom: 1px;
background: url(../images/sidenavover.png) no-repeat 0px 5px;
display: block;
margin: 0;
width: 90%;
}
#leftcol li.mostread {padding-bottom: 3px;}
#leftcol li.latestnews {padding-bottom: 3px;}

/*Sidenav Menus must be set to flat list in order to be styled correctly otherwise sublevels get messed up*/
#rightcol ul#mainlevel,
#rightcol ul#mainlevel-sidenav,
#rightcol ul#mainlevel-sidenav2
{list-style: none; padding: 0px 0px 0px 5px; position: relative;}
#rightcol ul#mainlevel li a,
#rightcol ul#mainlevel-sidenav li a,
#rightcol ul#mainlevel-sidenav2 li a
{
padding-left: 18px;
padding-top: 1px;
background: url(../images/sidenav_over_right.png) no-repeat left center;
display: block;
width: 90%;
}

/*Sidenav Links*/
#rightcol ul#mainlevel a:hover,
#rightcol ul#mainlevel-sidenav a:hover,
#rightcol ul#mainlevel-sidenav2 a:hover
{
padding-left: 18px;
padding-top: 1px;
background: url(../images/sidenav_over_right.png) no-repeat left center;
display: block;
}

#rightcol ul#mainlevel a#active_menu,
#rightcol ul#mainlevel-sidenav a#active_menu-sidenav,
#rightcol ul#mainlevel-sidenav2 a#active_menu-sidenav2
{
padding-left: 18px;
padding-top: 1px;
background: url(../images/sidenav_over_right.png) no-repeat left center;
display: block;
}

/*Sidenav Menus when used as a vertical (TABLED) style*/
#rightcol a.mainlevel:link,
#rightcol a.mainlevel:visited,
#rightcol a.mainlevel-sidenav:link,
#rightcol a.mainlevel-sidenav:visited {
padding-left: 18px;
padding-top: 3px;
padding-bottom: 1px;
background: url(../images/sidenav_over_right.png) no-repeat 0px 5px;
display: block;
margin: 0;
width: 90%;
}

#rightcol a.mainlevel:hover,
#rightcol a.mainlevel-sidenav:hover {
padding-left: 18px;
padding-top: 3px;
padding-bottom: 1px;
background: url(../images/sidenav_over_right.png) no-repeat 0px 5px;
display: block;
margin: 0;
width: 90%;
}

#rightcol a.mainlevel#active_menu,
#rightcol a.mainlevel-sidenav#active_menu-sidenav {
padding-left: 18px;
padding-top: 3px;
padding-bottom: 1px;
background: url(../images/sidenav_over_right.png) no-repeat 0px 5px;
display: block;
margin: 0;
width: 90%;
}

#rightcol a.mainlevel#active_menu:hover,
#rightcol a.mainlevel-sidenav#active_menu-sidenav:hover {
padding-left: 18px;
padding-top: 3px;
padding-bottom: 1px;
background: url(../images/sidenav_over_right.png) no-repeat 0px 5px;
display: block;
margin: 0;
width: 90%;
}

/*rounded modules light-style (only for right position*/
div.module h3 {
	font-weight: bold;
	color: #000000;
	margin: 0;
	font-family: Arial;
	font-size: 14px;
	line-height: 22px!important;
	font-weight: normal;
	letter-spacing: -.5px;
}

div.module {
margin: 0px 0px 5px 0px;
background: transparent;  border: 0px solid #ffffff;
}

div.module div {
}

div.module div div {
}

div.module div div div {
}

div.module div div div div {
	background: none;
	padding: 0;
}

div.module .mostread li, div.module .latestnews li, div.module p, div.module a {color: black;}
div.module li.mostread {list-style: none; padding-bottom: 3px;}
div.module li.latestnews {list-style: none; padding-bottom: 3px;}
div.module ul.latestnews {list-style: none; margin: 0; padding: 0;}
div.module ul.mostread {list-style: none; margin: 0; padding: 0;}

/*rounded modules light-style (only for right position*/
div.modulelight h3 {
	font-weight: bold;
	margin: 0px;
	font-size: 14px;
	line-height: 22px!important;
	font-weight: normal;
	letter-spacing: -.5px;
	padding-left: 7px;
}

div.modulelight {
margin:0px 0px 5px 0px;
background: transparent url(../images/light_box_bl.png) no-repeat bottom left;  border: 0px solid #ffffff;
}

div.modulelight div {
background: transparent url(../images/light_box_br.png) no-repeat bottom right;
}

div.modulelight div div {
background: transparent url(../images/light_box_tl.png) no-repeat top left;
}

div.modulelight div div div {
background: transparent url(../images/light_box_tr.png) no-repeat top right;
padding: 10px 15px 10px 15px;
width: auto !important;
width: 100%;
}

div.modulelight div div div div {
background: none;
padding: 0;
}

div.modulelight li.mostreadlight {list-style: none; padding-bottom: 3px;}
div.modulelight li.latestnewslight {list-style: none; padding-bottom: 3px;}
div.modulelight ul.latestnewslight {list-style: none; margin: 0; padding: 0px 0px 0px 5px;}
div.modulelight ul.mostreadlight {list-style: none; margin: 0; padding: 0px 0px 0px 5px;}
/*rounded modules mid-style (only for right position*/

div.modulemid h3 {
	font-weight: bold;
	margin: 0px;
	font-size: 14px;
	line-height: 22px!important;
	font-weight: normal;
	letter-spacing: -.5px;
	padding-left: 7px;
}

div.modulemid {
margin: 0px 0px 5px 0px;
background: transparent url(../images/mid_box_bl.png) no-repeat bottom left;  border: 0px solid #fff;
color: #c8c8c8;
}

div.modulemid div {
background: transparent url(../images/mid_box_br.png) no-repeat bottom right;
}

div.modulemid div div {
background: transparent url(../images/mid_box_tl.png) no-repeat top left;
}

div.modulemid div div div {
background: transparent url(../images/mid_box_tr.png) no-repeat top right;
padding: 10px 15px 10px 15px;
width: auto !important;
width: 100%;
}

div.modulemid div div div div {
background: none;
padding: 0;
}

div.modulemid li.mostreadmid {list-style: none; padding-bottom: 3px;}
div.modulemid li.latestnewsmid {list-style: none; padding-bottom: 3px;}
div.modulemid ul.latestnewsmid {list-style: none; margin: 0; padding: 0px 0px 0px 5px;}
div.modulemid ul.mostreadmid {list-style: none; margin: 0; padding: 0px 0px 0px 5px;}
/*rounded modules dark-style (only for right position*/

div.moduledark h3 {
	font-weight: normal;
	margin: 0;
	font-size: 14px;
	line-height: 22px!important;
	font-weight: normal;
	letter-spacing: -.5px;
	padding-left: 7px;
}

div.moduledark {
margin: 0px 0px 5px 0px;
background: transparent url(../images/dark_box_bl.png) no-repeat bottom left;  border: 0px solid #ffffff;
}

div.moduledark div {
  background: transparent url(../images/dark_box_br.png) no-repeat bottom right;
}

div.moduledark div div {
  background: transparent url(../images/dark_box_tl.png) no-repeat top left;
}

div.moduledark div div div {
	background: transparent url(../images/dark_box_tr.png) no-repeat top right;
	padding: 10px 15px 10px 15px;
	width: auto !important;
	width: 100%;
}

div.moduledark div div div div {
	background: none;
	padding: 0;
}

div.moduledark li.mostreaddark {list-style: none; padding-bottom: 3px;}
div.moduledark li.latestnewsdark {list-style: none; padding-bottom: 3px;}
div.moduledark ul.latestnewsdark {list-style: none; margin: 0; padding: 0px 0px 0px 5px;}
div.moduledark ul.mostreaddark {list-style: none; margin: 0; padding: 0px 0px 0px 5px;}

/*end rounded modules*/
.back_button {
	float: left;
	text-align: center;
  font-size: 10px;
  font-weight: bold;
  border: 3px double #c8c8c8;
  width: auto;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 0px double #c8c8c8;
  width: auto;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

blockquote {padding: 5px; border: 1px dashed #c8c8c8; background: #fafafa; color: #323232; margin: 3px; font-size: 10px;}
.designer, .designer a, .designer a:visited {text-align: center; text-decoration: none; margin-bottom: 10px; font: 10px normal Arial; color:#326400;}

/* Our img elements */

#mapDiv {
position:relative;
width: 500px;
height: 375px;
margin-left:110px;
background: url(http://www.sanatural.co.za/media/images/map/rsa_prov.png) no-repeat;
color:#ffffff;
} 


#mapDiv img {
border: 0px;
text-decoration: none;
cursor: pointer;
}



#nc {
position:absolute;
left:25px;
top:85px
}

#nw {
position:absolute;
left:193px;
top:82px;
}

#wc {
position:absolute;
left:61px;
top:239px;
}

#ec {
position:absolute;
left:197px;
top:227px;
}

#fs {
position:absolute;
left:240px;
top:136px;
}

#kzn {
position:absolute;
left:365px;
top:140px;
}

#gt {
position:absolute;
left:315px;
top:98px;
}

#mp {
position:absolute;
left:348px;
top:63px;
}

#lp {
position:absolute;
left:297px;
top:14px;
}

/*Display Div*/
#targetDiv {
width: auto;
min-height: 300px;
margin-left:10px;
}

.cDiv {
width: auto;
height: auto;
padding-bottom: 5px;
}

.cleft {
width: 150px;
float:left;
height: 18px;
font-weight:bold;
}

.cright {
width: 535px;
float:left;
height: 18px;
}

.space{
clear: left;
}

#targetDiv img {
margin: 20px 0px 0px 100px;
}

#targetDiv1 {
width: 700px;
height: 40px;
margin-top:15px;
margin-left:10px;
}

#targetDiv1 #form1 span {
width:200px;
margin-left:5px;
color:#fa9619;
font-weight: bold;
font-size: 16px;
}

#targetDiv1 #form1 #opts {
width:200px;
margin-left:15px;
font: verdana;
}

#targetDiv h1 {
color:#fa9619;
}

#map_header {
margin-left:100px;
margin-bottom:10px;
}

#map_header h1 {
color:#fa9619;
}

#formDiv {
width: 500px;
height: 420px;
}

#formDiv div {
width:510px;
margin-bottom: 15px;
margin-right: 10px;
}

#formDiv div .llabel {
width:100px;
float:left;
font-weight:bold;
}

#formDiv div .adlabel {
width:150px;
float:left;
}

#formDiv div .rlabe {
width:390px;
float:left;
}

.field, .tarea {
margin-left:40px;
width:300px;
}

.clear {
clear:both;
margin-top:5px;
margin-bottom:10px;
}

.f_submit {
float: right;
margin-right:60px;
}

/*   Supplier Table       */
#homediv table {
border: 1px solid #5f8444;
width: 100%;
}

#homediv table td {
border: 1px solid #e3e3e3;
text-align:center;
padding:2px;
}

#published_list {
border: 1px solid #5f8444;
width: 100%;
}

#published_list td {
border: 1px solid #e3e3e3;
text-align:center;
padding:2px;
}

#homediv img {
margin: 20px 0px 0px 100px;
}

#InnerMap {
background-image: url("http://sanatural.co.za/media/images/spriteme1.png"); 
background-position: -10px -300px;
}