/* body styles */
html {
min-height: 100%; 
margin-bottom: 1px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-image: url(http://apps.macrolan.co.za/images/bg.png);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link, a:visited, a:active {
	font-weight: bold;	
	text-decoration: none;
	color: #1971FA;
}
#sizer {
	width: 772px;
	border: 0px;
	margin: 0px;
	clear: both;
}
#page {
	width: 100%;
	border: 0px;
	margin: 0px;
	clear: both;
}

/* header box */

#boxhead {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
}
#pgtop {
	background-image: url(http://apps.macrolan.co.za/images/head_blank.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 99px;
	width: 772px;
	clear: both;
}
#logo {
	margin: 0px;
	height: 74px;
	width: 254px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	float: left;

}

/* nav box */

#boxnav {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
}
#navigation {
	background-image: url(http://apps.macrolan.co.za/images/navigation.png);
	background-position: center;
	line-height: 28px; 
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
	clear: both;
}
#navigation h3, #navigation h1{
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	word-spacing: 3px;
}
#navigation h3 a, #navigation h1 a{
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	border-bottom: #FFFFFF dotted 1px;
}
#navigation h3 a:hover, #navigation h1 a:hover{
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: #FFFFFF dotted 1px;	
}

/* header image box */

#boxheados {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
}
#boxheadhome {
	background-image: url(http://apps.macrolan.co.za/images/headerhome.jpg);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
#boxheadcontact {
	background-image: url(http://apps.macrolan.co.za/images/headercontact.jpg);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
#boxheadabout {
	background-image: url(http://apps.macrolan.co.za/images/headerabout.jpg);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
#boxheadsupport {
	background-image: url(http://apps.macrolan.co.za/images/headerhelp.jpg);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
#boxheadsales {
	background-image: url(http://apps.macrolan.co.za/images/headeritsales.jpg);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
#boxheadinternet {
	background-image: url(http://apps.macrolan.co.za/images/headerinternet.jpg);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
#boxheadlegal {
	background-image: url(http://apps.macrolan.co.za/images/headerlegal.jpg);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
#boxheadsitemap {
	background-image: url(http://apps.macrolan.co.za/images/headersitemap.jpg);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
#boxheaddownload {
	background-image: url(http://apps.macrolan.co.za/images/headerdownload.jpg);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
#boxheadmailman {
	background-image: url(http://apps.macrolan.co.za/images/headermailman.jpg);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
#boxheadparking {
	background-image: url(http://apps.macrolan.co.za/images/headerparking.png);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
#boxheadadsl {
	background-image: url(http://apps.macrolan.co.za/images/headeradsl.png);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 772px;
	text-align: center;
	vertical-align: middle;
}
/* breadcrumbs box */

#boxbreadcrumbs {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
}
#breadcrumbs {
	background-image: url(http://apps.macrolan.co.za/images/breadcrumbs.png);
	background-position: center; 
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 772px;
	line-height: 28px;
	text-indent: 30px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	word-spacing: 3px;
}
#breadcrumbs a {
	color: #FFFFFF;
	border-bottom: 1px #FFFFFF dotted;
}

/* main content box */

#boxmain {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
}
#boxmaintop {
	background-image: url(http://apps.macrolan.co.za/images/wb_top.png);
	background-position: center;
	line-height: 0px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 772px;
	vertical-align: middle;
}
#boxmaintitle {
	background-image: url(http://apps.macrolan.co.za/images/wb_title.png);
	background-position: center;
	line-height: 25px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 772px;
	text-indent: 30px;
	vertical-align: middle;
}
#boxmaintitle h1 {
	font-size: 14px;
	font-style: normal;
	line-height: 25px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
}
#boxmainbg {
	background-image: url(http://apps.macrolan.co.za/images/wb_bg.png);
	background-repeat: repeat-y;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 772px;
}
#boxmaindata {
	background-image: url(http://apps.macrolan.co.za/images/wb_main.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 772px;
	font-size: 12px;
	line-height: normal;
	text-align: left;
}
#wbcon {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
}

/* content styles */
#wbcon h2, #wbcon h2 a, #wbcon h2 a:visited {
	color: #1971FA;
	border-bottom: #000000 dotted 1px;
	font-size: 16px;
}
#wbcon h4 a, #wbcon h4 a:visited  {
	color: #1971FA;
	padding-right: 50px;
	font-size: 16px;
	margin: 0px;
}

#boxmainbot {
	background-image: url(http://apps.macrolan.co.za/images/wb_bot.png);
	background-position: center;
	line-height: 0px;
	font-size: 1px;	
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 772px;
	vertical-align: middle;
}

/* main content box bottom space  */
#breather {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
}
#wbshadow {
	background-image: url(http://apps.macrolan.co.za/images/wb_shadow.png);
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 8px;
	width: 772px;
	line-height: 8px;
	font-size: 1px;
}

/* subcontent box */

#boxsub {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
}
#boxcontainer {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 167px;
	width: 772px;
}
#leftbox {
	margin: 0px;
	height: 167px;
	width: 242px;
	float: left;
	margin-left: 12px;
	margin-right: 11px;
	padding: 0px;
}
#middlebox {
	margin: 0px;
	padding: 0px;
	height: 167px;
	width: 242px;
	float: left;
}
#rightbox {
	margin: 0px;
	padding: 0px;
	height: 167px;
	width: 242px;
	float: left;
	margin-right: 12px;
	margin-left: 11px;
}
#lbox_top {
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 10px;
	width: 242px;
	background-image: url(http://apps.macrolan.co.za/images/lbox_top.png);
}
#lbox_mid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-image: url(http://apps.macrolan.co.za/images/lpt_tmain.png);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 147px;
	width: 242px;
}
#lbox_bot {
	font-size: 1px;
	line-height: 0px;
	background-image: url(http://apps.macrolan.co.za/images/lbox_bot.png);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 10px;
	width: 242px;
}
#lboxtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(http://apps.macrolan.co.za/images/lbox_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: 27px;
	width: 182px;
}
#lboxtitle h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-left: 10px;
}
#lboxcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	float: left;
	height: 120px;
	width: 235px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

/*  newsletter elements */

#newsletter {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}
#newsletter input {
	margin: 1px;
	font-size: 12px;
	line-height: 14px;
}
#newslettersub {
	margin: 0px;
	padding 1px;
	font-size: 10px;
}

/* footer elements  */
#boxfoot {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
}
#footer {
	width: 750px;
	clear: both;
	margin: 0px;
	text-indent: 10px;
}
#footer h3 {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 5px;
	font-weight: normal;
	word-spacing: 3px;
}
#footer h3 a {
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
}
#footer h6 {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 5px;
	text-align: left;
}
#footer h6 a {
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}