body
{
    padding: 0px;
    margin: 0px;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #9f9f9f;
}

/* trigger button */


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(http://corporate.gautrain.co.za/images/white_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:35px 25px 15px 25px;
	color:#000000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* style the trigger elements */
#news-1 img {
	border:0;
	cursor:pointer;
	margin:10px 13px;
	float:right;
}

#news-2 img {
	border:0;
	cursor:pointer;
	margin:10px 13px;
	float:right;
}

#news-3 img {
	border:0;
	cursor:pointer;
	margin:10px 13px;
	float:right;
}

#newszone {
	padding:15px 26px;
}



a:link, a:visited
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #9d8b57;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}

a:hover
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}

#wrapper
{
    position: relative;
    margin: auto;
    padding: 0px;
    width: 990px;
}

#contentArea
{
    width: 990px;
    height: 538px;
    background-image: url(../images/content_bg.jpg);
    background-repeat: no-repeat;
}

#generalArea
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 990px;
    height: 538px;
}

.generalHeader
{
    padding: 35px 0px 0px 85px;
    width: 770px;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #8b8b8b;
    line-height: 20px;
    z-index: 2;
}

.generalHeader img
{
    padding: 0px 0px 6px 0px;
}

.commonContentHeader
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #beb5a1;
    line-height: 16px;
    margin: 20px 0px 8px 0px;
}

.info-icon {
    float: left;
	height: 31;
	width: 31px;
	padding:18px 14px 0 0;
}
.leftFloat
{
    float: left;
}

.top
{
    margin: 0px 0px 8px 0px;
}

.commonContent
{
    width: 680px;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #8d8a81;
    line-height: 16px;
    margin: 0px 0px 0px 0px;
}


#social {
	margin:435px 11px 0 0;}

#social img {
	padding-right:8px;}
.right
{
    border-right: none;
}

.left
{
    border-left: 1px solid #646259;
}

.bottom
{
    border-bottom: 1px solid #646259;
}


.contentDivider
{
    height: 1px;
    width: 100%;
    background-image: url(../images/content_divider.gif);
    background-repeat: no-repeat;
    background-position: top;
    margin: 30px 0px 25px 0px;
}




/* Landing Page */

#landingArea
{
    width: 990px;
    height: 558px;
    background-image: url(../images/landing_image.jpg);
    background-repeat: no-repeat;
    padding: 0;
    text-align: right;
	
}
.landright {float: right;}


/* Terms */

.terms
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #8d8a81;
    line-height: 16px;
}


.termsNumber
{
    padding: 0px 6px 2px 0px;
}


.termsHeader
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #8d8a81;
    font-weight: bold;
    padding: 12px 0px 6px 0px;
}

/* Ticker */


#tickerArea
{
    height: 30px;
    width: 990px;
    background-image: url(../images/ticker_bg.jpg);
    background-repeat: repeat-x;
    position:relative;
}

.tickerBtn
{
     font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #5c6e7e;
    margin: 7px 5px;
    display: block;
    float: left;
     position:relative;
}

.tickerCopy
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #5c6e7e;
     margin: 6px 10px;
    display: block;
    float: right;
     position:relative;
}

.tickerCopy2
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #1f1c17;
    margin: 7px 5px 5px 5px;
    display: block;
}
.newsTitle
{
    padding: 6px 0px 6px 5px;
    color: #a08e5b;
    font-weight: bold;
    text-transform: uppercase;
    background-image: url(../images/news_bg.gif);
    background-repeat: repeat-x;
    height: 27px;
    min-width: 50px;
    display: inline;
    float: left;
}
.newsArrow
{
    padding: 6px 10px 5px 5px;
    background-image: url(../images/news_arrow.gif);
    background-repeat: no-repeat;
    height: 27px;
    padding-left: 11px;
    display: inline;
    float: left;
    margin-right: 10px;
}
.newsArrow p
{
    margin: 0px 10px;
}
/* Form Elements */

.checkbox
{
    width: 19px;
    height: 15px;
    padding: 0 5px 0 0;
    background-image: url(../images/checkbox.png);
    background-repeat: no-repeat;
    display: block;
    clear: left;
    float: left;
    border: 0px;
}

.radio
{
    width: 19px;
    height: 15px;
    padding: 0 5px 0 0;
    background-image: url(../images/radiobutton.png);
    background-repeat: no-repeat;
    display: block;
    clear: left;
    float: left;
    border: 0px;
}


/* Links */

.GoldLink a:link, .GoldLink a:visited
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #9d8b57;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    background-image: url(../images/btn_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 10px;
}

.GoldLink a:hover
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #004990;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    background-image: url(../images/btn_arrow_over.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 10px;
}

.GoldLinkNext a:link, .GoldLinkNext a:visited
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #9d8b57;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    background-image: url(../images/btn_arrow.gif);
    background-repeat: no-repeat;
    background-position: right 3px;
    padding-right: 10px;
}

.GoldLinkNext a:hover
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #004990;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    background-image: url(../images/btn_arrow_over.gif);
    background-repeat: no-repeat;
    background-position: right 3px;
    padding-right: 10px;
}

.GoldLinkBack a:link, .GoldLinkBack a:visited
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #9d8b57;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    background-image: url(../images/btn_arrow_back.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 10px;
}

.GoldLinkBack a:hover
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #004990;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    background-image: url(../images/btn_arrow_back_over.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 10px;
}

.BlueLink a:link, .BlueLink a:visited
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #8797a6;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    line-height: 19px;
    background-image: url(../images/btn_arrow_blue.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 10px;
}

.BlueLink a:hover
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    line-height: 19px;
    background-image: url(../images/btn_arrow_blue_over.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 10px;
}


.CloseLinkGold a:link, .CloseLinkGold a:visited
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    line-height: 16px;
    background-image: url(../images/btn_close_gold.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 15px;
}

.CloseLinkGold a:hover
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    line-height: 16px;
    background-image: url(../images/btn_close_gold.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 15px;
}

.send
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #9d8b57;
    font-style: normal;
    float: right;
}

.send a:link, .send a:visited
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #9d8b57;
    font-style: normal;
    font-weight: bold;
    background-image: url(../images/btn_arrow_send.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 11px;
}

.send a:hover
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    background-image: url(../images/btn_arrow_send_over.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 11px;
}

.extLinks
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #9d8b57;
    font-style: normal;
    line-height: 22px;
    margin: 5px 0px 10px 0px;
}

.extLinks a:link, .extLinks a:visited
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #9d8b57;
    font-style: normal;
    font-weight: bold;
    background-image: url(../images/btn_arrow_ext.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 11px;
}

.extLinks a:hover
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    background-image: url(../images/btn_arrow_ext_over.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 11px;
}