/* LAYOUT ELEMENTS */
* {
	padding: 0;
	margin: 0;
}
html {
	height: 99%;
}
body {
	font: 11px Arial, Helvetica, sans-serif;
	height: 99%;
}
div {
	padding: 0px;
	/* border: 0px none; */
	border: 0px none;
}
table.altop td {
	vertical-align: top;
}
#container {
/*	margin: 0 auto; */
	padding-top: 3px;
	width: 980px;
	/* BLEH */
	height: auto !important;
	height: 99%;
	min-height: 99%;
	margin: 0 auto -30px;
}
#header { /* contains banner and navigation bar */
	float: left;
	width: 100%;
}
#topleft {
	background: #F7F7F7;
	float: left;
	width: 220px;
	height: 77px;
}
#topnav {
	float: left;
/*	width: 76%; */
	width: 760px;
	height: 40px;
 	background: #DEDFE7;
}
#topnavitems {
	float: left;
/*	width: 76%; */
	width: 760px;
	height: 37px;
	background: #F7F7F7;
}
#topnavitems div {
	height: 100%;
}
#navigation {
	list-style: none;
	margin: 0; padding: 0;
}
#navigation li {
	float: left;
/*	width: 10.5%; */
	width: 83px;
	height: 40px;
	border-right: 1px solid #FFFFFF;
}
#navigation li a {
	font-weight: bold;
	background: #DEDFE7;
	color:#666666;
	display: block;
	width: 100%;
	height: 40px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}
#navigation li a:hover {
	background: #B5C3C6;
	color: #FFFFFF;
}
#content {
/*	margin-top: 3px; */
	margin-bottom: 3px;
	float: left;
	width: 980px;
}
#homeleft {
	float: left;
	width: 500px;
}
#vehilinks {
	height: 300px;
}
.vehilink1 {
	float: left;
	width: 103px;
}
.vehilink2 {
	float: left;
	width: 103px;
}
.vehilink3 {
	float: left;
	width: 103px;
}
.vehilink4 {
	float: left;
	width: 103px;
}
.vehilink5 {
	float: left;
	width: 103px;
}
.visual {
	width: 103px;
	background: #e0effa;
	height: 19px;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
#feature {
	height: 355px;
	width: 500px;
	background: #CCCCCC;
	vertical-align: bottom;
}
#feature * {
	vertical-align: bottom;
}
#featurebar	{
	float: left;
	margin: auto;
/*	margin-top: 300 px; */
	width: 500px;
	height: 30px;
	background: #74a2c2;
}
#featuremenu {
	list-style: none;
	margin: 0; padding: 0;
	background: #74a2c2;
}
#featuremenu li {
	float: left;
	width: 103px;
	height: 30px;
	background: #74a2c2;
}
#featuremenu li a {
/* 	background: #DEDFE7; */
	background: #74a2c2;
	color:#FFFFFF;
	display: block;
	width: 100%;
	height: 30px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}
#featuremenu li a:hover {
	background: #4776A0;
	color: #FFFFFF;
}
#highlights {
	margin-top: 5px;
	background: url(images/noimage.jpg) #CCCCCC;
	width: 500px;
	height: 93px;
}
#homeright {
	float: right;
	width: 475px;
/*	width: 50%; */
}
#news {
	float: left;
	width: 475px;
}
#newsleft {
	margin-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 230px;
	height: 127px;
}
#newsright {
	margin-top: 5px;
	padding-bottom: 5px;
	float: right;
	width: 230px;
	height: 127px;
}
.newstitle {
	background: #4776A0;
	color: #FFFFFF;
	font-weight: bold;
}
.newstitle a {
	color: #FFFFFF;
	text-decoration: none;
}
.newstitle a:visited {
	color: #FFFFFF;
}
#newsarticles {
	list-style-type: none;
	line-height: 2px;
}
#newsarticles li a:link{
	font:11px/18px Arial, Verdana, Tahoma;
	color:#959595;
	text-decoration:none;
}
#newsarticles li a:visited{
	font:11px/18px Arial, Verdana, Tahoma;
	color:#959595;
	text-decoration:none;
}
#newsarticles li a:hover{
	font:11px/18px Arial, Verdana, Tahoma;
	color:#77BAFD;
	text-decoration:none;
}
.newstext {
	font:11px/15px Arial, Verdana, Tahoma;
	color:#959595;
	text-decoration:none;
}
#service {
	float: left;
	width: 475px;
	margin-bottom: 12px;
/*	margin-bottom: 36px; */
}
.htitle {
	font:13px/15px Arial, Verdana, Tahoma;
	color:#969696;
	font-weight:bold;
}
.address {
	font:12px/16px Arial, Verdana, Tahoma;
	color: #004F9D;
	font-weight: bold;
}
.specialtext {
	font:11px/16px Arial, Verdana, Tahoma;
	color:#959595;
	text-decoration:none;
}
#special {
	float: left;
	width: 475px;
/*	height: 93px; */
}
#specleft {
	margin-top: 5px;
	float: left;
	padding-right: 10px;
}
#specright {
	margin-top: 5px;
	float: right;
	width: 68%;
}
#sidebar {
	background: url(images/common/bg_05.gif);
	float: left;
	width: 220px;
}
#cright {
	margin-left: 5px;
	float: right;
/* 	width: 75%; */
	width: 750px;
}
#chead {
	width: 750px;
	height: 90px;
/*	background: url(images/elantra/Elantra.gif); */
	vertical-align: bottom;
}
.cheadlink {
	float: left;
	margin-top: 80px;
}
.cheadlink a:link{
font:10px/18px Arial, Verdana, Tahoma;
color:#666666;
text-decoration:none;
}
.cheadlink a:visited{
font:10px/18px Arial, Verdana, Tahoma;
color:#666666;
text-decoration:none;
}
.cheadlink a:hover{
font:10px/18px Arial, Verdana, Tahoma;
color:#666666;
text-decoration:underline;
}
#ctitle {
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
}
#cpleft{
	float: left;
	
/*	width: 49.5%; */
/* 	width: 413px; */
	/*width: 395px;*/
	width:100%;
	height:440px;
	padding-bottom: 5px;
	/*border-bottom:#999999 2px dotted;*/
	margin-top: 3px;
}
#cpleft div#cleftmenu {
float:left;
width:120px;
height: 215px;
padding-bottom: 15px;
	/*margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 22px;*/
}
#cpleft div#cleftmenu img{
margin-bottom:6px;
}

#li{
padding-left:30px;
}

#cpleft div#content{
border-top:2px #999999 dotted;
margin-left:10px;
width:615px;
}

#cpleft div#content img.arrow{
float:left;
margin-top:8px;
}

#cpleft div#content span{

margin-top:3px;
font:14px/22px Arial, Helvetica, sans-serif, "Arial Rounded MT Bold";
color:#000000;
font-weight:800;
}

#cpleft div#content p{
font:11px/16px Arial, Helvetica, sans-serif, "Arial Rounded MT Bold";
color:#181818;
text-align:justify;
margin-bottom:10px;

}

#cpleft div#content div#gallery, div#video{
float:left;
margin-right:2px;
width:280px;

}
div#gallery div.imgholder {
width:100%;
margin-top:0px;

height:17px;

border-bottom:1px solid #0258B7;
}
div#video div.vidholder{
width:100%;
margin-top:0px;

height:17px;

border-bottom:1px solid #990033;
}

#imggal{

margin-top:2px;


}

div#gallery div#more {
text-align:right;
}
div#gallery div#more a:link{
text-align:right;
color:#999999;
text-decoration:none;
}

div#gallery div#more a:active{
text-align:right;
color:#999999;
text-decoration:none;
}

div#gallery div#more a:visited{
text-align:right;
color:#999999;
text-decoration:none;
}

div#gallery div#more a:hover{
text-align:right;
color:#000066;
text-decoration:underline;
}


#cpleft div span {
	line-height: 16px;
}
.cpltext {
/*	margin-left: 25px;
	margin-right: 30px;
	margin-top: 22px;
	margin-bottom: 22px; */
	line-height: 14px;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #666666;
	text-align: justify;
}
.btext {
	color: #4986F7;
}
#cpright {
	float: left;
	background: #F5F5F5;
	height: 225px;
}
#cpright div {
	padding: 5px;
}
#cpright ul {
	list-style-type: none;
}
#cpsingle {
	float: left;
	width: 750px;
}
#detleft {
	float: left;
	width: 45%;
}
#detright {
	float: left;
	width: 45%;
}
#galleft {
	float: left;
	width: 375px;
	height: 250px;
}
#galright {
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	height: 250px;
	background: #F5F5F5;
}
.dtitle {
	color: #0055a5;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	margin-top:4px;
}
#pagefooter {
	clear: both;
	background: url(images/footer/bar.jpg) bottom no-repeat;
	margin: 0 auto;
	width: 980px;
	font-size: 11px;
	color: #666666;
	height: 30px;
}
.push {
	clear: both;
	height: 30px;
}
.footer {
	clear: both;
}
.homeheader1 {
	background: #E4EFF3;
	width: 500px;
	height: 24px;
}
.homeheader2 {
	background: #E4EFF3;
	height: 24px;
}
.specialink a:link{
font: 12px/18px Arial, Helvetica, sans-serif;
color:#004B79;
}
.specialink{
padding-top: 5px;
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.specialink a:visited{
font: 12px/18px Arial, Helvetica, sans-serif;
color:#004B79;
}
.right {
	display: block;
	float: right;
	padding-left: 5px;
}
.left {
	display: block;
	float: left;
	padding-right: 5px;
}
.down {
	margin-bottom: 0px;
}
.newsimg {
	padding-top: 5px;
	padding-right: 5px;
}
a img {
border: 0px none;
}
img.centered {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.centered {
	margin: 0 auto;
	text-align: center;
}
.footmid {
/*	display: block;
	float: left; */
	padding-top: 6px;
	margin-bottom: auto;
	padding-left: 5px;
/*	color:#666666; */
	color: #5681EF;
}
.footmid a:link{
/* color: #2E62EB; */
color: #5681EF;
text-decoration:none;
}
.footmid a:visited{
color: #5681EF;
text-decoration:none;
}
.footmid a:hover{
color: #81A0F3;
text-decoration:none;
}
.subleftsub{
 color:#666666;
 font:11px/16px Arial, Helvetica, sans-serif;
}
.subleftsub a:link{
color:#666666;
text-decoration:none;
}
.subleftsub a:visited{
color:#666666;
text-decoration:none;
}
.subleftsub a:hover{
color:#006699;
text-decoration:none;
}
.subleftoff{
font:11px/18px Arial, Helvetica, sans-serif;
color:#575757;
text-decoration:none;
font-weight:800;
}
#subheadtext{
padding-left:15px;
font:13px/18px Arial, Helvetica, sans-serif;
color:#5B9AA1;
}
.ctitle {
	color: #000000;
	font-size: 14px;
}
.thead {
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.thead2 {
	background: #96d3eb;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.thead3 {
	background: #003777;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.maintbl {
    border-color: #600;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-collapse: collapse;
}
.maintbl td {
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
	background: #ffffff;
	width: 25%;
	text-align: center;
	color: #000000;
}
.maintbl td.thead2 {
	background: #96d3eb;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.maintbl td.thead3 {
	background: #003777;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.maintbl td.tcol1 {
	background: #ffffff;
	width: 25%;
	text-align: center;
	color: #000000;
}
.maintbl td.tcol2 {
	background: #dedee1;
	width: 25%;
	text-align: center;
	color: #000000;
}
.maintbl td.tcol3 {
	background: #9fd8f0;
	width: 25%;
	text-align: center;
	color: #000000;
}
.maintbl td.tcol4 {
	background: #f1ee8b;
	width: 25%;
	text-align: center;
	color: #000000;
}
.tcol1 {
	background: #ffffff;
	width: 25%;
	text-align: center;
	color: #000000;
}
.tcol2 {
	background: #dedee1;
	width: 25%;
	text-align: center;
	color: #000000;
}
.tcol3 {
	background: #9fd8f0;
	width: 25%;
	text-align: center;
	color: #000000;
}
.tcol4 {
	background: #f1ee8b;
	width: 25%;
	text-align: center;
	color: #000000;
}
#text {
font:15px/18px Arial, Helvetica, sans-serif;
color:#818181;
padding-left:10px;
font-weight:800;
}
.ntitle1 {
background: #E0EBCB;
font-weight: bold;
font-size:11px;
font-family:Arial;
color:#80941B;
letter-spacing: 0.05;
line-height:120%;
text-align: center;
width: 40px;
height: 36px;
float: left;
padding-top: 8px;
border-top: 2px solid #B5C69C;
}
.ntitle2 {
background: #F8FBF2;
width: 550px;
height: 36px;
border-top: 2px solid #B5C69C;
float: left;
padding-left: 10px;
padding-top: 8px;
color: #666666;
}
.ndate {
background: #F8FBF2;
width: 100px;
height: 36px;
border-top: 2px solid #B5C69C;
float: left;
padding-left: 10px;
padding-top: 8px;
color: #666666;
}
.ncontent {
margin-top: 3px;
width: 738px;
border: 1px solid #E0EBCB;
float: left;
padding: 5px;
color: #666666;
}
.ncontent table td {
text-align: justify;
}
.dealname {
	font:16px/18px Arial, Helvetica, sans-serif;
	color:#666666;
}
#pscroller1{
width: 230px;
height: 110px;
border: 0px none;
padding: 3px;
}
#pscroller2{
width: 230px;
height: 110px;
border: 0px none;
padding: 3px;
}
#pscroller1 a{
text-decoration: none;
}
#pscroller2 a{
text-decoration: none;
}
.someclass{ //class to apply to your scroller(s) if desired
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
img.tleft {
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
}
#front_title {
	color: #0A2365;
}
#front_text {
	color: #666666;
}
.textbox {
	padding: 5px;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1px;}
.clearfix {display: block;}


/* ADDED CODE MAY2908 Rex Tajanlangit Code */

#left{
float:left;
background:#FFFFFF;
width:310px;
height:125px;
}

#right{
float:left;
background:#FFFFFF;
width:440px;
height:125px;
}

#centralpanes{
background:#FFFFFF;
clear:both;
width:750px;
}

#pmstblholder{
background:#FFFFFF;
clear:both;
width:750px;
height: 185px;
overflow: auto;
}

#centralpanes table {
float: left;
text-align: center;
}

#centralpanes table td{
width:140px;
padding-left: 5px;
padding-right: 5px;
color: #666666;
text-align: center;
border-bottom:1px solid #BBBBBB;
}

table.aleft td {
	width: 25%;
	text-align: center;
	color: #666666;
	border-bottom:1px solid #BBBBBB;
}

table.aleft td.firstc {
	padding-left: 5px;
	width: 50%;
	text-align: left;
}

table.pmshead td{
width:140px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
border-bottom:1px solid #348F42;
}

/* -----END OF CODE---- */

/* BLUE BUTTON - REX TAJANLANGIT - JUNE 03 08 */

.btnblue{
background:#0099FF;
font:11px Arial, Helvetica, sans-serif, "Arial Rounded MT Bold";
border:1px solid #5FD9F1;
}

/* END OF CODE */

.bordered1 {
    border-color: #082063;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-collapse: collapse;
}
.bordered1 td {
    border-color: #082063;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
	padding: 5px;
}
.bordered2 {
    border-color: #082063;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-collapse: collapse;
}
.bordered2 td {
    border-color: #082063;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
	padding: 2px;
}
.tblright table td {
	text-align: right;
}
.milestone {
	color: #666666;
}
.milestone ul {
    margin-left: 25px;
}
.milestone p {
    margin-left: 25px;
}
.tbox1 {
	font: 11px Arial, Helvetica, sans-serif, 'Arial Rounded MT Bold';
	color:#2A1FAA;
	border:1px solid #000080;
}
.surveytable table th {
	background: #000080;
	color: #FFFFFF;
}
.showroom {
	background: #D0DAE3;
}
.rowx td {
	background: #D0DAE3;
	color: #0A2366;
	vertical-align: middle;
	font-size: 12px;
}
.rowx td a {
	text-decoration: none;
	color: #0A2366;
}
.rowx td a.link2 {
	text-decoration: none;
	color: #FFFFFF;
}
.rowy td {
	background: #FFFFFF;
	color: #0A2366;
	vertical-align: middle;
	font-size: 12px;
}
.rowy td a {
	text-decoration: none;
	color: #0A2366;
}
.rowy td a.link2 {
	text-decoration: none;
	color: #6584A1;
}
.glossary strong {
	color: #0A2366;
}
.galtbl td {
	width: 125px;
	height: 160px;
}
.galtbl2 td {
	width: 125px;
	height: 60px;
}
.topmenu {font-size:13px; font-family:Arial; color:#353535; letter-spacing: 0.05; line-height:40px;font-Weight:bold;}
a.topmenusub {font-size:11px; font-family:verdana; color:#666666; letter-spacing: 0.05; line-height:120%; TEXT-DECORATION: none;background-color: #ffffff;}
a.topmenusub:visited  {font-size:11px; font-family:verdana; color:#666666; letter-spacing: 0.05; line-height:120%; TEXT-DECORATION: none;background-color: #ffffff;}
a.topmenusub:hover {font-size:11px; font-family:verdana; color:#666666; letter-spacing: 0.05; line-height:120%; TEXT-DECORATION:none;background-color: #EBEBEB;}