/* background promo frontpage */

body {
	margin: 0 auto;
}
#bungkus {
	width: 100%;
}
#left {
	float: left;
	width: 75%;
}
#container {
	width: 75.5%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#head_promo {
	background: url(../img/header_frontpromo.gif) repeat-x top;
}
#bg_promo {
	background: url(../img/bg_frontpromo.gif) repeat-x top;
}
#promo {
	
}
#content_promo {
	background: url(../img/bg_promo_under.png) top repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4F4F4F;
	padding: 8px;
	height: 90px;;
	line-height: 12px;
	border-right: solid 0px #ECECEC;
	margin-top: 1px;
}
#new {
	height: 520px;
}
#content_promohr {
	background: url(../img/hr_img.jpg) center left no-repeat;
	height: 114px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4F4F4F;
	margin-left:1px;
	line-height: 0px;
}
#content_currency {
	/*background: url(../img/currency.gif) #666666 center no-repeat;*/
	background:#333;
	border-top:solid 1px #cccccc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4F4F4F;
	margin-left:1px;
	line-height: 0px;
	height:auto;
	padding: 10px 0 10px 0;
}
#content_promoservices {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	padding: 2em 8px 2em 2em;
	background: #666;
	margin-left:1px;
	margin-top:1px;

}

#content_promoservices option {
	background: #ECECEC;
	border-bottom: solid 1px #ccc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.promo_input {
	background: #ffcc11;
	border: 1px solid #666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303030;
	padding-left: .5em;
}
#leftbar {
	float: left;
	width: 25%;
	background: #fff;
	background: url(../img/dotted.gif) right repeat-y;
	margin-right: 0px;
	border-left: solid 0px #ECECEC;
	position: relative;
}
#leftcenterbar {
	float: left;
	width: 25%;
	background: url(../img/dotted.gif) right repeat-y;
}
#content {
	float: left;
	width: 24%;
	background: #ddd;
	background: url(../img/dotted.gif) right repeat-y;
}
#rightbar {
	float: right;
	width: 26%;
	padding: 0px;
}
#inboxpromo {
	background: url(../img/inbox_promo.gif) top left repeat-x;
	margin-top: 1px;
	margin-left: 0px;
	padding: 1em .5em 1em 1.5em;
	border-bottom: solid 0px #ECECEC;	
	border-left: solid 0px #ECECEC;
}
#inboxaff {
	background: url(../img/inbox_promo.gif) top repeat-x;
	margin-top: 1px;
	margin-left: 0px;
	padding: 2em .5em 1em 1em;
	line-height: 12px;
	font-size: 10px;
}
#contentcomm {
	background: url(../img/bg_promo_under.png) top repeat-x;
	margin-top: 1px;
	margin-left: 0px;
	padding: 2em .5em 1em 1em;
	line-height: 12px;
	font-size: 10px;
}
#inboxpromo a:active, #inboxpromo a:focus, #inboxpromo a:link, #inboxpromo a:visited {
	text-decoration: none;
	color: #333;
}
#inboxpromo a:hover {
	color: Maroon;
	text-decoration: underline;
}
#inboxdate {
	color: Maroon;
}
#rightcontent {
	width: 27%;
	float: right;
	background: #fff;
	clear: both;
	top: 0px;
}
#banner_truck {
	background: url(../img/head_img.jpg) no-repeat left;
	height: 296px;
	top:  154px;
	width: 76%;
}
#customer {
	position: absolute;
	display: block;
	background: url(../img/th_customer.png) no-repeat right;
	right: 24.5%;
	width: 347px;
	height: 160px;
	top: 223px;
}
#promocommunity {
	background: url(../img/community.gif) left no-repeat #000;
	height: 30px;
}
#promosafety {
	background: url(../img/safety.gif) left no-repeat #000;
	height: 30px;
	margin-left: 1px;
}
#promoaffiliates {
	background: url(../img/affiliates.gif) left no-repeat #000;
	height: 30px;
	margin-left: 1px;
}
#promoservices {
	background: url(../img/currencies.gif) left no-repeat #000;
	height: 30px;
	margin-left: 1px;
	margin-top: 0px;
	padding-top: 5px;
	color: #CCC;
}
#promowhatsnew {
	background: url(../img/whatsnew.gif) left no-repeat #000;
	height: 30px;
	margin-left: 1px;
	margin-top: 0px;
}
#promoinbox {
	background: url(../img/inbox.gif) left no-repeat #000;
	height: 30px;
	margin-left: 1px;	
	margin-top: 1px;
}

#promocareer {
	background: url(../img/employment.gif) left no-repeat #000;
	height: 32px;
	margin-left: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
}
a.url:active, a.url:focus, a.url:link, a.url:visited {
	text-decoration: none;
	color: #333333;
}
a.url:hover {
	text-decoration: none;
	color: Gray;
}

#curdate {
	font-weight: bold;
	padding-top: 5px;
	text-align: right;
}