/* Massmart - Ince (PTY) Ltd - March 2008 */

body {background: #FFF url('../i/bg.gif') repeat-x ; 
	  margin:0; 
	  padding:0; 
	  font-family: Arial, Verdana, Helvetica, sans-serif;
	  text-align: left;
	  font-size:0.7em; color:#000;}

/* TOP */
.home-banner {height:192px; background:#295d9e; margin:69px 0 0 0; border-bottom:2px #fff solid; padding:0; width:960px; text-align:left;}
.banner-box1 {position:absolute; top:92px; left:0; background: url('../i/top_image_1.jpg') no-repeat top left; width:478px; height:192px}
.banner-box2 {text-align:left; height:192px; width:209px; border-right:2px solid #FFF; margin:0 0 0 478px; font-size:1.1em;}
*html .banner-box2 {text-align:left; height:192px; width:209px; border-right:2px solid #FFF; margin:0 0 0 480px; font-size:1.1em;}
.banner-box2 p {padding:5px 10px 3px 10px; color:#6AAAB7;}
.banner-box2 p span {color:#FFF; font-size:1.45em;}
.banner-box3 {position:absolute; top:92px; right:0; z-index:1; background:#768993; width:271px; height:192px; margin:0 0 0 0; padding:0 0 0 0; text-align:left; border-bottom:0px #fff solid;}
*html .banner-back {position:absolute; top:92px; right:3px; background:#6aaab9; width:240px; margin-top:0; height:192px;}
*html .banner-box3 {position:absolute; top:92px; right:3px; background:#768993; width:271px; margin-top:0; text-align:left; border-bottom:1px #fff solid;}
.banner-box3 h1 {padding:5px 0 0 5px; margin:0 0 4px 0; color:#cdd2d6; text-align:center;}
.banner-box3 table {font-size:0.7em; width:240px; text-align:center;}
.banner-box3 table tr td {padding:1px; background:#fff; height:45px;}
.banner-box3 p {color:#FFF; padding:0; margin:0;}
.banner_tbl {margin:0; padding:0;}
.banner_tbl tr td {margin:0; padding:0; text-align:left; border-right:2px #fff solid;}


/* MAIN */
#pgloader {visibility: hidden;}
#outer {position:relative; z-index:1; min-width:966px; width:966px;}
#content {position:relative; width:960px; text-align:left; margin:30px 0 0 0;}
#content_tbl {width:960px;}
#content_tbl tr td {vertical-align:top;}
#box1 {background:#CDD2D6; padding:10px; border-right:1px #fff solid; width:33%;}
#box1 h1 {font-size:1.7em; font-weight:normal; color:#768a92; margin:0 0 6px 0; padding:0;}
#box1 h2 {font-size:1.1em; font-weight:normal; color:#2A5D9D; margin:0 0 15px 0; padding:0;}
#box1 p {margin:0 0 12px 0;}
#box1 hr {color:#666;}
#box1 .clearleft {clear:left; height:0; line-height:0;}
#box1 .flt_l {float:left; padding:0 10px 10px 0;}
#box2_mid {background:#cdd2d6; padding:10px; border-right:1px #fff solid; width:33%;}
#box2_mid h1 {font-size:1.7em; font-weight:normal; color:#768a92; margin:0 0 6px 0; padding:0;}
#box2_mid h2 {font-size:1.1em; font-weight:bold; color:#000; margin:20px 0 8px 0; padding:0;}
#box2_mid ul {list-style-type:none; margin:0; padding:0;}
#box2_mid li {list-style-type:none; margin:0; padding:0 0 15px 20px;}
#box2_mid a {display:block; padding:2px 5px 2px 5px; color:#000; text-decoration:none;}
#box2_mid a:hover {color:#295e9d; text-decoration:none; background:#fff;}
#box2_mid hr {color:#000;}
#box3 {background:#6b8088; padding:0; color:#fff; width:33%;}
#box3 h1 {padding:10px 0 0 0; margin-left:10px; width:298px; font-weight:400; color:#cdd2d6;}
#box3 p {padding:0 0 0 10px;}
#box3 table {margin:0 10px 10px 10px!important; width:250px;}
#box3 span {color:#fff; font-weight:bold; font-size:1.5em;}
#box3 .sml {font-size:0.9em;}
#box3 img {padding:0 0 0 10px;}
.midlinks {margin-top:120px;}
.midlinks tr td a {color:#fff;}
.midlinks tr td a:hover {color:#000;}
.stbl tr td {color:#cdd2d6;}
.whitbdr {border-top:1px #fff solid;}
#sharebg {float:left; width:295px; height:190px; margin:0 0 0 5px;}
.intro {color:#295d9e; font-size:12px; color:#000; background:#cdd2d6; padding:10px 15px 8px 10px; text-align:justify; border-right:1px #fff solid; border-bottom:5px #fff solid;}
.homemore {float:right; width:70px; margin:10px 0 0 0; text-align:left; background:url('../i/ql.gif') no-repeat top right;}

/* CONTENT */
.share_price {width:280px;}
.share_price td {color:#fff; padding-bottom:10px;}
.share_price a {color:#000!important; text-decoration:underline; font-weight:normal!important;}
.share_price a:hover {color:#fff!important; text-decoration:none;}
.share_bold {color:#fff; font-weight:bold;}
.q_links {background:url('../i/ql.gif') no-repeat top left;}
.q_links li {background:url('../i/ql.gif') no-repeat top left;}
.q_links li ul {background:url('../i/hsub.gif') no-repeat top left; margin:20px 0 0 0!important; padding:0!important;}
.q_links li ul li {background:url('../i/hsub.gif') no-repeat top left; font-size:0.7em;}
.clearends {clear:both; height:25px; line-height:25px;}
.bottom_link {background:#768a92; text-align:center; border-top:1px #fff solid; border-right:1px #fff solid; padding:7px 0 0 0;}
.bottom_link a {color:#fff; text-decoration:none!important;}
.bottom_link a:hover {color:#cdd2d6!important; text-decoration:none;}
.bot_r {border-right:1px #fff solid;}
.nmt {margin-top:0!important;}
#e_calendar {width:960px;}

/* HOME RIGHT SIDE MENU */

.arrowlistmenu{width:320px;}
.arrowlistmenu .menuheader{color:#fff; background:#295d9e; margin-bottom: 2px; text-transform: uppercase;padding: 4px 0 4px 10px; cursor: pointer;}
.arrowlistmenu .openheader{background:#5d8eca; color:#000;}
.arrowlistmenu ul{font-size:11px; list-style-type: none; margin:0; padding:0;}
.arrowlistmenu ul li{padding-bottom:2px; }
.arrowlistmenu ul li a{color:#000; background:#e3e5e7; display:block; padding:25px 0; padding-left: 19px; text-decoration:none; font-weight:bold; border-bottom: 1px solid #dadada; font-size:11px;}
.arrowlistmenu ul li a:visited{color: #000;}
.arrowlistmenu ul li a:hover{ color: #000; background-color: #F3F3F3; text-decoration: none; font-size: 11px;} 
.arrowlistmenu h1 {font-size:1.7em; font-weight:normal; color:#768a92; margin:0 0 6px 0; padding:0;}
.arrowlistmenu span {font-size:1.1em; font-weight:bold; color:#295e9d; margin:0; padding:0;}
.bdr-bot {border-bottom:3px solid #295D9E;}

#mobile_site {width:319px; border-top:1px #fff solid; background:url('../i/mobile_bg.gif') repeat-x;}

/* HOME FOOTER */
#home-foot {margin:25px 0 15px 0; text-align:left; width:966px;}



#sideTabs.closed{
	left:-9999px;
}
#sideTabs{
	position:absolute;
	top:10px;
	right:310px;
	width:300px;
	border: 5px solid #768a92;
	z-index:9999;
	background:#fff;
	padding:15px;
}

#sideTabs p {margin-bottom:0; font-size:1.1em;}

#sideTabs a.tabLinks{
	position:absolute;
	right:-10px!important;
	top:-17px!important;
	outline:none;
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	width:24px;
	height:27px;
	color:#000;
	text-decoration:none;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	z-index:9999;
	background:url('../i/x.png') no-repeat top left;
}
#sideTabs a.tabLinks.active{
	font:bold 14px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	z-index:9999;
	background:url('../i/x.png') no-repeat top left;
}