@import '/style/global-update.css';

a {
	color: #FE0002;
}

a:hover {
	text-decoration: none;
}

body {
	color: #3A3A3A;
	font-family: sans-serif;
	font-size: 80%;
	text-align: center;
}

body, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

div[class] .clear-line {
	display: block;
}

div[id] #dc-footer {
	height: auto;
}

fieldset {
	padding: 0;
}

h2 {
	font-size: 140%;
}

h2, h3, h4, h5, h6 {
	color: #FE0002;
	margin: 0;
	margin-bottom: 10px;
	text-transform: uppercase;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 90%;
}

h6 {
	font-size: 80%;
}

html {
	background: url(img-global/html.gif) center top repeat-y;
	z-index: 1;
}

img, fieldset {
	border: none;
	margin: 0;
}

legend {
	display: none;
	visibility: hidden;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
}

.clear-line {
	clear: both;
	display: inline;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	width: 100%;
}

.color-black {
	border-bottom: solid 1px #CCCCCC;
	color: #000000;
}

.dc-content ul {
	margin-top: 0;
	padding-top: 0;
}

.dc-content ul li {
	list-style: url(img-global/li.gif);
}

.dc-footer {
	color: #FFFFFF;
	font-size: 85%;
	line-height: 20px;
	z-index: 30;
}

.dc-footer  a {
	color: #FFFFFF;
}

.dc-footer img {
	position: relative;
	top: 3px;
}

.dc-footer p {
	margin: 0;
	padding: 0 16px;
}

.dc-footer span {
	float: left;
}

.dc-footer span.right {
	float: right;
	margin-left: 5px;
}

.dc-footer:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	width: 100%;
}

.dc-head .dc-head-center {
	display: block;
	float: left;
	height: 80px;
	text-align: right;
	width: 696px;
}

.dc-head .dc-head-center img {
	display: block;
}

.dc-head .dc-head-left {
	background: url(img-global/logo-lancar.gif) center right no-repeat;
	display: block;
	float: left;
	height: 80px;
	width: 190px;
}

.dc-head .dc-head-right {
	background: url(img-global/logo-renault-truck.jpg) top center no-repeat;
	display: block;
	height: 105px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 84px;
	z-index: 40;
}

.dc-menu .search-form {
	left: 575px;
	position: absolute;
	top: 0px;
	width: 300px;
	z-index: 2;
}

.dc-menu .search-form .part-a {
	display: block;
	text-align: right;
	width: 150px;
}

.dc-menu .search-form .part-a input {
	border: 1px #CCCCCC solid;
	height: 18px;
	margin: 0;
	padding: 0;
	position: relative;
	right: -6px;
	top: 3px;
	width: 150px;
}

.dc-menu .search-form .part-b {
	left: 165px;
	position: absolute;
	top: 0;
}

.dc-menu .search-form .part-b input {
	background: #FEFEFE;
	border: 1px #CCCCCC solid;
	position: relative;
	top: 3px;
}

.dc-menu .shadow {
	background: url(img-global/dc-menu-clear-line.gif) #FFFFFF top left repeat-x;
	clear: both;
	height: 16px;
	width: 100%;
}

.dc-menu a {
	background: url(img-global/dc-menu-a-cut.jpg) 99% 50% no-repeat;
	color: #989898;
	display: block;
	float: left;
	font-size: 95%;
	font-weight: bold;
	line-height: 27px;
	min-height: 26px;
	padding: 0 16px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

.dc-menu a.active {
	background: url(img-global/dc-menu-a-active.jpg) #999999 bottom right no-repeat;
	color: #000000;
}

.dc-menu a:hover {
	color: #000000;
}

.dc-menu-bg {
	background: url(img-global/dc-menu.jpg) #EBEBEB bottom left repeat-x;
}

.gray-table {
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
}

.gray-table td {
	border: 1px #CCCCCC solid;
	padding: 4px;
}

.gray-table thead {
	background: #F1F1F1;
	font-weight: bold;
}

.hdn, hr, h1 {
	display: none;
}

.highlighted {
	background: #67DA68;
}

.intro .dc-content {
	background: url(img-global/dc-content-bg-intro.gif) #FFFFFF top right repeat-y;
	float: left;
	margin: 10px 0;
	width: 732px;
}

.intro .dc-content .article {
	margin: 0 16px;
}

.intro .dc-page {
	background: #FFFFFF;
}

.intro .dc-right .abstract {
	padding-left: 8px;
}

.intro .dc-right .content {
	margin-right: 6px;
}

.intro .dc-right .link {
	padding-top: 4px;
}

.intro .dc-right .link a {
	color: #FE0002;
	display: block;
	font-size: 85%;
	font-weight: bold;
	margin: 0;
	padding-bottom: 5px;
	text-transform: uppercase;
}

.intro .dc-right h3 {
	font-size: 85%;
}

.intro .dc-right h3, .intro .dc-right .link a {
	background: url(img-global/arrow-2.gif) 1% 50% no-repeat;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 8px;
	position: relative;
}

.intro .dc-right p {
	margin: 0;
}

.intro .dc-rigt .article {
	background: url(img-global/dc-right-bg-intro.gif) bottom left repeat-x;
}

.intro .panel-left {
	background: #EBEBEB;
	float: left;
	width: 732px;
}

.intro .panel-left .panel {
	height: 318px;
}

.intro .panel-left .panel img {
	background: #EBEBEB;
	color: #FE0002;
	height: 100%;
	width: 100%;
}

.intro .panel-right .panel {
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
	width: 230px;
}

.intro .panel-right .panel .img {
	background: #EBEBEB;
	border: none;
	color: #FE0002;
	height: 130px;
	margin: 0;
	padding: 0;
	position: relative;
}

.intro .panel-right h3 {
	background: url(img-global/dc-right-h.jpg) #D90134 repeat-x;
	color: #FFFFFF;
	font-size: 85%;
	font-weight: normal;
	font-weight: bold;
	margin: 0;
	min-height: 23px;
	padding: 0;
}

.intro .panel-right h3 a {
	background: url(img-global/arrow-1.gif) 1% 50% no-repeat;
	color: #FFFFFF;
	display: block;
	padding: 6px 8px;
	text-decoration: none;
}

.intro .panel-right, .intro .dc-right {
	float: right;
	position: relative;
	width: 230px;
}

.intro .panels {
	position: relative;
}

.intro .panels .panel-right {
	height: 318px;
	min-height: 318px;
}

.intro div[class] .panel-right {
	height: auto;
}

.search .dc-content {
	padding: 0 16px;
}

.search .dc-page {
	background: #FFFFFF;
}

.three-cols .dc-content {
	float: left;
	left: 15px;
	min-height: 500px;
	position: relative;
	width: 510px;
}

.three-cols .dc-content h2 {
	border-bottom: 2px #CCCCCC dotted;
	font-weight: normal;
	word-spacing: 5px;
}

.three-cols .dc-content h3 {
	border-bottom: 1px #CCCCCC dotted;
	font-weight: bold;
	margin-top: 6px;
	word-spacing: 5px;
}

.three-cols .dc-left {
	background: url(img-global/panels-top.gif) top left repeat-x;
	float: left;
	font-size: 85%;
	min-height: 500px;
	width: 200px;
}

.three-cols .dc-left .login-form {
	background: url(img-global/panels-top.gif) top left repeat-x;
	padding-top: 20px;
}

.three-cols .dc-left .login-form .content {
	color: #646464;
	margin-left: 16px;
}

.three-cols .dc-left .login-form .content table {
	float: right;
	text-transform: uppercase;
}

.three-cols .dc-left .login-form .content table input {
	border: 1px #CCCCCC solid;
	text-transform: none;
}

.three-cols .dc-left .login-form h3 {
	color: #646464;
	font-size: 100%;
	letter-spacing: 3px;
	margin-left: 16px;
}

.three-cols .dc-left .submenu {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	padding-top: 20px;
	text-transform: uppercase;
}

.three-cols .dc-left .submenu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.three-cols .dc-left .submenu li a {
	color: #575757;
	display: block;
	padding: 3px 9px 3px 16px;
	text-decoration: none;
}

.three-cols .dc-left .submenu li a.active {
	background: url(img-global/arrow-submenu-parent.gif) top right no-repeat;
	color: #FF0000;
}

.three-cols .dc-left .submenu li a.active:hover {
	background: url(img-global/arrow-submenu-parent.gif) top right no-repeat;
}

.three-cols .dc-left .submenu li a:hover {
	background: url(img-global/arrow-submenu-parent.gif) top left no-repeat;
	color: #000000;
}

.three-cols .dc-left .submenu li ul li a {
	padding: 3px 9px 3px 24px;
}

.three-cols .dc-left .submenu li ul li a.active {
	background: url(img-global/arrow-submenu-child.gif) top right no-repeat;
}

.three-cols .dc-left .submenu li ul li a:hover {
	background: url(img-global/arrow-submenu-child.gif) top left no-repeat;
}

.three-cols .dc-left .submenu li ul li+li {
	border: none;
}

.three-cols .dc-left .submenu li ul, .three-cols .dc-left .submenu li ul li {
	margin-left: 0;
	padding: 0;
}

.three-cols .dc-left .submenu li+li {
	border-top: 2px #CCCCCC dotted;
}

.three-cols .dc-page {
	background: url(img-global/dc-page.jpg) #FFFFFF 207px 100px no-repeat;
}

.three-cols .dc-right {
	background: url(img-global/panels-top.gif) top left repeat-x;
	color: #3E3E3E;
	float: right;
	font-size: 85%;
	min-height: 500px;
	padding-top: 20px;
	width: 230px;
}

.three-cols .dc-right .content {
	padding-right: 6px;
}

.three-cols .dc-right .content p {
	margin: 0;
}

.three-cols .dc-right .panel {
	margin-bottom: 8px;
}

.three-cols .dc-right .panel+.panel {
	border-top: 2px #CCCCCC dotted;
	padding-top: 8px;
}

.three-cols .dc-right h2 {
	color: #626262;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 3px;
}

.three-cols .dc-right h3 {
	background: url(img-global/arrow-2.gif) 1% 50% no-repeat;
	font-size: 90%;
	margin: 0;
	padding-left: 8px;
}

#dc-footer {
	background: url(img-global/dc-footer.jpg) #FE0002 0 0 repeat-x;
	clear: both;
	height: 31px;
	min-height: 31px;
}

#dc-head {
	background: url(img-global/dc-head.jpg) #FE0002 top left repeat-x;
	height: 80px;
	margin-bottom: 4px;
	position: relative;
	z-index: 3;
}

#dc-left {
	float: left;
}

#dc-menu {
	background: url(img-global/dc-menu.jpg) #EBEBEB top left repeat-x;
	border-top: 4px #999999 solid;
	clear: both;
	min-height: 26px;
	position: relative;
	width: 100%;
	z-index: 2;
}

#dc-page {
	margin: auto;
	text-align: left;
	width: 970px;
	z-index: 1;
}