/***********************************************/
/************* Links START***************/

.linkslarge {
	vertical-align: middle;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.linkslarge a {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #0033cc;
}
.footertext a:visited {
	color: #A3E4FA;
	text-decoration: none;
}
.footertext a:hover {
	color: #FA9205;
	text-decoration: none;
}
#specials {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 172px;
	height: 150px;
}
html>body #specials {
	padding-top: 40px;
}
#specials img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}
#specials:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.4;
}
/************ Links END *************/
/***********************************************/

/***********************************************/
/************* Search START***************/

#search {
	float: right;
	height: 99px;
	width: auto;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
html>body #search {
	margin-right: 10px;
}
#search form {
	margin: 0px;
	padding: 0px;
}
.search-text {
	display: block;
	margin-top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
html>body .search-text {
	display: block;
	margin-top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
img {
	border: none;
}
#telkomlogo {
	position: relative;
	width: auto;
	height: 99px;
	float: left;
}
/************* SEARCH ***************/
/***********************************************/


/***********************************************/
/************ Left Nav (headings, lists, links) *************/


#quicklinks {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #011E8A;
	margin-left: 6px;
	margin-right:4px;
	margin-top: 7px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
html>body #quicklinks {
	width: 148px;
	margin-left: 8px;
	margin-right: 5px;
	margin-top: 7px;
	margin-bottom: 15px;
}
#buy ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: transparent;
	list-style-position: outside;
	list-style-type: none;
	vertical-align: middle;
	background: url(/css/image/icon_buy.gif);
	background-repeat: no-repeat;
	background-position:left;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.leftnav-heading1 {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #0099cc;
	margin-left: 20px;
	margin-right:8px;
	margin-top: 42px;
	margin-bottom:10px;
	padding: 0px;
}
.leftnav-heading2 {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #0099cc;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 20px;
	margin-bottom: 0px;
}
/*******************************Heading for 2 menus example is on media pages*****************************************************************/
.leftnav-heading1-media {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #0099cc;
	margin-left: 20px;
	margin-right:8px;
	margin-top: 42px;
	margin-bottom:10px;
	padding: 0px;
}
#header-green {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	background-image: url(/css/image/tile_green_main.jpg);
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: left top;
	height: 34px;
	width: 592px;
}
#header-green h1 {
	margin-left: 10px;
	margin-top: -30px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
}
#header-green-corner {
	background-image:url(/css/image/corner_left_green_main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 16px;
}
#header-orange {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	background-image: url(/css/image/tile_orange_main.jpg);
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: left top;
	height: 34px;
	width: 592px;
}
#header-orange h1 {
	margin-left: 10px;
	margin-top: -30px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
}
#header-orange-corner {
	background-image:url(/css/image/corner_left_orange_main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 16px;
}
.mainimage {
	width: 592px;
	height: 209px;
	position: relative;
	margin: 0px;
	padding: 0px;
	clear: both;
	background-color: transparent;
	background-image: url(/image/tile_grey_mainimg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mainimage-athome {
	background-image: url(/image/img_main_athome.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
}
#mainimage-homepage {
	width: 382px;
	height: 366px;
	position: relative;
	margin: 0px;
	padding: 0px;
	clear: both;
	background-color: transparent;
	/*background-image: url(/css/image/tile_shadow.jpg);*/
	background-repeat: repeat-x;
	background-position: left bottom;
}
#mainimage-homepage img {
	width: 382px;
	height: 359px;
	position: relative;
}
.shadow {
	background-color: transparent;
	background-image: url(image/tile_shadow.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: auto;
	height: 7px;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
}
.content {
	position: relative;
	height: auto;
	width: 592px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.2column {
	position: relative;
	height: auto;
	width: 592px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.introtext {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border-color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: auto;
}
html>body .introtext {
	padding-top: 14px;
	padding-right: 8px;
	padding-bottom: 14px;
	padding-left: 18px;
	margin-top: 10px;
}
/************ Content Area END *************/
/***********************************************/

/**********************Image spacing with text ****************
* this classes helps with the floating on the image relative to the content
* http://dev-02.telkom.co.za/about_us/sustainability/sustainability_report.html
*****************************************************************/

img.floatleft {
	float: left;
	margin: 10px;
}
img.floatright {
	float: right;
	margin: 10px;
}
img.spacearound {
	margin: 10px;
}
/************** Content boxes START ***************/
/***********************************************/

/***********************************************/
/************** Generic Styles Content Boxes  (applies to any color contentbox NB! 2 different styles (homepage and followup page)  START ***************/

.content {
	background-color: transparent;
	position: relative;
	width: 99.5%;
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.contentbox-content {
	background-color: transparent;
	position: relative;
	border: 1px solid #E4E4E4;
	width: 99.5%;
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.contentbox-content ul {
	height: auto;
	width: 95%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type:none;
}
html>body .contentbox-content ul {
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type:none;
}
/*Styles for new Procurement pages, done by victor, added by ludwig 15/02/2011*/
.column-left-equalfour-tender {
    float: left;
    margin: 0;
    padding: 0 0;
    position: relative;
    vertical-align: middle;
    width: 100px;
}
.column-middle-equalfour-tender {
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
    position: relative;
    width: 214px;
}
.row-middle-equalfour-tender {
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
    position: relative;
    width: 220px;
}
.row-middle-right-equalfour-tender {
    float: right;
    margin-left: 0;
    margin-right: 10px;
    padding: 0 0;
    position: relative;
    text-align: left;
    vertical-align: middle;
    /*width: 146px;*/
	width: 136px; /*works for IE6 as well*/
}
.but-eauction {
    background-color: transparent;
    background-image: url(image/icon_eauction.gif);
    background-repeat: no-repeat;
    display: block;
    font-size: 1px;
	float: left;
    height: 20px;
    padding: 0;
    vertical-align: middle;
    width: 23px;
}
.normal_tender {
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
    font-size: 1px;
	float: left;
    height: 20px;
    padding: 0;
    vertical-align: middle;
    width: 23px;
}
.row-left-equalfour-tender {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 80px;
}
/** This class is meant to algin the bullets with text on the fullwidth contentbox*/
.contentbox-content-full-length {
	background-color: transparent;
	position: relative;
	border: 1px solid #E4E4E4;
	width: 99.5%;
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.contentbox-content-full-length ul {
	height: auto;
	width: 300px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type:none;
}
.contentbox-text {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	clear: both;
}
.contentbox-text img {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	float: left;
}
.contentbox-text p {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
.contentbox-content img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	position: relative;
}
.contentbox-img {
	width: 265px;
	height: 85px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;
}
#contentbox-athome img {
	width: 160px;
	height: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	position: relative;
}
#contentbox-attheoffice img {
	width: 160px;
	height: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	position: relative;
}
.contentbox-fullwidth {
	margin-left: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	width: 575px;
	height: auto;
	float: left;
	clear: both;
	background-color: transparent;
	color:#000000;
	position: relative;
	/*background-image: url(images/img_contentbox_bottom.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
	display: block;
	padding-right: 6px;
	padding-bottom: 10px;
}
.content-fullwidth {
	margin-left: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	width: 575px;
	height: auto;
	float: left;
	clear: both;
	background-color: transparent;
	color:#000000;
	position: relative;
	/*background-image: url(images/img_contentbox_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	vertical-align: top;
	display: block;
	padding-right: 6px;
	padding-bottom: 10px;
}
html>body .contentbox-fullwidth {
	margin-left: 8px;
	margin-right: 3px;
}
.contentbox-left {
	margin-left: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	width: 285px;
	height: auto;
	float: left;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	position: relative;
	/*background-image: url(/css/image/img_contentbox_bottom.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
	padding: 0px;
}
html>body .contentbox-left {
	margin-left: 6px;
}
.contentbox-left2 {
	margin-left: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	width: 200px;
	height: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	position: relative;
	vertical-align: top;
	padding: 0px;
}
.contentbox-right {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 12px;
	width: 285px;
	height: auto;
	float: right;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	/*background-image: url(/css/image/img_contentbox_bottom.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
	padding: 0px;
	position: relative;
}
html>body .contentbox-right {
	margin-right: 8px;
	position: relative;
}
#contentboxes-homepage {
	width: 382px;
	height: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}
#contentbox-athome {
	margin-left: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	width: 170px;
	height: 185px;
	float: left;
	background-color: transparent;
	color:#000000;
	position: relative;
	/*background-image: url(/css/image/img_contentbox_bottom.jpg);*/
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: top;
	padding: 0px;
}
html>body #contentbox-athome {
	margin-left: 13px;
}
#contentbox-attheoffice {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	width: 170px;
	height: 185px;
	float: right;
	background-color: transparent;
	color:#000000;
	position: relative;
	/*background-image: url(/css/image/img_contentbox_bottom.jpg);*/
	background-repeat: no-repeat;
	background-position: right;
	vertical-align: top;
	padding: 0px;
}
html>body #contentbox-attheoffice {
	margin-right: 10px;
}
#contentbox-whatsnew {
	border-left: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	margin-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 200px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
html>body #contentbox-whatsnew {
	padding-top: 10px;
}
#contentbox-whatsnew p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}
html>body #contentbox-whatsnew p {
	padding-top: 0px;
}
#contentbox-whatsnew a {
	color: #011E8A;
	height: auto;
	width: auto;
	background-color: transparent;
}
#contentbox-whatsnew a.orange-font {
	color: #F89209;
}
#contentbox-whatsnew a:hover {
	color: #0099cc;
}
html>body .contentbox-content-homepage {
	background-color: transparent;
	position: relative;
	border: 1px solid #E4E4E4;
	width: 170px;
	height: 159px;
}
.contentbox-content-homepage {
	background-color: transparent;
	position: relative;
	border: 1px solid #E4E4E4;
	width: 170px;
	height: 150px;
}
.contentbox-content-homepage p {
	margin-left: 7px;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 7px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}
.contentbox-content-homepage a {
	position: relative;
	width: 20px;
	height: 12px;
	color: #011E8A;
}
#contentbox-content-homepage a:hover {
	color: #0099cc;
}
.contentbox-content-homepage img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
.contentbox-header-blue h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contentbox-header-blue {
	background-image: url(/css/image/tile_contentheader_blue.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}
.contentbox-header-blue-homepage {
	background-image: url(/css/image/tile_contentheader_blue.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	width: 172px;
	text-align: left;
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}
.contentbox-header-blue-homepage h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contentbox-bottom-blue {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	text-align: right;
	background: url(/css/image/arrow_blue_lightbluebg.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: auto;
	background-color: #E5F8FF;
	color: #011E8A;
	clear: both;
}
.contentbox-bottom-blue a {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	text-align: right;
	display: block;
	color: #011E8A;
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*	
.contentbox-bottom-blue a:link{
	display: block;
	color: #011E8A;
	width: auto;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
*/		
.contentbox-bottom-blue a:hover {
	color: #018AB6;
}
.contentbox-bottom-orange {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	background: url(/css/image/arrow_blue_bgorange.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 8px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: auto;
	vertical-align: middle;
	background-color: #fff9dd;
	color: #011E8A;
	clear: both;
}
.contentbox-bottom-orange a {
	display: block;
	color: #011E8A;
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	text-align: right;
}
.contentbox-bottom-orange a:link {
	color: #011E8A;
}
.contentbox-bottom-orange a:hover {
	color: #018AB6;
}
.contentbox-bottom-blue-homepage {
	display: block;
	color: #011E8A;
	width: auto;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: url(/css/image/arrow_blue_lightbluebg.gif);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	text-align: right;
	position: relative;
	background-color: #E5F8FF;
	color: #011E8A;
}
.contentbox-bottom-blue-homepage a {
	display: block;
	color: #011E8A;
	width: auto;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.contentbox-bottom-green-homepage {
	display: block;
	color: #edf9ea;
	width: auto;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: url(/css/image/arrow_blue_nospace_lightgreenbg.gif);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	text-align: right;
	position: relative;
	background-color: #edf9ea;
	color: #011E8A;
}
.contentbox-bottom-green-homepage a {
	display: block;
	color: #edf9ea;
	width: auto;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contentbox-icons-links {
	/*height: 100%;*/
	margin-left: 8px;
	width: 200px;
	vertical-align: top;
	clear: both;
	border-left: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	position: relative;
	height: 60px;
}
html>body #contentbox-icons-links {
	padding-top: 4px;
	margin-left: 8px;
	width: 200px;
	vertical-align: top;
	clear: both;
	border-left: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	position: relative;
	height:auto;
}
.homepage-icons-links-width {
	/*margin:5px 5px 0px 0px;*/
padding-bottom:2px;
	height:25px;
	vertical-align:middle;
	width:190px;
}
html>body .homepage-icons-links-width {
	/*margin:5px 5px 0px 0px;*/
padding:0px;
	height:30px;
	vertical-align:middle;
	width:200px;
}
.homepage-icons-links-text {
	float: left;
	padding-left:1px;
	/* padding-right:4px;*/
	 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top:5px;
	vertical-align: middle;
	text-align: left;
	width:60px;
}
html>body .homepage-icons-links-text {
	float: left;
	padding-left:1px;
	/* padding-right:4px;*/
	 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top:5px;
	vertical-align: middle;
	text-align: left;
	width:60px;
}
.homepage-icons-links-text-2column {
	float: left;
	padding-left:1px;
	/* padding-right:4px;*/
	 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top:5px;
	vertical-align: middle;
	text-align: left;
	width:140px;
}
.homepage-icons-links-left {
	float: left;
	padding-left:15px;/*padding-right:3px;*/

}
.homepage-icons-links-left1 {
	float: left;
	padding-left:5px;/*padding-right:3px;*/

}
html>body .homepage-icons-links-left1 {
	float: left;
	padding-left:15px;/*padding-right:3px;*/

}
html>body .homepage-icons-links-left {
	float: left;
	padding-left:15px;/*padding-right:3px;*/

}
/****************************About us start******************************/
.column-left-aboutus {
	float: left;
	width: 45%;
	margin-left: 0%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
html>body .column-left-aboutus {
	width: 50%;
}
.column-left-image {
	float:left;
	margin:0;
	padding:0;
	width:32%;
}
.column-right-aboutus {
	float: left;
	width: 50%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
html>body .column-right-aboutus {
	width: 45%;
}
/************************About us closed *******************************/

/******************Columns inside the content box ********************/

.column-left {
	float: left;
	width: 30%;
	margin-left: 0%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.column-left-wii {
	height: 300px;
	width: 25%;
	float: left;
	margin-left: 0%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.column-right-wii {
	width: 70%;
	float: right;
	margin-left: 0%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/** W-CDMA *****/

.column-left-w-cdma1 {
	height: 150px;
	width: 100px;
	float: left;
	margin-left: 0%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.column-right-w-cdma1 {
	width: 40px;
	float: left;
	margin-left: 0px;
	vertical-align:middle;
	margin-right: -45px;
	margin-bottom: auto;
	margin-top:45px;
	padding-top: 0;
	padding-right:0;
	padding-bottom: 0px;
	padding-left: 0px;
}
html>body .column-right-w-cdma1 {
	width:110px;
	float: right;
	margin-left: 0px;
	vertical-align:middle;
	margin-right: 45px;
	margin-bottom: auto;
	margin-top:70px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.lastcolumn-right-four {
	margin:0;
	padding:0 5px;
	position:relative;
	width:110px;
	float:right;
	text-align:right;
}
.column-center-four {
	float:left;
	margin:0;
	padding:0 5px;
	position:relative;
	width:110px;
	text-align:center;
}
/**       
Telkom-Mobi style 
http://dev-02.telkom.co.za/products_services/w-cdma/telkom_mobi/index.html
***/

.corner-left-blue_2row_mobi {
	background-image: url(/css/image/corner_left_blue_2rows.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.corner-right-blue_2row_mobi {
	background-image: url(/css/image/corner_right_blue_2rows.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
html>body .corner-left-blue_2row_mobi {
	background-image: url(/css/image/corner_left_blue_2rows.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
html>bosy .corner-right-blue_2row_mobi {
	background-image: url(/css/image/corner_right_blue_2rows.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a.but_more {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background: transparent url(/css/image/arrow_blue.gif) no-repeat left center;
	height: auto;
	width: auto;
	display: block;
	text-align: left;
	text-decoration: none;
	float: right;
}
a:hover.but_more {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: transparent url(/css/image/arrow_blue.gif) no-repeat left center;
	text-decoration: underline;
}
/**** added for world call pages **/
.column-left-equalthree {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right:20px;
	float: left;
	width: 160px;
}
/***********smartaccess rows class *************/

.column-left-equalthree-smartaccess {
	float:left;
	margin:0;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:350px;
}
.column-middle-equalthree-smartaccess {
	float:left;
	margin:0;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:100px;
}
.column-right-equalthree-smartaccess {
	float:right;
	margin-right:0;
	margin-left:0;
	padding-left:50px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:100px;
}
html> body .column-left-equalthree-smartaccess {
	float:left;
	margin-left:0;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:270px;
}
html> body .column-middle-equalthree-smartaccess {
	float:left;
	margin-left:0;
	margin-right:50;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:180px;
}
html> body .column-right-equalthree-smartaccess {
	float:right;
	margin-right:0;
	margin-left:0;
	padding-left:50px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:100px;
}
/********************/

.column-container-fullwidth {
	border: 0px solid #E4E4E4;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: -10px;
	clear: both;
	width : 550px;
	height:auto;
	align : center;
}
.column-right-equalthree {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: -150px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right:0px;
	float: left;
	width: 160px;
}
/** **/

.column-right {
	float: left;
	width: 65%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.columnbg {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	background-color: #f5fbfe;
	height:100%;
	width: 100%;
}
/****** end world call******/
/********************************************classes for pc-budles***************************/

.column-left-50 {
	width: 45%;
	float: left;
	margin-left: 0%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.column-right-50 {
	width: 50%;
	float: right;
	margin-left: 0%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.row-right-three {
	float:left;
	padding:6px;
	position:relative;
	width:170px;
}
.row-right-two {
	float:left;
	padding:6px;
	position:relative;
	width:255px;
}
/********************************************classes for telkom knockout***************************/
.row-right-four {
	float:left;
	padding:6px;
	position:relative;
	width:127px;
}
/*****************************************5 row table ************************************/
.row-right-equal_five {
	border-bottom:1px solid #0099CC;
	float:left;
	padding:6px;
	position:relative;
	width:79px;
}
.row-left-equal_five {
	border-bottom:1px solid #0099CC;
	float:left;
	margin-left:1px;
	margin-right:0;
	padding:6px;
	position:relative;
	width:192px;
}
.column-left-equal_five {
	float:left;
	margin:0 2px;
	padding:0 5px 0 1px;
	position:relative;
	width:145px;
}
.column-right-equal_five {
	float:left;
	margin:0 -34px 0 34px;
	position:relative;
	width:89px;
}
html>body.column-right-equal_five {
	float:left;
	margin:0 -34px 0px 36px;
	position:relative;
	width:89px;
}
/********************************************classes for pc-budles***************************/
 
.row-left-equalsix {
	border-bottom:1px solid #0099CC;
	float:left;
	margin-left:1px;
	margin-right:0;
	padding:6px;
	position:relative;
	width:172px;
}
.row-right-equalsix {
	border-bottom:1px solid #0099CC;
	float:left;
	padding:6px;
	position:relative;
	width:65px;
}
/************************ Product with six columns********
The below css is applicable to 6 columns table
for example:
http://dev-02.telkom.co.za/products_services/equipment_accessories/accessories/Garmin_Nuvi/index.html
****************************************************/


.column-left-six {
	float:left;
	margin:0px;
	padding:0px 5px;
	position:relative;
	width:20%;
}
.column-right-six {
	float:left;
	margin:0px;
	padding:0px 5px;
	position:relative;
	width:13%;
}
.column-right-six p {
	margin-top:5px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.row-left-six {
	float:left;
	margin-left:5px;
	margin-right:0px;
	padding:0px 6px;
	position:relative;
	width:20%;
}
.row-left-six p {
	margin-top:5px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.row-right-six {
	float:left;
	padding:0px 6px;
	position:relative;
	width:13%;
}
.row-right-six p {
	margin-top:5px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}
/************************ 6 rows and columns end ***********************************/

/*******************************smartacess table width ****************************/

.table-fullwidth-smartaccess {
	background-color:#F5FBFE;
	border-top:1px solid #0099CC;
	border-bottom:1px solid #0099CC;
	background-color:#0099CC;
	clear:both;
	height:50px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
html> body .table-fullwidth-smartaccess {
	border-bottom:1px solid #0099CC;
	border-top:1px solid #0099CC;
	background-color:#0099CC;
	clear:both;
	height:80px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
/** Tender Bulleting Style *************/

.table-fullwidth-tender {
	background-color:#F5FBFE;
	border-top:1px solid #0099CC;
	border-bottom:1px solid #0099CC;
	background-color:#0099CC;
	clear:both;
	height:80px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
html> body .table-fullwidth-tender {
	border-bottom:1px solid #0099CC;
	border-top:1px solid #0099CC;
	background-color:#0099CC;
	clear:both;
	height:80px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
.white {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	margin-top: 0px;
	padding-left: 2px;
	padding-right: 2px;
}
html> body .white {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	margin-top: 0px;
	padding-left: 2px;
	padding-right: 2px;
}
.column-container-fullwidth-tender {
	border: 0px solid #E4E4E4;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: -10px;
	clear: both;
	width : 550px;
	height:auto;
	align : center;
}
/*.column-left-equalfour-tender {
	float:left;
	margin:0;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:80px;
	vertical-align:middle;
}*/
/*.column-middle-equalfour-tender {
	float:left;
	margin:0;
	padding-left:10px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:220px;
}*/
.column-middle-right-equalfour-tender {
	float:right;
	margin-right:10px;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:160px;
	text-align:left;
	vertical-align:middle;
}
.column-right-equalfour-tender {
	float:right;
	margin-right:0px;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width: 60px;
	vertical-align:middle;
}
.but-view a:hover {
	height: 26px;
 width:54px  display: block;
	background-color: transparent;
	vertical-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(image/but_view_over.gif);
	background-repeat: no-repeat;
	float: right;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}
.but-view a {
	height:26px;
	width:54px;
	display: block;
	background-color: transparent;
	vertical-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(image/but_view.gif);
	background-repeat: no-repeat;
	float: right;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}
/**

Please do not use but-view1 class use but-view1
**/

.but-view1 a:hover {
	height: 30px;
	width: 55px;
	display: block;
	background-color: transparent;
	vertical-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(image/but_view_over1.gif);
	background-repeat: no-repeat;
	float: right;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}
.but-view1 a {
	height: 30px;
	width: 55px;
	display: block;
	background-color: transparent;
	vertical-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(image/but_view1.gif);
	background-repeat: no-repeat;
	float: right;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}


/**

added the remove button
date : 13 June 2011
**/

.but-remove a:hover {
	height: 30px;
	width: 55px;
	display: block;
	background-color: transparent;
	vertical-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(image/but_remove_over.gif);
	background-repeat: no-repeat;
	float: right;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}
.but-remove a {
	height: 30px;
	width: 55px;
	display: block;
	background-color: transparent;
	vertical-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(image/but_remove.gif);
	background-repeat: no-repeat;
	float: right;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}



/*download button added by ludwig (28/01/11) - used on telematics page */
.but-download a:hover {
	height: 26px;
	width: 81px;
	display: block;
	background-color: transparent;
	vertical-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -3px;
	background-image: url(image/but_download_over.gif);
	background-repeat: no-repeat;
	float: left;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}
.but-download a {
	height: 26px;
	width: 81px;
	display: block;
	background-color: transparent;
	vertical-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -3px;
	background-image: url(image/but_download.gif);
	background-repeat: no-repeat;
	float: left;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}
/*make table cell same height as the download icon*/
.cell-download{
	height: 26px;
	border-bottom-width: 0px;
	vertical-align: center;
}

/*register button added by ludwig (02/02/11) - used on procurement */
.but-register a:hover {
	height: 30px;
	width: 68px;
	display: block;
	background-color: transparent;
	vertical-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(image/but_register_over.gif);
	background-repeat: no-repeat;
	float: right;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}
.but-register a {
	height: 30px;
	width: 68px;
	display: block;
	background-color: transparent;
	vertical-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(image/but_register.gif);
	background-repeat: no-repeat;
	float: right;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}

.but-edit a:hover {
	height: 30px;
	width: 55px;
	display: block;
	background-color: transparent;
	vertical-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(image/but_edit_over.gif);
	background-repeat: no-repeat;
	float: right;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}
.but-edit a {
	height: 30px;
	width: 55px;
	display: block;
	background-color: transparent;
	vertical-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(image/but_edit.gif);
	background-repeat: no-repeat;
	float: right;
	vertical-align: middle;
	font-size:1px;
	clear:both;
}
/**************END OF TENDER *******************/

/** table for TI-DIS**/
 

.contentbox-content-table {
	background-color: transparent;
	position: relative;
	border: 1px solid #E4E4E4;
	width: 97%;
	height: 100%;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/**  added wimax style **/
.column-left-equalfour {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
	float: left;
	width: 240px;
}
.column-right-equalfour {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
	float: left;
	width: 80px;
}
.column-left-four {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
	float: left;
	width: 140px;
}
.column-right-four {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
	float: left;
	width: 110px;
}
/* http://dev-02.telkom.co.za/about_us/corporate_governance/corporate_governance.html */

.column-left-five {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
	float: left;
	width: 151px;
}
.column-right-five {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
	float: left;
	width: 87px;
}
.column-right-five_2col {
	float:right;
	margin:0;
	padding:2 5px 1px;
	position:relative;
	width:162px;
}
.column-leftcolumn {
	float: left;
	width: 122px;
	margin-left: 0%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.column-right-four3 {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
	padding-right:5px;
	float: left;
	width: 150px;
}
.row-left-equalfour {
	margin-left: 1px;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:240px;
	border-bottom:1px solid #0099CC;
	padding:6px;
}
.row-right-equalfour {
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:93px;
	border-bottom:1px solid #0099CC;
	padding:6px;
}
.row-left-four {
	margin-left: 5px;
	margin-right: 0px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:140px;
	padding:6px;
}
.row-right-four {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:110px;
	padding:6px;
}
/** tender classes**/
/*.row-left-equalfour-tender {
	float:left;
	margin-left:1px;
	margin-right:0;
	padding:6px;
	position:relative;
	width:210px;
}*/
.row-right-equalfour-tender {
	float:left;
	padding:6px;
	position:relative;
	width:103px;
}
html> body .white {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	margin-top: 0px;
	padding-left: 2px;
	padding-right: 2px;
}
.white {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	margin-top: 0px;
	padding-left: 2px;
	padding-right: 2px;
}
/*** end tenders **/




 .broadband_coverage_header {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
	float: left;
	width: 110px;
}
.broadband_coverage_header1 {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
	float: left;
	width: 60px;
}
.broadband_coverage_row1 {
	margin-left: 1px;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:60px;
	border-bottom:1px solid #0099CC;
	padding:6px;
}
.broadband_coverage_row2 {
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:112px;
	border-bottom:1px solid #0099CC;
	padding:6px;
}
.wimax_compare_row {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:175px;
	border-bottom:1px solid #0099CC;
	padding:6px;
}
.wimax_compare_header {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
	float: left;
	width: 170px;
}
.column_equalleft {
	margin-left: 1px;
	margin-right: 0px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	float:left;
	width:245px;
	border-bottom:1px solid #0099CC;
	padding:6px;
}
.column_equalright {
	padding-top: 3px;
	padding-bottom: 3px;
	float:left;
	width:300px;
	border-bottom:1px solid #0099CC;
	padding:6px;
}
.coverage_maps_left {
	margin-left: 1px;
	margin-right: 0px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	float:left;
	width:248px;
	border-bottom:1px solid #0099CC;
	padding:6px;
}
.coverage_maps_right {
	padding-top: 3px;
	padding-bottom: 3px;
	float:left;
	width:295px;
	border-bottom:1px solid #0099CC;
	padding:6px;
}
/*   w-cdma */
.left_compare_row {
	border-bottom:1px solid #0099CC;
	float:left;
	padding:6px;
	margin-left:3px;
	position:relative;
	width:175px;
}
.column-left-borderline {
	border-bottom:1px solid #0099CC;
	float:left;
	margin-left:5px;
	padding-left:3px;
	padding:0;
	width:30%;
}
.column-right-borderline {
	border-bottom:1px solid #0099CC;
	float:left;
	margin:0;
	padding:0;
	width:67%;
}
/* end w-cdma*/
		
/*#contentbox-bottom-blue a:hover{
	color: #018AB6;
}*/

		
.corner-left-blue {
	background-image: url(/css/image/corner_left_blue.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	float: left;
	height: 25px;
	width: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
.corner-right-blue {
	background-image: url(/css/image/corner_right_blue.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	height: 25px;
	width: 12px;
	position: relative;
}
.corner-left-orange {
	background-image: url(/css/image/corner_left_orange.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	float: left;
	height: 25px;
	width: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
.corner-right-orange {
	background-image: url(/css/image/corner_right_orange.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	height: 25px;
	width: 12px;
	position: relative;
}
.corner-left-green {
	background-image: url(/css/image/corner_left_green.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	float: left;
	height: 25px;
	width: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
/** for blue double header */
	
	
.corner-left-blue_2row {
	background-image: url(/css/image/corner_left_blue_2rows.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
.corner-right-blue_2row {
	background-image: url(/css/image/corner_right_blue_2rows.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	height: 50px;
	width: 12px;
	position: relative;
}
.contentbox-header-blue_2row h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contentbox-header-blue_2row {
	background-image: url(/css/image/tile_blue_2rows.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 50px;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}
.contentbox-header-blue-3row h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contentbox-header-blue-3row {
	background-image: url(/css/image/tile_blue_3rows.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 75px;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}
.contentbox-header-green {
	background-image: url(/css/image/tile_contentheader_green.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	/*width: 200px;*/
	width: 100%;
	text-align: left;
	vertical-align: middle;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	float: left;
}
.contentbox-header-green h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contentbox-header-green-homepage {
	background-image: url(/css/image/tile_contentheader_green.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	width: 202px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	float: right;
}
.contentbox-header-green-homepage h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
}
.contentbox-header-orange-homepage {
	background-image: url(/css/image/tile_contentheader_orange.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	width: 202px;
	/*width: 100%;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}
.contentbox-header-orange-homepage h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	text-align: left;
	padding-top: 4px;
}
.contentbox-header-orange {
	background-image: url(/css/image/tile_contentheader_orange.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}
.contentbox-header-orange h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.header-green_h3 {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
}
.header-blue_h3 {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0033CC;
	margin: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
}
/** sello **/
.contentbox-header-blue-homepage-right-container {
	background-image: url(/css/image/tile_contentheader_blue.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	width: 202px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	float: right;
}
.contentbox-header-blue-homepage-right-container h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
}
/************** Contentboxes END ***********/



/************** Columns inside contentboxes START ***********/
html>body .xbox-content-right {
	width: 75%;
	height: 100%;
	position: relative;
	display: block;
	margin-left:130px;
}
.column-left-cc {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 15%;
	height: 112px;
	float: left;
	clear: none;
	background-color: transparent;
	color:#000000;
	position: relative;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
html>body .column-left-cc {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 15%;
	height: 100px;
	float: left;
	clear: none;
	background-color: transparent;
	color:#000000;
	position: relative;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
/*
.column-right-cc{
  float:left;
  padding:0;
  width:60%;
  position:relative;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:normal;
  margin:0 7px 7px;

 }
html>body .column-right-cc{
  float:left;
  width:70%;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:normal;
  margin:0 7px 7px;

}*/
/*****
This allows the H3 on the customer centre pages to align vertically with the paragraph and links below it.
URL: http://dev-02.telkom.co.za/general/customercentre/account.html 
*****/
.column-right-cc {
	/*float:left;*/
  padding:0;
	width:75%;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0 7px 7px;
}
html>body .column-right-cc {
	width:70%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0 90px 7px;
}
.column-right-cc h3 {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #22b8ea;
	margin: 0px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 7px;
}
.column-right-cc p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0 7px 7px;
	padding:7px 0 0;
	text-align:left;
}
html>body .column-right-cc p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0 7px 7px;
	padding:7px 0 0;
	text-align:left;
}
.column-left-cc-paybill {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 15%;
	height: 125px;
	float: left;
	clear: none;
	background-color: transparent;
	color:#000000;
	position: relative;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
/************** Columns inside contentboxes END ***********/

/************** Lists start ***********/

.contentbox-list {
	margin-left: 10px;
}
.contentbox-list ul {
	height: auto;
	width: 200px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
.contentbox-list ul li {
	background: url(/css/image/icon_buy.gif);
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position:left;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
/************** Lists end ***********/



/************** Content page Banners START ************/

.content-banners {
	background-color: transparent;
	height: 70px;
	width: 592px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
html>body .content-banners {
	margin-bottom: 30px;
}
.banner-left {
	margin-top: 15px;
	margin-right: 6px;
	margin-bottom: 15px;
	margin-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E4E4E4;
	border-right-color: #E4E4E4;
	border-bottom-color: #E4E4E4;
	border-left-color: #E4E4E4;
	position: relative;
	height: 70px;
	width: 262px;
	float: left;
	padding: 0px;
}
html>body .banner-left {
	margin-top: 15px;
	margin-right: 13px;
	margin-bottom: 15px;
	margin-left: 16px;
}
.banner-right {
	margin-top: 15px;
	margin-right: 8px;
	margin-bottom: 15px;
	margin-left: 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E4E4E4;
	border-right-color: #E4E4E4;
	border-bottom-color: #E4E4E4;
	border-left-color: #E4E4E4;
	position: relative;
	height: 70px;
	width: 262px;
	float: right;
}
html>body .banner-right {
	margin-top: 15px;
	margin-right: 13px;
	margin-bottom: 15px;
	margin-left: 16px;
}
.banners-homepage {
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* home page banners for yellow page*/

.homepage-content-banners-middle {
	background-color: transparent;
	height: 70px;
	width: 380px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.homepage-banner-right-middle {
	margin-top: 15px;
	margin-right: 8px;
	margin-bottom: 15px;
	margin-left: 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	height: 70px;
	width: 170px;
	float: right;
}
.homepage-banner-left-middle {
	margin-top: 15px;
	margin-right: 4px;
	margin-bottom: 15px;
	margin-left: 8px;
	position: relative;
	height: 70px;
	width: 170px;
	float: left;
	padding: 0px;
}
/************** Generic Styles Content Boxes (applies to any color contentbox NB! 2 different styles (homepage and all followup pages on the site)  END ***************/
/***********************************************/
				
				
/***********************************************/
/************** Blue content Boxes  START ***************/
	
#homepage_arrowlink_productrange a {
	margin-right: 6px;
	margin-top: -17px;
	background: url(/css/image/arrow_blue_lightbluebg.gif);
	background-repeat: no-repeat;
}
#homepage_arrowlink_productrange a:hover {
	margin-right: 6px;
	margin-top: -17px;
	background: url(/css/image/arrow_blue_lightbluebg_over.gif);
	background-repeat: no-repeat;
}
/************** Blue content Boxes  END ***************/
/***********************************************/
		

/************** Homepage Banners START ***************/
/***********************************************/

.smallbanner_top {
	background-image: url(/image/banner.jpg);
	background-repeat: no-repeat;
	padding: 8px 0px 0px 0px;
	margin-left: 13px;
	height: 90px;
	width: 190px;
}
.smallbanner_bottom {
	background-image: url(/image/banner.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 13px;
	margin-top:auto;
	height: 90px;
	width: 190px;
}
/************** Homepage Banners END ***************/
/***********************************************/



/***********************************************/
/*************  Footer START ***************/



/* --- */
#container-footer .copyright-notice {
	display:block;
	clear:both;
	text-decoration: none;
	margin: 0px auto;
	padding: 5px 0px 10px;
	width: 250px;
	border: 0px none #CCCCCC;
	position: relative;
	height: auto;
	font: normal 10px Arial, Helvetica, sans-serif;
}
/* Footer Navigation System */
#navigation-footer {
	margin: 0px auto;
	padding: 0px;
	width: 300px;
	height: auto;
	list-style: none;
	position: relative;
	clear:both;
	font: 10px Arial, Helvetica, sans-serif;
}
#navigation-footer li {
	margin: 0px;
	padding: 0px 5px;
	float: left;
	height: auto;
	width: auto;
	border-top: 0px none #000;
	border-right: 1px solid #000;
	border-bottom: 0px none #000;
	border-left: 0px none #000;
	list-style: none;
}
#navigation-footer li.last-item {
	border: 0px none #CCCCCC;
}
#navigation-footer a {
	text-decoration: none;
}
#navigation-footer a:hover {
	text-decoration: underline;
}
/* //End of Footer Navigation System */
/* --- */
/* Footer Icons Navigation System */
#navigation-footer-icons {
	margin: 0px auto;
	padding: 0px 0px 10px;
	width: 240px;
	height:auto;
	list-style: none;
	position: relative;
	clear:both;
}
#navigation-footer-icons li {
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 37px;
	float: left;
	border-top: 0px none #CCCCCC;
	border-right: 0px none #CCCCCC;
	border-bottom: 0px none #CCCCCC;
	border-left: 0px none #CCCCCC;
	list-style: none;
}
#navigation-footer-icons .footer-aardvark a, #navigation-footer-icons .footer-proudlysa a, #navigation-footer-icons .footer-whitepages a, #navigation-footer-icons .footer-yellowpages a, #navigation-footer-icons .footer-do a, #navigation-footer-icons .footer-cybernest a, #navigation-footer-icons .footer-8ta a {
	background: url(image/nav_footer_icons.gif) no-repeat;
	height: 37px;
	padding: 0px;
	margin: 0px 3px 0px 3px;
	border-top: 0px none #CCCCCC;
	border-right: 0px none #CCCCCC;
	border-bottom: 0px none #CCCCCC;
	border-left: 0px none #CCCCCC;
	text-indent:-9999em;
	display:block;
}
#navigation-footer-icons .footer-aardvark a {
	background-position: -273px 0px;
	width: 36px;
}
#navigation-footer-icons .footer-cybernest a {
	background-position: -322px 0px;
	width: 31px;
}
#navigation-footer-icons .footer-do a {
	background-position: -43px 0px;
	width: 32px;
}
#navigation-footer-icons .footer-8ta a {
	background-position: 0px 0px;
	width: 31px;
}
#navigation-footer-icons .footer-whitepages a {
	background-position: -88px 0px;
	width: 39px;
}
#navigation-footer-icons .footer-yellowpages a {
	background-position: -138px 0px;
	width: 31px;
}
#navigation-footer-icons .footer-proudlysa a {
	background-position: -181px 0px;
	width: 38px;
}

#navigation-footer-icons .first-item {
	margin-left: 0px;
}
#navigation-footer-icons .last-item {
	margin-right: 0px;
}
/* //End of Footer Icons Navigation System */
/*************  Footer END ***************/

/** START BUTTONS FOR THE CUSTOMERCENTRE PAGES ****/

.account-image {
	background-image: url(/css/image/img_largebut_account.gif);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: middle;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
}
.account-image h2 {
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #0099cc;
}
.callus-image {
	background-image: url(/css/image/img_largebut_callus.gif);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: middle;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
}
.callus-image h2 {
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #0099cc;
}
.account-image {
	background-image: url(/css/image/img_largebut_account.gif);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: middle;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
}
.account-image h2 {
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #0099cc;
}
.orders-image {
	background-image: url(/css/image/img_largebut_order.gif);
	;
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: middle;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
}
.orders-image h2 {
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #0099cc;
}
.faults-image {
	background-image: url(/css/image/img_largebut_faults.gif);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: middle;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
}
.faults-image h2 {
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #0099cc;
}
.profile-image {
	background-image: url(/css/image/img_largebut_profile.gif);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: middle;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
}
.profile-image h2 {
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #0099cc;
}
.contact-image {
	background-image: url(/css/image/img_largebut_contact.gif);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: middle;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
}
.contact-image h2 {
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #0099cc;
}
.utilities-image {
	background-image: url(/css/image/img_largebut_utilities.gif);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: middle;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
}
.utilities-image h2 {
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 175px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #0099cc;
}
/** END BUTTONS FOR THE CUSTOMERCENTRE PAGES ****/
.withspace h2 {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099cc;
	margin: 10px;
	padding: 10px;
}
#summary-but-home {
	margin-bottom:-15px;
	margin-top:-8px;
}
#summary-but-home a {
	right:-85px;
}
.orange-font {
	color: #F89209;
}
.orangetext {
	color:orange;
	font-weight:bold;
}
.green-font {
	color: #00CC33;
}
.red-font {
	color: #B00000;
}
/** Pinnacle competition */
 .pinnacle-winners-row1 {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:40px;
	border-bottom:0px solid #0099CC;
	padding:6px;
	clear:both;
	height:fixed;
}
.pinnacle-winners-row2 {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:175px;
	border-bottom:0px solid #0099CC;
	padding:6px;
	height:fixed;
}
.borderline {
	border-top:1px solid #0099CC;
	clear:both;
	padding-top:10px;
}
.back_top {
	float: right;
}
/*** Press Release ****/
.row-press-release {
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:130px;
	padding:6px;
}
/***************************HR secondary navigational list*********/

.secondnav {
	float: left;
	width: 150px;
	background-color: transparent;
	height: auto;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.secondnav ul {
	height: auto;
	width: 122px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	list-style:none;
}
.secondnav ul li {
	line-height:1.3em;
	margin: .25em 0;
	background:url(/css/image/arrow_green_leftnav_bluebg.jpg) no-repeat 0 0px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	padding-left: 20px;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.secondnav li ul {
	margin:0 0 0 0px;
	list-style:disc;
}
.secondnav li ul li {
	padding-left:0;
	background:none;
	font-weight: normal;
	font-size: 11px;
}
/** media & press release ******/


.row-left-four2 {
	margin-left: 10px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 0px;
	float:left;
	position:relative;
	width:120px;
	padding:0px;
}
.row-right-four2 {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:110px;
	padding:6px;
}
.supreme_compare_row {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:175px;
	border-bottom:0px solid #0099CC;
	padding:6px;
}
.lightbluebg-supreme {
	background-color: #f5fbfe;
	height:100%;
	width: 100%;
}
.supreme-row-left-equalfour {
	margin-left: 1px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float:left;
	position:relative;
	width:250px;
	border-bottom:0px solid #0099CC;
	padding:6px;
}
.supreme-row-right-equalfour {
	padding-top: 0px;
	padding-bottom: 0px;
	float:left;
	position:relative;
	width:73px;
	border-bottom:0px solid #0099CC;
	padding:6px;
}
.supreme-three_row {
	padding-top: 10px;
	padding-left:12px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width: 156px;
	border-bottom:0px solid #0099CC;
	padding:6px;
}
html>body .supreme-three_row {
	padding-top: 0px;
	padding-left:30px;
	padding-bottom: 0px;
	float:left;
	position:relative;
	width: 92px;
	border-bottom:0px solid #0099CC;
	padding:45px;
}
html>body .supreme-row-right-equalfour {
	padding-top: 0px;
	padding-bottom: 0px;
	float:left;
	position:relative;
	width:50px;
	border-bottom:0px solid #0099CC;
	padding:20px;
}
/***************************header for equipment and accessories **********************************/
 
 
.header-right-equal-six {
	margin-left:1px;
	margin-right:0;
	float:left;
padding:6 5px position:relative;
	width:80px;
	height :25px;
}
.row-right-equal-six {
	border-bottom:1px;
	/**border-bottom:1px solid #0099CC;*/
float:left;
	/**margin-left:1px;*/
margin-right:0;
	padding:6px;
	position:relative;
	width:70px;
}
.header-left-equal-six {
	float:left;
	margin-left:1px;
	margin-right:0;
padding:6 5px position:relative;
	width:140px;
}
.row-left-equal-six {
	border-bottom:1px;
	/**border-bottom:1px solid #0099CC;*/
float:left;
	/**margin-left:1px;*/
margin-right:0;
	padding:6px;
	position:relative;
	width:145px;
}
/***************************header for equipment and accessories end **********************************/

/*********************************** This class indentation , notification and price , styles applied on the text
EG : 
http://dev-02.telkom.co.za/products_services/equipment_accessories/accessories_index.html
*********************************************************************************/
 
.notification {
	color:#F26100;
}
.text-indent {
	text-indent:30px;
	color:#F26100;
}
.price {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF6600;
	margin: 0px;
	margin-left:10px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.but-trolley {
	border: none;
	margin-left:120px;
}
/*************************************************This is a greyline class on the page
EG
http://dev-02.telkom.co.za/products_services/equipment_accessories/phones_index.html
*********************************************/
.greyline {
	border: thin;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#E4E4E4;
	border-left:#FFFFFF;
	border-right:#FFFFFF;
	border-top:#FFFFFF;
	clear:both;
}
/***********************************************This is the class to hack the height problem in mozilla
for the contentbox border on CPE pages
Used here http://dev-02.telkom.co.za/products_services/equipment_accessories/accessories/jetflash_32gb/index.html

************************************************************************/
html>body .eaborder {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	color:#000000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	height:12em;
	margin:0 0 12px 4px;
	padding:0;
	padding-bottom:25px;
	position:relative;
	vertical-align:top;
	width:285px;
}
/***********************************************This is the class to hack the height problem in mozilla

Used here http://dev-02.telkom.co.za/products_services/equipment_accessories/accessories/jetflash_32gb/index.html

************************************************************************/
html>body .ea2 {
	background-color:transparent;
	border:1px solid #E4E4E4;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:3em;
	margin:0px;
	padding:0px;
	position:relative;
	width:99.5%;
}
/************* added by Sanele  **************/

/*****

This class is used to align the div to the left within the main content box to two equal div’s. its for Mozilla 2/3  

 URL: http://dev-02.telkom.co.za/products_services/call_features/index.html

 *****/

html > body .column-left-cc50 {
	background-color:transparent;
	clear:none;
	color:#000000;
	display:block;
	float:left;
	height:100px;
	margin-bottom:0;
	margin-left:-7px;
	margin-top:0;
	padding:0;
	position:relative;
	width:80px;
}
/******
This class is used to align the div to the left within the main content box to two equal div’s. its for IE6  
URL: http://dev-02.telkom.co.za/products_services/call_features/index.html
*******/

.column-left-cc50 {
	color:#000000;
	float:left;
	height:100px;
	margin-bottom:0;
	margin-left:-7px;
	margin-top:0;
	padding:0;
	position:absolute;
	width:80px;
}
/***** 
This class is used to align the div to the right  within the main content box to two equal div’s. its for Mozilla 2/3  
URL: http://dev-02.telkom.co.za/products_services/call_features/index.html
*****/

html > body .column-right-cc50 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0 7px 7px;
	width:160px;
}
/*******
This class is used to align the div to the right  within the main content box to two equal div’s. its for IE6 
URL: http://dev-02.telkom.co.za/products_services/call_features/index.html
******/

.column-right-cc50 {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0 7px 7px;
	width:160px;
}
/*****
This is the light blue class with border for compatibility list page, it puts the alternating colours between rows.  For all browsers 
URL: http://dev-02.telkom.co.za/products_services/call_features/compatibility_list.html
*****/

.lightbluebg-border {
	background-color:#F5FBFE;
	border: 1px #E4E4E4 solid;
	vertical-align:top;
}
/*****
This class is used to align the columns and text and also specify the width in percentage in the compatibility page. For all browsers 
URL: http://dev-02.telkom.co.za/products_services/call_features/compatibility_list.html
*****/

.td-clist {
	width: 8.3%;
	background-color: #b3e2f2;
	border: 1px #E4E4E4 solid;
	text-align:left;
	vertical-align:top;
}
/*****
This class is used to align the columns  and text and also specify the width in percentage, with bold text in the compatibility page. For all browsers 
URL: http://dev-02.telkom.co.za/products_services/call_features/compatibility_list.html
*****/

.td-clist-no-bold {
	width: 8.3%;
	font-weight: normal;
	border: 1px #E4E4E4 solid;
	text-align:left;
	vertical-align:top;
}
/*****
It is the same as the existing class, the only change is the width. 
This class is used to increase the  width of the table in the compatibility page in percentage. For all browsers
URL: http://dev-02.telkom.co.za/products_services/call_features/compatibility_list.html
*****/

.contentbox-fullwidth-fullscreen {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	clear:both;
	color:#000000;
	display:block;
	height:auto;
	margin:0 0 12px 4px;
	padding-bottom:10px;
	padding-right:6px;
	position:relative;
	vertical-align:top;
	width:95%;
}
/*****
It is the same as the existing class, the only change is the width. 
This class is used to increase the  width of the table in the compatibility page in percentage. For all browsers
URL: http://dev-02.telkom.co.za/products_services/call_features/compatibility_list.html
*****/

.contentbox-header-blue-fullscreen {
	background-image:url(/css/image/tile_contentheader_blue.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	clear:both;
	height:25px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
/*****
It is the same as the existing class, the only change is the alignment. 
This class is used to align the text of the table  to the left in the compatibility page. For all browsers
URL: http://dev-02.telkom.co.za/products_services/call_features/compatibility_list.html
*****/

.contentbox-header-blue-fullscreen h2 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:4px 0 0;
	text-align:left;
	vertical-align:middle;
}
/*****
It is the same as the existing class, the only change is the width.
This class is used to increase the  width of the table in the compatibility page in percentage. For all browsers
URL: http://dev-02.telkom.co.za/products_services/call_features/compatibility_list.html
*****/

.contentbox-content-fullscreen {
	background-color:transparent;
	border:1px solid #E4E4E4;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	width:99.8%;
}
/*****

This class is used to indent columns in the mailmanager plus features page table. For all browsers
URL: http://dev-02.telkom.co.za/products_services/call_features/mailmanagerplus/features.html
*****/
.table-indent-left {
	padding-left:30px;
	width:215px;
}
/************** end Sanele ****************************/





/** to be used on paragraphtext used in table headers to space the headings of the tables  (may need adjustment) **/

.smallmargin {
	margin-left: 1px;
	margin-right:1px;
	margin-top:5px;
	margin-bottom: 5px;
}
/** Used to indent a list's text (to align the text below the bullet but with an indent of 10px) **/
.indent {
	text-indent: 10px;
}
/** Used to align text to the right inside table or div **/
.align-right {
	text-align: right;
}
/** Used to align text to the left inside table or div **/
.align-left {
	text-align: left;
}
/** Used to align text to the middle/center inside table or div **/
.align-center {
	text-align: center;
}
.clear {
	clear:both;
}

.v-aling-top{
vertical-align:top;
}
/**

*this class aligns the text and image on the award page
*http://dev-02.telkom.co.za/about_us/awards.html
**/

.awards_container {
	float:right;
	margin:20px 0 10px;
	padding:0 0 20px;
	width:98%;
	clear:both;
}
html > body .awards_text {
	color:#000000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:230px;
	padding-left:20px;
}
.awards_text {
	color:#000000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:220px;
	padding-left:20px;
}
.add-border img {
	border:1px solid #1C4771;
}
html>body .awards_photo {
	width: 138px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: none;
	float: left;
}
.awards_photo {
	width: 138px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: none;
	float: left;
}
html>body .column-left-eight {
	float:left;
	margin:0px;
	padding:0px 5px;
	position:relative;
	width:77px;
}
.column-left-eight {
	float:left;
	margin:0px;
	padding:0px;
	padding:5px;
	padding:0px;
	padding:0px;
	position:relative;
	width:70px;
}
.column-right-eight {
	float:left;
	height:1%;
	margin:0px;
	padding:0px 5px;
	position:relative;
	width:55px;
}
/**http://dev-02.telkom.co.za/about_us/sustainability/global_reporting_initiative/global_reporting_initiative.htm**/




.column-left-two-lastcolumn {
	float:left;
	height:1%;
	margin:0px;
	padding:0 5px;
	position:relative;
	width:195px;
}
html>body .column-left-two-lastcolumn {
	float:left;
	height:1%;
	margin:0px;
	padding:0 5px;
	position:relative;
	width:205px;
}
/* http://dev-02.telkom.co.za/about_us/corporate_governance/risk/risk_management.html */


.row-right-equalfour-2col {
	border-bottom:1px solid #0099CC;
	float:left;
	padding:6px;
	position:relative;
	width:186px;
}
/**************/
/**
* This class adds the dark blue background on the second row of the 5 column table
* e.g  http://dev-02.telkom.co.za/about_us/corporate_governance/corporate_governance.html 
*/
.table-fullwidth-alphabet {
	background-color:#F5FBFE;
	border-top:1px solid #0099CC;
	border-bottom:1px solid #0099CC;
	background-color:#0099CC;
	clear:both;
	height:20px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
.share-date {
	margin-top:3px;
	margin-left:-5px;
	padding-bottom:0px;
	font-weight: bold;
	color:#000000;
	padding-left:12px;
	border-bottom:1px solid #E3E3E3;
}
.share-price {
	color:#000000;
	font-weight: bold;
	width:78px;
}
.share-spot {
	color:#000000;
	font-weight: bold;
}
.share-percentage {
	color:#000000;
	width:100px;
}
/********************/







.white {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
html>body .white {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	margin-top: 0px;
	padding-left: 2px;
	padding-right: 2px;
}
/**
* This classes  algins the clomns on sustainability 
*http://dev-02.telkom.co.za/about_us/sustainability/bee/bee.html
*
*/
.row-left-equalfour-sustainability {
	border-bottom:1px solid #0099CC;
	float:left;
	padding:6px;
	position:relative;
	width:269px;
}
.row-right-equalfour-sustainability {
	border-bottom:1px solid #0099CC;
	float:left;
	margin-right:0;
	padding:6px;
	position:relative;
	width:85px;
}
.column-right-equalfour-sustainability {
	float:left;
	margin:0;
	padding:0 5px;
	position:relative;
	width:86px;
}
.column-left-equalfour-sustainability {
	float:left;
	margin:0;
	padding:0 5px;
	position:relative;
	width:248px;
}
/***
*This classes (.scheduled and special) center aligns the text on top of two columns of a table
* http://dev-02.telkom.co.za/about_us/corporate_governance/corporate_governance.html
**/
.scheduled {
	float:right;
	margin:0;
	position:relative;
	width:198px;
	margin-left: 20px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom: -2px;
}
.special {
	float:right;
	margin:0;
	position:relative;
	width:117px;
	margin-left: 20px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom: -2px;
}
/***needs the comment**/
.column-leftcolumn {
	float: left;
	width: 122px;
	margin-left: 0%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* http://dev-02.telkom.co.za/about_us/sustainability/human_capital_management/human_capital_management.html

align a column right on a table of eight colums */


.align-right-sustainability {
	padding-right:5px;
	text-align:right;
	vertical-align:middle;
}
html>body .align-right-sustainability {
	padding-right:18px;
	text-align:right;
	vertical-align:middle;
}
/*creates the dark bule colour on table rows * 
 http://dev-02.telkom.co.za/about_us/corporate_governance/business_code_of_ethics/business_code_of_ethics.html */


.table-fullwidth-alphabet-sustainability {
	background-color:#0099CC;
	border-bottom:1px solid #0099CC;
	border-top:1px solid #0099CC;
	clear:both;
	height:40px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
/* http://dev-02.telkom.co.za/about_us/corporate_governance/risk/risk_management.html */



.bgcolor-teal {
	background-color: #83CFD4;
	height:26px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
	clear:both;
}
.table-fullwidth-alphabet {
	background-color:#0099CC;
	clear:both;
	height:26px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
/** This is the header for a 5 column table to be used with the first column left **/
.column-left-180-header {
	position:relative;
	margin-top:5px;
	margin-left:5px;
	width:180px;
	float:left;
	vertical-align:text-top;
}
/** This is the header for a 5 column table to be used with the rest of the columns to the right **/
.column-equal-80-header {
	position:relative;
	margin-top:5px;
	margin-left:10px;
	width:80px;
	vertical-align:text-top;
	text-align:right;
	float:left;
}
/** This is used  on the header for a 5 column table to be used with the last column to the right **/
.column-equal-80-header-lastcol {
	position:relative;
	margin-top:5px;
	margin-right:4px;
	width:80px;
	vertical-align:text-top;
	text-align:right;
	float:right;
}
.column-equal-80-lastcol {
	position:relative;
	margin-right:4px;
	width:80px;
	vertical-align:text-top;
	text-align:right;
	float:right;
}
/** This is the used for the content for a 5 column table to be used for the first column on the left **/
.column-left-180 {
	position:relative;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	width:180px;
	text-align: left;
	vertical-align:text-top;
}
/** This is the used for the content for a 5 column table to be used with the rest of the columns to the right excluding the last column **/
.column-equal-80 {
	position:relative;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	width:80px;
	text-align: right;
	vertical-align:text-top;
}
.column-equal-115 {
	padding:0 5px;
	position:relative;
	text-align:right;
	vertical-align:middle;
	width:115px;
}
/** make an object float right on the page **/
.float-right {
	float:right;
}
/** make an object float left on the page **/
.float-left {
	float:left;
}
/*
*
*http://dev-02.telkom.co.za/products_services/intercall/cost.html
**/
.compare-row {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 7px;
	float:left;
	position:relative;
	width:175px;
	border-bottom:1px solid #0099CC;
}
.compare-header {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
	float: left;
	width: 170px;
}
.monthly-rental {
	float:right;
	margin:0 1px -2px 20px;
	position:relative;
	width:300px;
}
html> body .table-fullwidth-alphabet {
	background-color:#F5FBFE;
	border-top:1px solid #0099CC;
	border-bottom:1px solid #0099CC;
	background-color:#0099CC;
	clear:both;
	height:51px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
/** This class is used for the video on the index page FIFA 2010 
http://dev-02.telkom.co.za/sponsorship/fifa_2010/index.html
*/
#telkomvideo {
	background: #FFFFFF;
	margin: 10px auto 10px;
	padding: 0px;
	clear: both;
	height: 500px;
	width: 582px;
	border-style: none;
	position: relative;
}
#telkomvideo #holder {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 500px;
	width: 582px;
	border-style: none;
	position: relative;
}
/*****************************************Bookmarks on FIFA Index page
http://dev-02.telkom.co.za/sponsorship/fifa_2010/telecom_services.html ************************************/

 .row-right-three-bookmarks {
	float:left;
	padding:0px 6px;
	position:relative;
	width:183px;
}
/***************************************** Hipath 3000 Index page
http://dev-02.telkom.co.za/products_services/hipath/hipath_3000/index.html ************************************/

.column-right-four-117px {
	float:left;
	margin:0;
	padding:0 5px;
	position:relative;
	width:117px;
}
/***************************************** Hipath Index page
http://dev-02.telkom.co.za/products_services/hipath/hipath_4000/index.html ************************************/


.column-right-six-compare-col {
	float:left;
	margin:0;
	padding:0 5px;
	position:relative;
	width:78%;
}
/************************************************** PAIA 

http://dev-02.telkom.co.za/general/paia/index.html *********************************************************************/

.pdf-text-right {
	border:0 none;
	display:block;
	float:right;
	font-size:10px;
	font-weight:bold;
	height:auto;
	margin-right:0;
	margin-top:12px;
	padding:0px;
	position:relative;
	width:75px;
}
.pdf-icon-right {
	border:0 none;
	display:block;
	float:right;
	height:20px;
	margin-top:0px;
	margin-left:0px;
	padding:0px 2px;
	position:relative;
	width:18px;
}
.paia-toptext {
	color:#000000;
	font-size:11px;
	font-weight:bold;
	margin-bottom:0px;
	margin-right:0;
	margin-top:1px;
	width:66px;
}
.paia-textimage-placer-border {
	border:1px solid #E4E4E4;
	padding-bottom:5px;
	padding-left:10px;
	padding-top:5px;
}
.contentbox-content-paia {
	background-color: transparent;
	position: relative;
	border: 1px solid #E4E4E4;
	width: 99.5%;
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.contentbox-content-paia ul {
	height: auto;
	width: 95%;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type:none;
}
html>body .contentbox-content-paia ul {
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type:none;
}
.contentbox-content-paia img {
	margin:0;
	padding:10px 0;
	position:relative;
}
.paia-textimage-placer-border {
	border:1px solid #E4E4E4;
}
.contentbox-left-three {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	color:#000000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	height:auto;
	margin:0 0 12px 4px;
	padding:0;
	position:relative;
	vertical-align:top;
	width:188px;
}
html>body .contentbox-left-three {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	color:#000000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	height:auto;
	margin:0 0 12px 6px;
	padding:0;
	position:relative;
	vertical-align:top;
	width:192px;
}
.contentbox-center-three {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	color:#000000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	height:auto;
	margin:0 0 12px 4.75px;
	padding:0;
	position:relative;
	vertical-align:top;
	width:186px;
}
html>body .contentbox-center-three {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	color:#000000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	height:auto;
	margin:0 0 12px 5.5px;
	padding:0;
	position:relative;
	vertical-align:top;
	width:189px;
}
.contentbox-right-three {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	color:#000000;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	height:auto;
	margin:0 4px 12px 0;
	padding:0;
	position:relative;
	vertical-align:top;
	width:188px;
}
/***************************************************End PAIN**********************************************************************/
 
/******************** ISDN PAGES *****************************************
http://dev-02.telkom.co.za/products_services/isdn/bra/technical_info.html *****/

.wimax-compare-col-left {
	float:left;
	margin:0;
	padding:0 5px;
	position:relative;
	width:335px;
}
.wimax-compare-header {
	float:left;
	margin:0;
	padding:0 5px;
	position:relative;
	width:88px;
}
.wimax-compare-row {
	border-bottom:1px solid #0099CC;
	float:left;
	padding:6px;
	position:relative;
	width:343px;
}
.wimax-compare-row-right {
	border-bottom:1px solid #0099CC;
	float:left;
	padding:6px;
	position:relative;
	width:88px;
}
.column-right-two-borderline {
	border-bottom:1px solid #0099CC;
	float:left;
	margin-left:0;
	padding:0;
	width:30%;
}
.column-left-two-borderline {
	border-bottom:1px solid #0099CC;
	float:left;
	margin:0;
	padding:0;
	width:67%;
}
/*********************END**********/

.notification-box {
	background-color: #fff9dd;
	border: 1px solid #F89209;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height:100%;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 6px;
}
.list-items2-orangebg a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	list-style-type: none;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 100%;
	display: block;
}
.list-items2-orangebg a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	list-style-type:none;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 100%;
	display: block;
}
.list-items2-orangebg li {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-left: 20px;*/
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background: transparent url(/css/image/arrow_blue_bgorange.gif) no-repeat left center;
	width: 100%;
	height: 100%;
	display: block;
}
.row-right-equal_five1 {
	border-bottom:1px solid #0099CC;
	float:left;
	padding:6px;
	position:relative;
	width:79px;
}
.row-left-equal_five1 {
	border-bottom:1px solid #0099CC;
	float:left;
	margin-left:1px;
	margin-right:0;
	padding:6px;
	position:relative;
	width:192px;
}
.column-left-equal_five1 {
	float:left;
	margin:0 2px;
	padding:0 5px 0 1px;
	position:relative;
	width:145px;
}
.column-right-equal_five1 {
	float:left;
	margin:0 -34px 0 34px;
	position:relative;
	width:89px;
}
html>body.column-right-equal_five1 {
	float:left;
	margin:0 -34px 0px 36px;
	position:relative;
	width:89px;
}
.table-fullwidth-smartaccess1 {
	background-color:#F5FBFE;
	border-top:1px solid #0099CC;
	border-bottom:1px solid #0099CC;
	background-color:#0099CC;
	clear:both;
	height:50px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
html> body .table-fullwidth-smartaccess1 {
	border-bottom:1px solid #0099CC;
	border-top:1px solid #0099CC;
	background-color:#0099CC;
	clear:both;
	height:50px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
.table-fullwidth-alphabet1 {
	background-color:#F5FBFE;
	border-top:1px solid #0099CC;
	border-bottom:1px solid #0099CC;
	background-color:#0099CC;
	clear:both;
	height:20px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
}
.white1 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
html> body .white1 {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	margin-top: 0px;
	padding-left: 2px;
	padding-right: 2px;
}
.column-left-equalthree-smartaccess1 {
	float:left;
	margin:0;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:350px;
}
.column-middle-equalthree-smartaccess1 {
	float:left;
	margin:0;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:100px;
}
.column-right-equalthree-smartaccess1 {
	float:right;
	margin-right:0;
	margin-left:0;
	padding-left:50px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:100px;
}
html> body .column-left-equalthree-smartaccess1 {
	float:left;
	margin-left:0;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:270px;
}
html> body .column-middle-equalthree-smartaccess1 {
	float:left;
	margin-left:0;
	margin-right:50;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:180px;
}
html> body .column-right-equalthree-smartaccess1 {
	float:right;
	margin-right:0;
	margin-left:0;
	padding-left:50px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	width:100px;
}

/* --- */
/* Styles for Generic Tables */
/****** Generic Tables are used to replace the use of DIVs for tabular data.
		They are easier to work with and allow data to be imported from excel rather than to 
		re-type it using DIVs.
		UL: Contains classes for lists which are primarily to be used for indexing to the contents of the table.
		Example of use: http://sp3dev6.telkom.co.za/products_services/internationalcallservice/cost.html
  *******/


.generic-tables {
	border-collapse: collapse;
	margin: 0px;
	width: 100%;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top: 0px none #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 0px none #CCCCCC;
	border-left: 0px solid #CCCCCC;
}
.generic-tables th, .generic-tables td {
	border-collapse: collapse;
	margin: 0px;
	border-top: 1px solid #0099cc;
	border-right: 1px none #0099cc;
	border-bottom: 1px solid #0099cc;
	border-left: 1px none #0099cc;
}

 /**
 author sello

 */
.generic-tables td.no-border-bottom, .generic-tables th.no-border-bottom {
    border-bottom-color: #FFFFFF;  /*overwrite the border to white color */
	margin: 0px;
}
.generic-tables .generic-tables-caption {
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

.generic-tables .tl-cnr {
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 0px;
	-khtml-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	/*width: 12px;*/
	border: 0px none #0099cc;
	background: #51c5ec url(/css/image/table-header-corners-and-tiles/corner_left_blue_row.gif) no-repeat left top;
}
.generic-tables .tr-cnr {
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 0px;
	-khtml-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	/*width: 12px;*/
	border: 0px none #0099cc;
	background: #51c5ec url(/css/image/table-header-corners-and-tiles/corner_right_blue_row.gif) no-repeat right top;
}
.generic-tables .bl-cnr {
}
.generic-tables .br-cnr {
}

.generic-tables .generic-tables-alpha-index, .generic-tables .generic-tables-alpha-index td {
	border: 0px none #0099cc;
}
.generic-tables .generic-tables-alpha-index ul {
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 301px;
}

#tzone-regions .generic-tables .generic-tables-alpha-index ul {
	width: 598px;
}

.generic-tables .generic-tables-alpha-index ul li {
	list-style: none;
	margin: 0px 1px 1px 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
}
.generic-tables .generic-tables-alpha-index ul li a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #0099cc;
	text-decoration: none;
	background: #8ddef8 url(/css/image/table-header-corners-and-tiles/bgtile_but_alpha_index.gif) repeat-x left 0px;
	margin: 0px;
	padding: 5px;
	height: auto;
	width: 10px;
	border: 1px solid #5fd2f8;
	text-align: center;
	display: block;
	text-transform: uppercase;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*--Style used on temporary TZone Region pages -> ludwig 5 Oct 2010--*/
#tzone-regions .item-disabled a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #0099cc;
	text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #afa79f;
    margin: 0px 1px;
    padding: 0px;
    height: 100%;
    width: 100%;
    text-align: center;
    background: #e0ded9;
	margin: 0px;
	padding: 5px;
	height: auto;
	width: 10px;
	border: 1px solid #e0ded9;
	text-align: center;
	display: block;
	text-transform: uppercase;
     /*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
      cursor: pointer;
}

/*--Style used on temporary TZone Region pages -> ludwig 5 Oct 2010--*/
#tzone-regions .generic-tables .generic-tables-alpha-index ul li a{
width: 105px;
vertical-align:middle;
margin:0 5px 1px 0;
}

.generic-tables .generic-tables-alpha-index ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #56d0f9 url(/css/image/table-header-corners-and-tiles/bgtile_but_alpha_index.gif) repeat-x left -40px;
}


.generic-tables thead tr {
	border: 0px none #0099cc;
}


.generic-tables thead th {
	background: #51c5ec url(/css/image/table-header-corners-and-tiles/bgtile_header_blue_row.gif) repeat-x left top;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align: center;
	border: 0px none #0099cc;
}
/*

over write text-align
*/

.generic-tables thead th.left {
	background: #51c5ec url(/css/image/table-header-corners-and-tiles/bgtile_header_blue_row.gif) repeat-x left top;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align: left;
	border: 0px none #0099cc;
}


.generic-tables thead th.center {
 	text-align: center;
}
.generic-tables thead th.right {
 	text-align: right;
}

.generic-tables thead td {
	background: #ffffff;
	border: 0px none #0099cc;
}

.generic-tables tbody tr {
	border-left:1px solid #E4E4E4;
	border-right:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
}

.generic-tables tbody td.value {
 	text-align: center;
}

.generic-tables tbody th.value {
 	text-align: center; 
}

.generic-tables tbody th.center {
 	text-align: center;
}

.generic-tables tbody th.right {
 	text-align: right; 
}
 .generic-tables tbody th.left {
   text-align: left;
}
.generic-tables tbody td.center {
 	text-align: center;
}

.generic-tables tbody td.left {
 	text-align: left;
}

.generic-tables tbody td.right {
 	text-align: right; 
}


.generic-tables .table-th-left-align {
	text-align: left;
}

.generic-tables .table-th-right-align {
	text-align: right;
}

.generic-tables tbody tr.even {
	background: #f5fbfe; 
	border-left:1px solid #E4E4E4;
	border-right:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
 }
 
.generic-tables tbody .main-headers th {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background: #0099cc;
	padding: 5px;
}

/*
author : Sello     overwrite text-align property
**/
 .generic-tables tbody .main-headers th.left {
	text-align: left;
}


.generic-tables tbody .main-headers th.right {
text-align:right;
}

.generic-tables tbody th {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	background: #42c1ec;
	padding: 2px 5px;
}

.generic-tables tbody th a {
	color: #FFFFFF;
	text-decoration: none;
}

.generic-tables tbody td {
	padding: 5px 5px 5px 10px;
}

.col1 {
	text-align: left;
}
.col2, .col3, .col4, .col5, .col6 {
	text-align: left;
}
/* //End of Styles for Generic Tables */
 /**shade a border inside td**/

    .generic-tables td.shade{
   background-color:#71D6E0;


 }
 .generic-tables th.shade{
   background-color:#71D6E0;


 }