/** STANDARD EDITING **/

/** Picture Settings **/
.picture {padding:10px 0px 0px 0px;text-align:center;}

/** Heading Settings **/
.head1 ,H1 {font-size: 13px;color: #000000;text-decoration : none;line-height : 13px;font-weight: bold;font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;}

.head2 ,H2 {font-size: 14px; color: #FFFFFF;text-decoration : none ;font-weight:bold; ;line-height : 16px; font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;vertical-align:middle; padding:3px 0px 0px 15px;}

.head3 ,H3 {color:#FFFFFF; font-style:italic; font-weight:bold; font-size:14px; padding-left:16px; line-height : 18px; text-align:bottom; font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;vertical-align:top;padding-top:3px;}

.head4 ,H4 {color:black; font:bold 15px arial, verdana;}

.head5 ,H5 {color:#CC3333; font:bold 16px arial, verdana;}

.success {color:#33CC33; font:bold 12px arial, verdana;}
.failed {color:#CC3333; font:bold 12px arial, verdana;}

H6, .head6 {font-size: 12px;color: #666666;text-decoration : none;line-height : 15px;font-weight: bold;font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;vertical-align:top;border-bottom:1px solid #8C8C8C;}

.head7 ,H7 {font-size: 12px;color: #BB0000;text-decoration : none;line-height : 12px;font-weight: bold; font-style:italic; font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;}

.head8 ,H8 {font-size: 16px;color: #BB0000;text-decoration : none;line-height : 23px;font-weight: bold; font-style:italic; font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;border-bottom:1px dotted #cccccc;}


.formtxt {font-size: 11px;color: #990000;text-decoration : none;line-height : 15px;font-weight: bold;font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;vertical-align:top;}

.formsmall {font-size: 9px; color: #000000; text-decoration : none;font-weight:normal;  font-style:italic; font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;vertical-align:top;padding-right:10px;}


/** Text-Content Settings **/
p,th,tr,td,table,form,div,span {font-size: 12px;color: #666666;text-decoration : none;line-height : 15px;font-weight: normal;font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia;vertical-align:top;}

.imgBorder { border: #CCCCCC 1px solid;}

.content1 {width:713px; padding:27px 0px 0px 28px; text-align:left;}

.icons {background-color:#DFDEDC; font-style:normal; font-weight:bold; font-size: 11px;color: #616161; font-family:Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; vertical-align:middle; height:28px; padding:0px 5px 0px 5px;}

.icons1 {background-color:#DFDEDC; font-style:normal; font-weight:bold; font-size: 10px;color: #616161; font-family:Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; vertical-align:middle; height:22px; padding:0px 5px 0px 5px;}

.icons2 {background-color:#E9E9E9; font-style:normal; font-weight:bold; font-size: 10px;color: #616161; font-family:Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; vertical-align:middle; height:22px; padding:0px 5px 0px 5px;}

.key {background-color:#FFFFFF; font-style:italic; font-weight:bold; vertical: middle; font-size: 14px;color: #e10000;text-decoration : none; font-family: Arial, Verdana, Helvetica, Sans-Serif, Helvetica, Georgia; vertical-align:middle;}

div.red	{border: none 0;border-top: 1px dashed #DE323B;/*the border*/width: 95%; height: 1px;
text-align:left; align:left;/*whatever the total width of the border-top and border-bottom equal*/} 

.hidden {display:none;}

.specsbox {border-top:1px solid #E1E1E1;padding-top:5px; width:150px; text-align:center;}

.specsboxinner {border-top:1px solid #E1E1E1;padding-top:5px; text-align:center;}

.specsboxtd {color:#000000; padding:0px 20px 0px 20px;text-align:center;vertical-align:top;background-color:#ffffff; width:200px;}

ul { list-style: disc inside url('images/bullet.gif'); line-height:12px; font-size:10px;}
.bullet { list-style: disc inside url('images/bullet.gif'); line-height:12px; font-size:10px;}

BODY  {

	scrollbar-face-color : #CCCCCCC;
    
	scrollbar-shadow-color : #000000;
	scrollbar-highlight-color : #000000;
    scrollbar-arrow-color : #000000;
    
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-darkshadow-color : #FFFFFF;
	scrollbar-track-color : #FFFFFF;
	
    
    
	margin-left : 0pt;
	margin-right : 0pt;
	margin-top : 0pt;
	margin-bottom : 0pt;
	margin : 0pt;
	padding-left : 0pt;
	padding-right : 0pt;
	padding-top : 0pt;
	padding-bottom : 0pt;
	padding : 0pt;
	border-left-width : 0pt;
	border-right-width : 0pt;
	border-top-width : 0pt;
	border-bottom-width : 0pt;
	border-width : 0pt;
	top : auto;
}

/** Anchor Settings **/
A,A:Visited {color : #CC0000;font-weight: normal;text-decoration : none; border-bottom:1px dotted #CCCCCC;}
A:Hover,A:Active {color : #D7D7D7;font-weight: normal;text-decoration : none;  border-bottom:none;}

A.other,A:Visited.other {color : #000000;font-weight: bold;text-decoration : underline;font-style : normal;}
A:Hover.other,A:Active.other {color : #4E97BD;font-weight: bold;text-decoration : none;font-style : normal;}


A.bott,A:Visited.bott {color:#FF0000; font-weight: bold; font-size:11px; text-decoration:none; font-style:italic; font-family: arial, verdana, helvetica, tahoma;}
A:Hover.bott,A:Active.bott {color:#666666; font-weight: bold; font-size:11px; text-decoration:none; font-style:italic; font-family: arial, verdana, helvetica, tahoma;}


A.blk,A:Visited.blk {color:#000000; font-weight: normal; font-size:9px; text-decoration:none;font-family: arial, verdana, helvetica, tahoma;}
A:Hover.blk,A:Active.blk {color:#f2f2f2; font-weight: normal; font-size:9px; text-decoration:none; font-family: arial, verdana, helvetica, tahoma;}

td.blktext {color:#000000; font-weight: normal; font-size:9px; text-decoration:none;font-family: arial, verdana, helvetica, tahoma;}

A.grey,A:Visited.grey {color:#565656; font-weight:bold; font-size:11px; text-decoration:none;font-family: arial, verdana, helvetica, tahoma; border-bottom: 1px dotted #CCCCCC;}
A:Hover.grey,A:Active.grey {color:#cccccc; font-weight: bold; font-size:11px; text-decoration:none; font-family: arial, verdana, helvetica, tahoma; border-bottom: none;}

/** Style for Form**/

.submit {width:100px; height:25px; cursor:hand; background-image: url(http://www.superrent.co.za/images/icon-SUBMIT.gif);background-position: left;
    background-repeat: no-repeat;
	background-color: transparent;
	border: none;}

.clear {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: grey; FONT-FAMILY: verdana, arial, helvetica, tahoma; LETTER-SPACING: 1px; BACKGROUND-COLOR: #C99576; BORDER: #000000 solid 1px;  cursor:hand; padding:3px;}

.field1{text-align:left; padding-right: 10px; padding-top: 5px; vertical-align:middle;}
.field2{padding-top: 5px; vertical-align:middle; }

.caps{text-transform : uppercase;font-size : 10px; }

.star{color:#FF0000; font-size:12px; FONT-WEIGHT: bold;}


option, select, textarea, input  {
	font-size : 11px;
	color : #333333;
	text-decoration : none;
	font-family : Arial, Sans-Serif, Tahoma, Veranda, Helvetica, Georgia;
	/*line-height : 11px;
    BORDER: #000000 solid 1px; 
    FONT-WEIGHT: bold;  
    BACKGROUND-COLOR: #E9E9E9; 
    padding: 2px;*/
    vertical-align:middle;
    font-style:normal;
}

#hand{ cursor:hand;}

/** end style for Form **/









/** TRANS MENU STYLES **/

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	width:150px;
    border-left:1px solid #B62A31;  /* border colours must all be same here */
    border-right:1px solid #B62A31; /* border colours must all be same here */
    border-bottom:1px solid #B62A31; /* border colours must all be same here */
    }

.transMenu.top .items {
    border-left:1px solid #B62A31; /* border colours must all be same here */
    border-right:1px solid #B62A31; /* border colours must all be same here */
    border-bottom:1px solid #B62A31; /* border colours must all be same here */
	}

/* each TR.item is one menu item */
.transMenu .item {
    color:#000000; /* Text colour for menus */
    font-size:12px;
    font-family:sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	
    border:none;
	cursor:pointer;
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.9;
	filter:alpha(opacity=90);
    
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background:#D6D6D6; /* background colour */
	color:black;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
	}
    
    .menuInside {border-top:1px solid #B62A31;font-size:11px;color:#424346; font-weight:bold; font-style:normal;} /* border colours must all be same here */