/******************* main elements ************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #2e2e2e;
	margin: 0px auto;
	background: url(../images/mainbg_acc.jpg) center top repeat-y;
	text-align: center;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	color: #2e2e2e;
	font-size: 11px;
}

a {
	color: #7c7355;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #465c3c;
	text-decoration: none;
	font-weight: bold;
}

a.whitelink {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

a.darklink {
	color: #2e2e2e;
	font-weight: normal;
}

th {
	background-color: #69696f;
	color: #fff;
}

.ppage {
	background-color: #999999;
	color: #fff;
	height: 30px;
	cursor: hand;
	font-weight: bold;
	font-size: 12px;
	text-indent: 5px;
}

table {
	border-collapse: collapse;
}

.tableborders {
	border: 1px solid #bfc1c4;
}

.textcentre { text-align: center; }

.bold {
	font-weight: bold;
}

.text12px {
	font-size: 12px;
}

.silverborder {
border: 1px solid #cccccc;
}

.brownheading30px {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #514b34;
	font-size: 30px;
	text-transform: uppercase;
}

.brownheading16px {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #514b34;
	font-size: 16px;
	text-transform: uppercase;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #514b34;
	font-size: 14px;
	text-transform: uppercase;
}

ul {
list-style-type: square;
}

/******************* main page elements ************************/

#maincontainer { margin: 0px auto; padding: 0px; width: 763px; text-align: left; align: center; }

#maincontent { margin: -20px auto; padding: 0px; text-align: left; align: center; }


/****************** header *******************/

#toplinksleft { margin: 0px; padding-top: 0px; padding-bottom: 8px; text-align: left; float: left; width: 600px; }
	/* #toplinksleft img { margin: 0px; padding-left: 15px; padding-top: 0px; padding-bottom: 0px; border: } */
	#toplinksleft ul { list-style: none; margin: 0px; padding-top: 10px; padding-left: 15px; }
	#toplinksleft ul li { display: inline; padding-left: 15px; padding-top: 10px; padding-bottom: 15px; }
	#toplinksleft ul li a { font-size: 12px; font-weight: bold; text-decoration: none; color: #2e2e2e; }
	#toplinksleft ul li a:hover { font-size: 12px; font-weight: bold; text-decoration: underline; color: #2e2e2e; }
	
#toplinksright { height: 20px; padding-top: 0px; padding-right: 15px; margin: 0px; text-align: right; float: right; }
#toplinksright p { margin: 0px; padding-top: 10px;  }

#headerimage { margin: 0px; padding: 0px; text-align: center; clear: both; }

/****************** navigation **********************/

#nav { 
clear: both; 
margin: 0px; 
padding: 0px; 
width: 762px; 
border: 0; 
} 

a.navlink { 
margin: 0px; 
padding: 0px; 
color: #000;
text-decoration: none;
font-weight: normal;
} 

a.navlink:hover { 
margin: 0px; 
padding: 0px; 
color: #800000;
text-decoration: underline;
font-weight: normal;
} 

a.navlinkbold { 
margin: 0px; 
padding: 0px; 
color: #800000;
text-decoration: none;
font-weight: bold;
} 

a.navlinkbold:hover { 
margin: 0px; 
padding: 0px; 
color: #800000;
text-decoration: underline;
font-weight: bold;
} 

#navheader { 
text-align: center;
width: '100%';
background: #a0a0a0;
margin: 0px; 
padding: 0px; 
} 

#navheader h1 { 
font-size: 18px;
color: #3d3d44;
padding: 5px;
margin: 5px 0 0 0;
} 

#navelement { 

position: relative;
height: 144px;
float: left;
}

#navelement h2 { 
font-size: 14px;
color: #000;
padding: 5px;
margin: 7px;
text-align: center;
} 

#navlist { 
text-align: center;
float: left; 
}

}

.gauteng {
width: 372px;
background: #d9d9d9;
margin: 0px; 
padding: 0px; 
}

.contact {
width: 198px;
background: #b3b3b3;
margin: 0px; 
padding: 0px; 
text-align: center;
}

.gautenglist {
width: 186px;
margin: 0;
padding: 0;
}

.contactlist {
margin:0;
padding: 0;
width: 198px;
text-align: left;
}

.nationwide {
width: 192px;
background: #d9d9d9;
}

li.margintop {
margin: 10px 0 0 0;
}

.ctas {
padding-bottom: 8px;
}

#specials { 
clear: both; 
position: relative;
margin: 30px 0 0 0 ; 
padding: 10px; 
width: 742px; 
border: 0; 
background: #fff;
} 

.mtext {
font-size: 16px;
color: #000;
}



/*#nav ul { margin: 0px; padding: 0px; text-align: center; }
#nav ul li { display: inline; color: #FFF; font-size: 12px; list-style: none; padding-left: 20px; background: url(../images/header/navDivider.gif) no-repeat left center; }
#nav ul li a { padding: 0px; text-decoration: none; color: #fff; }
#nav ul li a:hover { text-decoration: none; color: #e1e1d7; } */

/***************** home page content *********************/

#leftcontent { 
margin: 0px 0 0 0; 
padding: 0px; 
width: 579px; 
float: left; 
background-image: url(images/contentbg.jpg); 
} 

#content { 
margin: 10px 0 0 0; 
padding: 0; 
width: 760px; 
float: left; 
background: #fff; 
} 

#copyblock { padding-left: 25px; padding-right: 42px; padding-top: 8px; padding-bottom: 0px; margin-top: 10px; margin-bottom: 0px; }
	#copyblock h1 { font-weight: bold; font-size: 14px; font-style: italic; }
	#copyblock h2 { font-weight: bold; font-size: 14px; font-style: italic; color: #5c513c; }

#rightcontent { 
margin: 10px 0 0 0; 
padding: 0px; 
width: 184px; 
float: right; 
}

#star { margin: 0px; text-align: center; background-color: #3d3d44; width: 154px; padding-top: 15px; padding-left: 15px; padding-right: 15px; }
.starname { text-align: center; height: 40px; padding-top: 10px; color: #fff; }
#star a { color: #fff; text-decoration: none; font-weight: normal; }
.starheading01 { font-size: 14px; font-weight: bold; color: #dac184; text-transform: uppercase; }
.starheading02 { font-size: 20px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 22px;}

/***************** footer *****************/

#footer { clear: both; height: 15px; margin-top: 0px; padding-top: 5px; text-transform: uppercase; height: 40px; }
#footer ul { margin: 0px; padding: 0px; }
#footer ul li { display: inline; color: #444135; padding-left: 15px; padding-top: 0px; list-style: none; } 
#footer ul li a { color: #444135; font-size: 11px; text-decoration: none; font-weight: normal; }


/****************  tabbed menu ***********************/

.basictab ul{
margin: 0px;
padding: 0px;
border: 0px;
height: 25px;
line-height: 25px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
background-color: #5c513d;
width:372px;
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
text-decoration: none;
background-color: #5c513d;
color: #ffffff;
font-weight: normal;
}

.basictab li a:visited{
color: #ffffff;
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
}

.basictab li a:hover, .basictab li a.current{
background-color: #878070;
color: #ffffff;
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
}

.basictab li a:active{
color: #ffffff;
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
}

.tabcontainer{

width:372px; /*width of 2nd level sub menus*/
margin: 0px;
padding: 0px;
border: 0px;
}

.tabcontent{
position: absolute;
width:372px;
margin: 0px;
padding: 0px;
border: 0px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
background-color: #878070;

}

.tabcontent li{
display: inline;
margin: 0px;
padding: 0px;
border: 0px;
text-align: left;
}

.tabcontent li a{
text-decoration: none;
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
background-color: #878070;
color: #ffffff;
font-weight: normal;
text-align: left;
}

.tabcontent li a:visited{
color: #ffffff;
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
text-align: left;
}

.tabcontent li a:hover, .basictab li a.current{
background-color: #878070;
color: black;
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
text-align: left;
}

.tabcontent li a:active{
color: #fff;
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
text-align: left;
}

.basictab2 ul{
margin: 0px;
padding: 0px;
border: 0px;
height: 25px;
line-height: 25px;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
background-color: #425a39;
width:372px;
}

.basictab2 li{
display: inline;
margin: 0;
}

.basictab2 li a{
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
text-decoration: none;
background-color: #425a39;
color: #ffffff;
font-weight: normal;
}

.basictab2 li a:visited{
color: #ffffff;
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
}

.basictab2 li a:hover, .basictab li a.current{
background-color: #99cc66;
color: #425a39;
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
}

.basictab2 li a:active{
color: #ffffff;
margin: 0px;
padding: 5px 3px;
border: 0px;
height: 25px;
line-height: 25px;
}




.tabcontainer2{
clear: left;
width:372px; /*width of 2nd level sub menus*/
line-height:25px; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
text-align: center; 
}

.tabcontent2{
margin: 0px;
padding: 0px;
margin-left: 0;
border: 0;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
background-color: #878070;
line-height: 25px;
}

.tabcontent2 li{
display: inline;
margin: 0;
text-align: center;
}

.tabcontent2 li a{
text-decoration: none;
padding: 3px 7px;
line-height: 25px;
border: 0;
border-bottom: none;
background-color: #878070;
color: #ffffff;
font-weight: normal;
}

.tabcontent2 li a:visited{
color: #ffffff;
}

.tabcontent2 li a:hover, .basictab li a.current{
background-color: #878070;
color: black;
height: 25px;
}

.tabcontent2 li a:active{
color: #ffffff;
}

/***** lightbox *****/

#lightbox{	position: absolute;	left: 0; width: '100%'; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 90%; float: left; text-align: left; }	
#imageData #caption{ font-size: 10px;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




/****** old styles ********/

TD.td_bold {
		font-family : Arial;
		font-size : 11px;
		color : navy;
		font-weight : bold;
	}
	
	A.top {
		font-family : Arial;
		font-size : 11px;
		color : white;
		text-decoration : none;
		font-weight : bold;
	}

	A.top:hover {
		font-family : Arial;
		font-size : 11px;
		color : #FF9C31;
		text-decoration : underline;
		font-weight : bold;
	}
	A.brown {
		font-family : Arial;
		font-size : 11px;
		color : #633100;
		text-decoration : none;
	}

	A.brown:hover {
		font-family : Arial;
		font-size : 11px;
		color : olive;
		text-decoration : underline;
	}
	A.menu {
		font-family : Arial;
		font-size : 11px;
		color : #633100;
		text-decoration : none;
		font-weight : bold;
	}

	A.menu:hover {
		font-family : Arial;
		font-size : 11px;
		color : red;
		text-decoration : underline;
		font-weight : bold;
	}

	a.own {
		font-family : Arial;
		font-size : 11px;
		color : navy;
		text-decoration : none;
		
	}

	a.own:hover {
		font-family : Arial;
		font-size : 11px;
		color : orange;
		text-decoration : none;
		
	}
	a.ownnew {
		font-family : Arial;
		font-size : 11px;
		color : #ffff99;
		text-decoration : none;
		
	}

	a.ownnew:hover {
		font-family : Arial;
		font-size : 11px;
		color : #ffff99;
		text-decoration : underline;
		
	}

	.new_models{
		font-family : Arial;
		font-size : 11px;
		color : #993300;
		text-decoration : none;
		font-weight : bold;
	}
	.tbl {
		BORDER-RIGHT: navy 1pt solid;
		PADDING-RIGHT: 1.4pt;
		BORDER-TOP: navy 1pt solid;
		PADDING-LEFT: 1.4pt;
		PADDING-BOTTOM: 0in;
		BORDER-LEFT: navy 1pt solid;
		PADDING-TOP: 0in;
		BORDER-BOTTOM: navy 1pt solid;
		BORDER-RIGHT: navy 1pt solid;
	}
	.tbl2 {
		BORDER-RIGHT: silver 1pt solid;
		PADDING-RIGHT: 1.4pt;
		BORDER-TOP: silver 1pt solid;
		PADDING-LEFT: 1.4pt;
		PADDING-BOTTOM: 0in;
		BORDER-LEFT: silver 1pt solid;
		PADDING-TOP: 0in;
		BORDER-BOTTOM: silver 1pt solid;
		BORDER-RIGHT: silver 1pt solid;
	}
	.formheading
	{
		font-family : Arial;
		font-size : 18px;
		color : brown;
		text-decoration : none;
		font-weight : bold;
		font-style : italic;
	}
	.formsubheading
	{
		font-family : Arial;
		font-size : 11px;
		color : red;
		text-decoration : none;
		font-style : italic;
	}
	.rates_td
	{
		BORDER-RIGHT: navy 1pt solid;
		PADDING-RIGHT: 1.4pt;
		BORDER-TOP: #eae6dd;
		PADDING-LEFT: 1.4pt;
		BACKGROUND: #FFFFB0;
		PADDING-BOTTOM: 0in;
		BORDER-LEFT: #eae6dd;
		PADDING-TOP: 0in;
		BORDER-BOTTOM: navy 1pt solid;
		HEIGHT: 12pt;
		mso-border-bottom-alt: solid navy .5pt;
		mso-border-right-alt: solid navy .5pt

	}
	.main_heading
	{
		font-family : Arial;
		font-size : 16px;
		color : brown;
		text-decoration : none;
		font-weight : bold;
		font-style : italic;
		text-align: center;
	}
	.main_heading_blue
	{
		font-family : Arial;
		font-size : 16px;
		color : navy;
		text-decoration : none;
		font-weight : bold;
		font-style : italic;
		text-align: center;
	}
	.main_heading_teal
	{
		font-family : Arial;
		font-size : 16px;
		color : teal;
		text-decoration : none;
		font-weight : bold;
		font-style : italic;
		text-align: center;
	}
	.sub_heading
	{
		font-family : Arial;
		font-size : 12px;
		color : red;
		text-decoration : none;
		font-weight : bold;
		text-align: center;
	}
	.input_long
	{
		font-family : Arial;
		font-size : 11px;
		border-color:
	silver;
		border-width: 1px;
		width: 300px;
	}
	.input_short
	{
		font-family : Arial;
		font-size : 11px;
		border-color:
	silver;
		border-width: 1px;
		width: 50px;
	}
	.input_textarea
	{
		font-family : Arial;
		font-size : 11px;
		border-color:
	silver;
		border-width: 1px;
		width: 300px;
	}
	.input_button
	{
		font-family : Arial;
		font-size : 11px;
		border-color:
	silver;
		border-width: 1px;
		width: 100px;
	}
	select
	{
		font-family : Arial;
		font-size : 11px;
		border-color:
	silver;
		border-width: 1px;
	}
	.form_table {
		font-family : Arial;
		font-size : 11px;
		color : white;
		height : 15px;
		background-color: brown;
		text-indent: 5px;
		font-weight: bolder;
	}
	.dropdown
	{
		font-family : Arial;
		font-size : 11px;
		border-color:silver;
		border-width: 1px;
		width: 100px;
	}
	
	.acctable { 
text-align: center;
width: '100%';
background: #d9d9d9;
margin: 0px; 
padding: 0px; 
} 

.accdestable { 
text-align: center;
width: '100%';
background: #d9d9d9;
margin: 0px; 
padding: 10px; 
} 

a.bbtn { 
background: url(../images/bbtn.gif);
margin: 0; 
padding: 0; 
font-weight: bold;
color: #ffffff;
line-height: 32px;
width: 88px;
text-align: center;
text-decoration: none;
} 

a.bbtn:hover { 
background: url(../images/bbtn_over.gif);
margin: 0; 
padding: 0; 
font-weight: bold;
color: #ffffff;
line-height: 32px;
width: 88px;
text-align: center;
text-decoration: none;
} 

a.bbtnweb { 
background: url(../images/bbtn_over.gif);
margin: 0; 
padding: 0; 
font-weight: bold;
color: #ffffff;
line-height: 32px;
width: 88px;
text-align: center;
text-decoration: none;
} 

a.bbtnweb:hover { 
background: url(../images/bbtn.gif);
margin: 0; 
padding: 0; 
font-weight: bold;
color: #ffffff;
line-height: 32px;
width: 88px;
text-align: center;
text-decoration: none;
} 

a.bbtnlong { 
background: url(../images/bbtnlong.gif);
margin: 0; 
padding: 0; 
font-weight: bold;
color: #ffffff;
line-height: 32px;
width: 128px;
text-align: center;
text-decoration: none;
} 

a.bbtnlong:hover { 
background: url(../images/bbtnlong_over.gif);
margin: 0; 
padding: 0; 
font-weight: bold;
color: #ffffff;
line-height: 32px;
width: 128px;
text-align: center;
text-decoration: none;
} 

.accheading
	{
		font-family : Arial;
		font-size : 14px;
		color : brown;
		text-decoration : none;
		font-weight : bold;
		font-style : italic;
		text-align: center;
	}