@charset "utf-8";
/*
Design and Developed by Mediahussy 
http://www.mediahussy.co.za
*/



/* GENERAL SHEET START ---------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #4d4b4b;*/
	color: #7D7B7B;
}
a {text-decoration: none;	color:#e11c4b; font-weight:bold;}
a:hover {text-decoration: none;	color:#e11c4b; font-weight:bold;}
p {	margin: 15px 0px;}

h1 { 
	font-weight:bold;
	font-size:13px;
	color:#c20000;
}
b{
	color:#3d3b3b;
}

/* GENERAL SHEET END ---------------------------*/

























/* HEADER SHEET START ------------------------------------------------------------------------------------ */	
#mh-header-top{
	margin: 0 auto;
	height:65px;
	background: #05080d url(../images/mh-top-bg.jpg) repeat-x left top;
}	
	#mh-header-top-container{
	margin: 0 auto;
	height:65px;
	width:970px;
	}
	#mh-header-top-container .logo{
	float:right;
	padding-right:48px;
	}
	
#mh-header-mid-split{
	margin: 0 auto;
	height:2px;
	background: #000000;
}	
#mh-header-mid{
	margin: 0 auto;
	height:364px;
	background: #05080d;
}
	#mh-header-mid-container{
	margin: 0 auto;
	height:364px;
	width:970px;
	}
	
	
	
	/*  PROMO PANEL LEFT  */
	#mh-header-mid-left{
	height:364px;
	width:322px;
	float:left;
	}
	#mh-header-mid-left #mh-header-mid-left-1{
	background: #333333 url(../images/mh-icandy1.jpg) no-repeat left top;
	height:93px;
	width:322px;
	}
	#mh-header-mid-left #mh-header-mid-left-2{
	background: #333333 url(../images/mh-icandy2.jpg) no-repeat left top;
	height:94px;
	width:322px;
	}
	#mh-header-mid-left #mh-header-mid-left-3{
	background: #333333 url(../images/mh-icandy3.jpg) no-repeat left top;
	height:94px;
	width:322px;
	}
	#mh-header-mid-left #mh-header-mid-left-4{
	background: #333333 url(../images/mh-icandy4.jpg) no-repeat left top;
	height:83px;
	width:322px;
	}
	
	
	
	
	/*  PROMO PANEL RIGHT  */
	#mh-header-mid-right{
	height:364px;
	width:648px;
	float:left;
	}
	#mh-header-mid-right #mh-header-mid-right-top{
	background: #333333 url(../images/mh-promo-top.jpg) no-repeat left top;
	height:20px;
	width:648px;
	}
	
	#mh-header-mid-right #mh-header-mid-right-mid{
	height:323px;
	width:648px;
	}
	#mh-header-mid-right #mh-header-mid-right-mid-promo{
	height:323px;
	width:580px;
	float:left;
	background: #333333 /*url(../images/mh-flash.jpg) no-repeat left top*/;
	}
	#mh-header-mid-right #mh-header-mid-right-mid-right{
	height:323px;
	width:68px;
	float:left;
	background: #333333 url(../images/mh-promo-right.jpg) no-repeat left top;
	}
	
	#mh-header-mid-right #mh-header-mid-right-bot{
	background: #333333 url(../images/mh-promo-bottom.jpg) no-repeat left top;
	height:21px;
	width:648px;
	}	
	
	
	
#mh-header-nav{
	margin: 0 auto;
	height:34px;
	background: #000000 url(../images/mh-nav-unit-bg.jpg) repeat-x left top;
}		
#mh-header-nav-menu{
	margin: 0 auto;
	width:970px;
	height:34px;
}
	#mh-header-nav-left{
		height:34px;
		width:7px;
		float:left;
		background: #000000 url(../images/mh-nav-left.jpg) no-repeat left top;
	}
	#mh-header-nav-mid{
		height:34px;
		float:left;
	}	
	#mh-header-nav-right{
		height:34px;
		width:7px;
		float:left;
		background: #000000 url(../images/mh-nav-right.jpg) no-repeat left top;
	}
	








#mh-header-nav-mid ul {
	margin: 0 auto;
	list-style:none;
	}		
	#mh-header-nav-mid li.mh-menu-split {
	height: 34px;
	width:2px;
	background: #0B090A url(../images/mh-split.jpg) repeat-x left top;	
	float:left;
	}
	#mh-header-nav-mid li.mh-menu-btn {
	float:left;
	}
	#mh-header-nav-mid li.mh-menu-btn a{
	height: 27px;
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	background: #000000 url(../images/mh-nav-bg.jpg) repeat-x left top;
	}
	#mh-header-nav-mid li.mh-menu-btn a:hover{
	font-size:13px;
	font-weight:bold;
	color:#5B5B5B;
	text-decoration:none;
	background: #ffffff;
	/*background-color:#333333;*/
	}
	
	
	
	
	#mh-header-nav-mid li.mh-menu-btn-stat {
	float:left;
	}
	#mh-header-nav-mid li.mh-menu-btn-stat a{
	height: 27px;
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#5B5B5B;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	background: #ffffff;
	/*background: #000000 url(../images/mh-nav-bg.jpg) repeat-x left top;*/
	}
	#mh-header-nav-mid li.mh-menu-btn-stat a:hover{
	font-size:13px;
	font-weight:bold;
	color:#5B5B5B;
	text-decoration:none;
	background: #ffffff;
	/*background-color:#333333;*/
	}


	#mh-header-nav-mid .mh-menu-btn-text{
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	}	
/* HEADER SHEET END ------------------------------------------------------------------------------------ */
































/* CONTENT SHEET START ------------------------------------------------------------------------------------ */
#mh-content{
	margin: 0 auto;
	width:970px;
	background: url(../images/mh-content-bg.jpg) repeat-y left top;
	/*background-color:#666666;*/
}
#mh-content-left{
	width:607px;
	float:left;
	padding-top:20px;
	padding-left:10px;
	padding-right:70px;
	padding-bottom:10px;
}
#mh-content-right{
	width:205px;
	float:left;
	padding:10px;
	/*background-color:#F7F7F7;
	background-color:#999999;*/
}
#mh-content-right-split{
	padding-top:5px;
}
				
/* CONTENT SHEET END ------------------------------------------------------------------------------------ */





















/* FOOTER SHEET START ------------------------------------------------------------------------------------ */
#mh-footer{
	margin: 0 auto;
	background: #0f1620;
}
#mh-footer-content{
	margin: 0 auto;
	width:970px;
	padding:10px;
	
	color:#FFFFFF;
	text-align:center;
	font-size:10px;
}
#mh-footer-content a{
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
	text-decoration:none;
}
#mh-footer-content a:hover{
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
	text-decoration:underline;
}				
/* FOOTER SHEET END ------------------------------------------------------------------------------------ */
















/* OTHER SHEET START ------------------------------------------------------------------------------------ */
.mh-color-red{
	color:#e11c4b;
}
.mh-row{
	margin: 0 auto;	
}
.mh-col{
	float:left;	
}
.mh-message{
	margin: 0 auto;	
	border:1px #E11C4A solid; 
	background-color:#FDF4F5; 
	padding:5px;
}
.mh-img-float-left {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	}
.mh-img-float-left-htm{
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:158px;
	width:188px;
	cursor:pointer;
	}	
/* OTHER SHEET END ------------------------------------------------------------------------------------ */
















/* FORM SHEET START ------------------------------------------------------------------------------------ */
.mh-form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(images/sl-from-field.jpg) top left repeat-x;
	border: 1px solid #CCCCCC;
	padding: 2px;
	color: #ACA4A9;
	}
	
.mh-form-btn {
	width:94px;
	height:24px;
	overflow:hidden;
	border:0;
	
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	
	background:url(../images/mh-form-btn.jpg) no-repeat 0 0;
	/*display:block;*/
	cursor:pointer !important; cursor:hand;
}
.mh-form-btn:hover {
	background:url(../images/mh-form-btn.jpg) no-repeat 0 0;
	background-position:0 -24px;
}	
textarea:focus, input:focus {
	background-image: url(images/sl-from-field2.jpg);
}
/* FORM SHEET END ------------------------------------------------------------------------------------ */
