/* Handcoded by RapidxHTML - http://www.rapidxhtml.com */

/* reset */
body,div,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
}

fieldset,img {
    border:0;
}

html {
    height:100%;
    margin-bottom:1px;
}

body {
    position:relative;
}

:focus {
    outline:none;
}

/* links */
a {
     color:#d2232a;
    text-decoration:underline;
}

a:hover {
    text-decoration:underline;
}



a:hover {
    text-decoration:underline;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:100%;
    color:#000;
}

h1 {
    font-size:300%;
    color:#000;
}

h2 {
    font-size:250%;
    color:#000;
     line-height:50px;
}

h3 {
    font-size:200%;
    color:#000;
}

h4 {
    font-size:175%;
    color:#000;
}

h5 {
    font-size:150%;
    color:#000;
}

h6 {
    font-size:125%;
    color:#000;
}

/* page setup */
body {
    background:#d2232a url(../imagess/page_bg.jpg) 51% 0 repeat-x;
    font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#ffffff;
    font-size:12px;
    z-index:0;
}

.myNews
{
	   font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
     color:#646464;
    font-size:12px;
    z-index:0;
	}
	
	.subhead    { font-size:9pt; font-family: arial; color:#AA2B30; font-weight: Bold; text-transform:uppercase;letter-spacing:1px; }
	
	.myNewsHome
  {
	   font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
     color:#646464;
    font-size:12px;
    z-index:0;
	}

.myTitle
{
	 font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
      text-transform :uppercase;color:#FF0000; font-weight:bold; font-size:14px
	}


.myTitleHome
{
	   font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
 text-transform :uppercase;color:#FFFFFF; font-weight:bold; font-size:14px
	}





body#page {
      background:#d2232a url(../Images/content.jpg) 50% 0  repeat-y;
    font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#646464;
    font-size:12px;
}



/* wrapper setup */
div.rapidxwpr {
    margin:auto;
    width:960px;
    height:auto;
    max-height:100%;
     
}

/* header */
div#header {
    height:150px;
    margin:0px 0px 0px 0px;
    z-index:1;
    
}

/* logo */
div.logo {
    border:0;
    padding:31px 0 0 3px;
    float:left;
}

/* main body setup */
div#middle {
    width:auto;
    clear:both;
    overflow:hidden;
    padding:0px 0 60px 20px;
}

/* main body setup */
body#page div#middle {
    width:auto;
    clear:both;
    overflow:hidden;
    padding:20px 0 60px 20px;
}

/* left column */
div#left {
    width:200px;
    float:left;
    padding:0px 0px 0px 0px;
}

/* content column */
div#main {
    width:auto;
    margin:0px 0px 0px 200px;
    padding:0px 0px 0px 0px;
}

div#mainmiddle {
    margin:0px 0px 0px 0px;
}

/* footer */
div#footer {
    margin:auto;
    width:960px;
    padding:30px 0 30px 0;
    clear:both;
    background:url(../imagess/middle_divider.jpg) 50% 0% no-repeat;
    text-align:center;
    color:#FFF;
}



div#footer a {
    color:#fff;
    text-decoration:underline;
}

div#footer a:hover {
    text-decoration:none;
}

/* clearing & floating */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0px;
    clear:both;
    visibility:hidden;
}

.clearingfix {
    display:block;
}

.floatbox {
    overflow:hidden;
}

/* main menu */
div#topmenu 
{
	height:100%;
    float:right;
    padding:45px 0 0 0;
    z-index:1;

  
}

div.main_menu {
    margin:0 0 20px 0;
    height:24px;
    float:right;
}

div.main_menu ul {
    padding:0px;
    margin:0px;
    list-style:none;
    overflow:hidden;
}

div.main_menu ul li {
    float:left;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0px 8px 0px 0;
    margin:0 0 0 6px;
    line-height:24px;
}

.subMenuFont
{
	font-size:11px;
    font-weight:bold;
    text-transform:capitalize;
    padding:0px 8px 0px 0;
    margin:0 0 0 6px;
    line-height:20px;
    
	
	}

div.main_menu ul li:hover, div.main_menu li.active {
    background:url(../imagess/menu_right.png) 100% 0 no-repeat;
    padding:0 8px 0 0;
}

div.main_menu ul li:hover a, div.main_menu ul li.active a {
    background:url(../imagess/menu_left.png) 0 0 no-repeat;
}

div.main_menu a {
    color:#fff;
    padding:5px 0 5px 9px;
    text-decoration:none;
}

/* login */
div.login {
    float:right;
    clear:both;
}

div.login ul {
    padding:0px;
    margin:0px;
    list-style:none;
    overflow:hidden;
}

div.login li {
    float:left;
    font-size:12px;
    font-weight:bold;
    padding:0px 0 0px 10px;
    margin:0 0 0 10px;
}

div.login a {
    color:#d2232a;
}

div.login a:hover {
    color:#ccc;
    text-decoration:none;
    
}

/* featured */
div.featuredHide {
    /*background:url(../imagess/featured_bg.png) 0 0 no-repeat;*/
    width:506px;
    height:255px;
    float:right;
    margin:15px 25px 0 0;
    padding:30px 34px 27px 40px;
    position:relative;
    z-index:-100;
}

div.featured {
    background:url(../imagess/featured_bg.png) 0 0 no-repeat;
    width:506px;
    height:255px;
    float:right;
    text-align:center;
    margin:0px 25px 0 0;
    padding:0px 34px 27px 40px;
   
   
}

div.featured_detail {
    width:275px;
    padding:0 0 0 0;
    float:left;
    z-index:0;
}

div.featured_detail h2 {
    margin:0;
    font-size:24px;
}

div.featured_detail p {
    font-weight:bold;
    margin:15px 0 25px 0;
    font-size:11px;
    color:#222;
}

div.featured_detail a.more_info {
    text-transform:uppercase;
    font-size:10px;
    color:#fff;
    background:#000;
    padding:4px 16px 4px 8px;
}

div.featured a.stop {
    background:#d2232a;
    font-size:10px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    padding:2px 16px;
    position:absolute;
    top:0;
    right:35px;
}

div.featured_preview {
    float:right;
}

div.featured_preview img {
    border:solid 6px #FFF;
    float:right;
    margin:15px 0 0 0;
}

/* latest news */
div.latest_news {
    width:277px;
    float:left;
    margin:0 40px 0 0;

}

.head
{

    margin:0 0 0px 0;
    font-family:Helvetica, Arial, Georgia;
    font-size:36px;
    font-weight:normal;
    color:#FFF;	
}

.title
{
	 margin:0;
    font-size:24px;
    color:#FFF;
	}
	
div.latest_news h2 {
    margin:0 0 10px 0;
    font-family:Helvetica, Arial, Georgia;
    font-size:36px;
    font-weight:normal;
    color:#FFF;
}

div.latest_news h3 {
    margin:0;
    font-size:24px;
    color:#FFF;
}

div.latest_news h3 span {
    margin:0;
    font-size:10px;
    color:#FFF;
    display:block;
}

div.latest_news p {
    text-align:justify;
    color:#FFF;
    margin:0;
    line-height:17px;
}

div.latest_news a.read_more {
    color:#fff;
    text-decoration:underline;
}

/* restaurant */
div.center {
    width:280px;
    float:left;
    margin:0 0 0 0;
}

div.restaurant {
    margin:0 0 20px 0;
}

div.restaurant h2 {
    margin:0 0 10px 0;
    font-family:Helvetica, Arial, Georgia;
    font-size:36px;
    font-weight:normal;
    color:#FFF;
}

div.restaurant p {
    color:#FFF;
}

div.restaurant ul {
    list-style:none;
}

div.restaurant select {
    border:solid 1px #7f9db9;
    width:169px;
    height:20px;
    padding:1px 1px 1px 0;
}

div.restaurant select option {
    color:#010101;
    font-size:12px;
}

/* recently opened */
div.recently_opened h2 {
    margin:0 0 10px 0;
    font-family:Helvetica, Arial, Georgia;
    font-size:36px;
    font-weight:normal;
    color:#FFF;
    letter-spacing:-1px;
}

div.recently_opened ul {
    list-style:none;
    padding:0 0 0 0;
}

div.recently_opened ul li {
    background:url(../imagess/divider.jpg) 0 100% no-repeat;
    padding:10px 0 10px 10px;
}

div.recently_opened ul li a {
    color:#fff;
}

/* new menus */
div.new_menu {
    float:right;
    color:#FFF;
}

div.new_menu h2 {
    margin:0 0 10px 0;
    font-family:Helvetica, Arial, Georgia;
    font-size:36px;
    font-weight:normal;
    color:#FFF;
}

/* franchises */
div.franchises {

    margin:0px 0 0 0;
    padding:0px 17px 15px 27px;
    position:relative;
  


}

div.franchises img {
    margin:0 0 15px 0;
}

/* franchise opportunities */
div.franchise_opportunities {
    width:579px;
    float:left;
    margin:0 0 0 15px;
}

div.franchise_opportunities h2 {
    margin:0 0 10px 0;
    font-family:Helvetica, Arial, Georgia;
    font-size:36px;
    font-weight:normal;
    color:#000;
}

div.franchise_opportunities p {
    color:#000;
}

div.franchise_opportunities ul {
    padding:0 0 0 45px;
    list-style:none;
}

div.franchise_opportunities ul li {
    background:url(../imagess/arrow.jpg) 0 9px no-repeat;
    padding:0 0 0 10px;
}

div.franchise_opportunities ul li a {
    color:#000;
}

/* franchise application */
div.franchise_application {
    float:right;
    width:268px;
    margin:0 20px 0 0;
}

div.application {
    margin:0 0 20px 0;
}

div.application h2 {
    margin:0 0 10px 0;
    font-family:Helvetica, Arial, Georgia;
    font-size:26px;
    font-weight:normal;
    color:#000;;
    width:370px;
    line-height:60px;
}

div.application p {
    color:#000;
}

div.application p a {
    color:#d2232a;
    text-decoration:underline;
}

/* available sites */
div.available_site h2 {
    margin:0 0 10px 0;
    font-family:Helvetica, Arial, Georgia;
    font-size:36px;
    font-weight:normal;
    color:#000;
}

div.available_site ul {
    list-style:none;
}

div.available_site ul li {
    border-bottom:solid 1px #eeeeee;
    padding:7px 0 7px 15px;
}

div.available_site ul li a {
    color:#000;
}

/* franchise middle */
div.franchise_middle {
    overflow:auto;
    padding:20px 0 0 0;
}



li { margin: 0px; padding: 0px; margin-left:0px; margin-right:0px;} 
ul { margin-left:0px; margin-right:0px;margin: 0px; padding: 0px; } 

#mapbits {
 width: 360px;
 height: 277px;
 background: url(images/map_lg.gif);
 margin-left: -10px auto; padding: 0;
 position: absolute;
}

#mapbits li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#mapbits a {display: block; text-indent: -1000px;}

#limpopo {left: 218px; top: 1px; width: 120px; height: 70px;}
#limpopo a {height: 70px;}
#limpopo a:hover {background: url(images/map_lg.gif) -218px -830px no-repeat;}

#gauteng {left: 240px; top: 63px; width: 35px; height: 40px;}
#gauteng a {height: 40px;}
#gauteng a:hover {background: url(images/map_lg.gif) -240px -340px no-repeat;}

#mpumalanga {left: 260px; top: 42px; width: 92px; height: 75px;}
#mpumalanga a {height: 75px;}
#mpumalanga a:hover {background: url(images/map_lg.gif) -260px -595px no-repeat;}

#northwest {left: 135px; top: 53px; width: 120px; height: 83px;}
#northwest a {height: 83px;}
#northwest a:hover {background: url(images/map_lg.gif) -135px -604px no-repeat;}

#freestate {left: 160px; top: 102px; width: 129px; height: 84px;}
#freestate a {height: 84px;}
#freestate a:hover {background: url(images/map_lg.gif) -160px -932px no-repeat;}

#kwazulunatal {left: 266px; top: 102px; width: 95px; height: 92px;}
#kwazulunatal a {height: 92px;}
#kwazulunatal a:hover {background: url(images/map_lg.gif) -266px -378px no-repeat;}

#easterncape {left: 133px; top: 183px; width: 169px; height: 82px;}
#easterncape a {height: 82px;}
#easterncape a:hover {background: url(images/map_lg.gif) -133px -736px no-repeat;}

#northerncape {left: 0px; top: 48px; width: 198px; height: 190px;}
#northerncape a {height: 190px;}
#northerncape a:hover {background: url(images/map_lg.gif) 0px -324px no-repeat;}

#westerncape {left: 1px; top: 182px; width: 155px; height: 100px;}
#westerncape a {height: 100px;}
#westerncape a:hover {background: url(images/map_lg.gif) 1px -1012px no-repeat;}

.Myfooter {
    background:#d2232a url(../Images/footer.jpg) 50% 0 no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#646464;
    font-size:12px;
    height:329px;
    overflow:hidden;
}

.BG {
    background:url(../Images/content.jpg) 50% 0  repeat-y;
    font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#646464;
    font-size:12px;
    background-color:red;
   
}

.top {
    background:#d2232a url(../Images/header.jpg) 50% 0 no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#646464;
    font-size:12px;
    height:672px;
    position:relative;
    z-index:0;
}

.Home {
    background:#d2232a url(../Images/MyHome.jpg) 50% 0 no-repeat;
    
    
     font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#646464;
    font-size:12px;
}

.middle {

    position:relative;
    top:-390px;
    width:auto; 
}

/*-----------------new Master Page---------------------------*/


.topNew {
    background:#d2232a url(../Images/NewHeader.jpg) 50% 0 no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#646464;
    font-size:12px;
    height:282px;
    position:relative;
    z-index:0;
}
.MyBody {
    background:url(../Images/BindRest.jpg) 50% 0 no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#646464;
    font-size:12px;
   
    position:relative;
    z-index:0;
}

.HomeBG {
    background:#d2232a url(../Images/HomeBg.jpg) 50% 0 no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    line-height:150%;
    color:#646464;
    font-size:12px;
    height:468px;
    position:relative;
    z-index:0;
}
/*-----------------------*/