.mob1 table {
	background-image: url(images/mob-1.gif);
	background-position: left;
	background-repeat: none;
}

.mob2 {
	background-image: url(images/mob-2.gif);
	background-position: left;
	background-repeat: none;
}

.mob3 {
	background-image: url(images/mob-3.gif);
	background-position: left;
	background-repeat: none;
}

.mob1 p, ul, li {
  font-family: Verdana;
  color: #3D546D;
  font-size: 10px;
}

.mob1 h2 {
  font-family: Impact, Verdana;
  color: #3D546D;
  font-size: 14px;
}

.bg {
	background-image: url(i/bg-content.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
}
.linebg {
	background-image: url(i/line-bg.gif);
}
.line2bg {
	background-image: url(i/bg-title.gif);
}
.line3bg {
	background-image: url(i/line-bg3.gif);
}
.bgleft {
	background-image: url(i/bg-left.gif);
	background-position: top;
	background-repeat: no-repeat;
}
.bggrey {
	background-image: url(i/bg-grey.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.bgdarkgrey {
	background-color:#F3F3F3;
}

/*.bgspecials {
	background-image: url(i/bg-specials.gif);
	background-position: top;
	background-repeat: repeat-x;
}*/

.bgcontent1 {
	background-image: url(i/bg-content1.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}


.menuItem {
	background-color : #020C1D;
	color : #FFFFFF;
	display : block;
	width : 105px;
	text-align : left;
	padding : 4px 4px;
	padding-left : 10px;
}

.menuItem:hover {
	background-color : #66CCFF;
}


/* untuk mouse over menu */
.showlayer{display:block} /*show layer*/
.hiddenlayer{display:none} /*hidden layer*/

#personal_over{
	position:absolute; 
	width:82px; 
	height:30px; 
	left:0px; 
	z-index:1; 
} 
#personal_list{
	position:absolute; 
	width:163px; 
	height:164px; 
	left:0px; 
	z-index:2; 
} 


#business_over{
	position:absolute; 
 	width:82px;
	height:30px;
	left:513px;
	z-index:3; 
	}
#business_list{
	position:absolute; 
 	width:163px;
	height:184px;
	left:513px;
	z-index:4; 
	} 

/*#LPersonal{
	position:absolute;
	z-index:1000;
	top: 61px;
	background-color:#020c1d;
	visibility: hidden;

} 
*/
#sort_over{
	position:absolute; 
 	width:32px;
	height:30px;
	left:0px;
	z-index:3; 
	}

#sort_list{
	position:absolute; 
 	width:124px;
	height:133px;
	left:0px;
	z-index:4; 
	} 

.copyright {

	font-size: 8pt;
	color: #cccccc;
}
.copyrightlink {

	font-size: 8pt;
	color: #8cd7fc;
	text-decoration: none;
}
.copyrightlink:hover {

	font-size: 8pt;
	color: #66CCFF;
	text-decoration: none;
}
.design {

	font-size: 7pt;
	color: #666666;
}
.designlink {

	font-size: 7pt;
	color: #666666;
	text-decoration: none;
}
.designlink:hover {

	font-size: 7pt;
	color: #66CCFF;
	text-decoration: none;
}

.checkbox{
width:13px;
height:13px;
}

/* contact form, search */
.option2 {
width:150pt;

font-size: 10pt;
color:333333;
height:15pt;
}
.option4 {
	width:67pt;
	
	font-size: 10pt;
	color:333333;
	height:15pt;
	text-align: right;
}
.input2 {
border:1px solid #a6a6a6;
background-color:#f4f4f4;

font-size: 10pt;
color:333333;
width:200pt;
height:16pt;
}
.textarea2 {
border:1px solid #a6a6a6;
background-color:#f4f4f4;

font-size: 10pt;
color:333333;
}

.mobtext {
 text-align: justify;
 padding-top: 15px;
 font-size: 12px;
 line-height: 18px;
}

/* new vehicles form*/
.option {
width:140pt;

font-size: 10pt;
color:333333;
height:15pt;
}
.option3 {
width:210pt;

font-size: 10pt;
color:333333;
height:15pt;
}
input {
border:1px solid #a6a6a6;
background-color:#f4f4f4;
font-size: 10pt;
color:333333;
width:210pt;
height:16pt;
}

input:focus {
background-color:#DDDDDD;
}

textarea {
border:1px solid #a6a6a6;
background-color:#f4f4f4;
font-size: 10pt;
color:333333;
}

textarea:focus {
background-color:#DDDDDD;
}

.textarea3 {
border:1px solid #a6a6a6;
background-color:#f4f4f4;

font-size: 10pt;
color:333333;
width:200pt;
height:100pt;
}

/* join newsletter form*/
.input3 {
border:1px solid #a6a6a6;
background-color:#f4f4f4;

font-size: 10pt;
color:333333;
width:150pt;
height:16pt;
}
.textarea4 {
border:1px solid #a6a6a6;
background-color:#f4f4f4;

font-size: 10pt;
color:333333;
width:150pt;
height:50pt;
}




.text {

	font-size: 10pt;
	color:#000000;
	line-height: 14pt;
	text-align: justify;

}
.text2 {

	font-size: 12pt;
	color: #ffffff;
	line-height: 18pt;
	text-align: justify;
}
.textlink {

	font-size: 10pt;
	color: #8cd7fc;
	line-height: 14pt;
	text-decoration: none;
}

.textlink:hover{

	font-size: 10pt;
	color: #66CCFF;
	text-decoration: none;
}
.textlink2 {

	font-size: 8pt;
	color: #8cd7fc;
	line-height: 14pt;
	text-decoration: none;
}

.textlink2:hover{

	font-size: 8pt;
	color: #66CCFF;
	text-decoration: none;
}

.textlist {

	font-size: 9pt;
	color: #345881;
	text-align: justify;

}
.textlistlink {

	font-size: 9pt;
	color: #345881;
	text-decoration: none;
}
.textlistlink:hover {

	font-size: 9pt;
	color: #66CCFF;
	text-decoration: none;
}
.textlisttitle {

	font-size: 9pt;
	color: #66ccff;
	font-weight: bold;
}
.textlistitalic {

	font-size: 8pt;
	color: #345881;
	text-align: justify;
	font-style: italic;
}

.textlisttitle2 {

	font-size: 10pt;
	color:#032E60;
	font-weight: bold;


}

.menu {

	font-size: 8pt;
	color: #CCCCCC;
	text-decoration: none;
	line-height: 12pt;
}
.menu:hover{

	font-size: 8pt;
	color: #66CCFF;
	text-decoration: none;
	line-height: 12pt;
}









.menulinks {

	font-size: 9pt;
	color: #3d3d3d;
	text-decoration: none;
}
.menulinks:hover {

	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
}
.submenulinks {

	font-size: 9pt;
	color: #999966;
	text-decoration: none;
}
.submenulinks:hover {

	font-size: 9pt;
	color: #ffffcc;
}
.mmenulinks:hover {

	font-size: 11pt;
	color: #666666;
	text-decoration: none;
}
.mmenulinks {

	font-size: 11pt;
	color: #141414;
	text-decoration: none;
	line-height: 14pt;
}
.menutext {

	font-size: 10pt;
	color: #FBF8F8;
	text-decoration: none;
	height: 14pt;
}
.menulink {

	font-size: 10pt;
	color: #FBF8F8;
	text-decoration: none;
}
.menulink:hover {

	font-size: 10pt;
	color: #ffff00;
	text-decoration: none;
}
.mnavigationtext {

	font-size: 13pt;
	color: #000000;
	text-decoration: none;
	height: 14pt;
}
.mnavigationtext2 {

	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	height: 14pt;
}
.productKey
{
	background-color:#dde3e9;
}
.mnavigation {

	font-size: 10pt;
	color: #032E60;
	text-decoration: none;
}
.mnavigation:hover {

	font-size: 10pt;
	color: #66ccff;
	text-decoration: none;
}
.mnavigationdis {

	font-size: 10pt;
	color: #3d3d3d;
	text-decoration: none;
}
.ctitle {

	font-size: 11pt;
	color: #663300;
	font-weight: bold;
	text-decoration: none;
}
.ctitle:hover {

	font-size: 11pt;
	color: #996600;
	font-weight: bold;
	text-decoration: none;
}
.title2 {

	font-size: 17pt;
	color: #FE2B01;
	font-weight: bold;
}
.textitalic {
	color: #cccccc;
	font-style: italic;

}
.title TD {

	font-size: 11pt;
	color: #000000;
	background-color: #488fb3;
	border-bottom: 1px solid #3d3d3d;
	font-weight: bold;
}
.titleo TD {

	font-size: 11pt;
	color: #66ccff;
	background-color: #141414;
	border-bottom: 1px solid #3d3d3d;
	font-weight: bold;
}
.texttitle {
	background-color: #141414;
	font-size: 10pt;
	color: #cccccc;

}
.texttitle2 {
	background-color: #141414;
	font-size: 10pt;
	color: #66ccff;

	font-weight: bold;
}

.texttitlelinks {
	background-color: #6c849e;
	font-size: 10pt;
	color:#FFFFFF;

	text-decoration: none;
}
.texttitlelinks:hover {
	background-color: #6c849e;
	font-size: 10pt;
	color: #FFFFFF;

	text-decoration: underline;
}
.textentry {
	background-color: #555555;

	font-size: 10pt;
	color: #141414;
}
.td1 {
	background-color: #101010;

	font-size: 9pt;
	color: #CCCCCC;
	/*border-bottom: 1px solid #333333;
	background-image: url(i/td1.gif);
	background-repeat: repeat;*/

}
.td2 {
	background-color: #050505;

	font-size: 9pt;
	color: #CCCCCC;
	/*border-bottom: 1px solid #343434;
	background-image: url(i/td2.png);
	background-repeat: repeat;*/
}
.td3 {
	background-color: #222222;

	font-size: 9pt;
	/*font-size: 10pt;*/
	/*font-weight: bold;*/
	color: #BBBBBB;
}
.td4 {
	background-color: #66676B;

	font-size: 9pt;
	color: #CCCCCC;
}
.td5 {
	background-color: #707176;

	font-size: 9pt;
	color: #CCCCCC;
}
.titleb TD {

	font-size: 10pt;
	color: #FFFFFF;
	background-color: #6c849e;
	border-top: 1px solid #3d3d3d;
	font-weight: bold;
}
.super {
	font-size: 7pt;
	vertical-align: super;
}
.ctitle3 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 17pt;
	color: #66ccff;
	background-color: #000000;
/*	font-weight: bold;*/
}
.titlelinks {

	font-size: 10pt;
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
}
.titlelinks:hover {

	font-size: 10pt;
	color: #EEEEEE;
	font-weight: bold;
	text-decoration: none;
}
.textentries TD { 
	border-bottom: 1px solid #202020;
}
.error {

	font-size: 10pt;
	color: #CC0000;
}
.subtitle {

	font-size: 13pt;
	color: #66ccff;
	font-weight: bold;
}
.titlespec {

	font-size: 13pt;
	color: #FFFFFF;
	background-color: #2f3032;
	border-bottom: 1px solid #3d3d3d;
	font-weight: bold;
}
.thank {

	font-size: 9pt;
	color: #FF0000;
	font-weight: bold;
}
.similarlinks {

	font-size: 8pt;
	color: #66CCFF;
	text-decoration: none;
	font-weight: bold;
}
.similarlinks:hover {

	font-size: 8pt;
	color: #6FAAE5;
	text-decoration: none;
	font-weight: bold;
}
.bullet {

	font-size: 13pt;
	color: #638abf;
	font-weight: bold;
}
.emaillinks {


	font-size: 10pt;
	color: #FFFF66;
	text-decoration: none;
}
.emaillinks:hover {


	font-size: 10pt;
	color: #FFFFFF;
	text-decoration: underline;
}

#products{
	width:100%;
	height: 700px;
 	overflow: auto;
} 



/*untuk product*/

.phtdlinks {
	font-family:"Arial Narrow";
	font-size:16px;
	color: #002e63;
	font-weight: bold;
	text-decoration: none;
}
.phtdlinks:hover {
	color:#000000;
}

.phtd1 {
	font-family:"Arial Narrow";
	font-size:16px;
	color: #002e63;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 7px;
 	padding-top: 0px;
 	padding-right: 0px;
	height:41;
}
.phtd1b {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
	font-weight:bold;
 	padding-left: 7px;
 	padding-top: 0px;
	height:41;
}
.ptd1 {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 7px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 8px;
}
.ptd1b {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	height:39;
	vertical-align: top;
}
.ptd1qm {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	height:26;
	vertical-align: top;
}
.ptd1c {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 7px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 8px;
}
.ptd1d {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	vertical-align: top;
}
.ptd1e {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 7px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 8px;
}
.ptd1f {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	vertical-align: top;
}

.phtd2 {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 5px;
	height:41;
	text-decoration: none;
}
/*.phtd2 {

	font-size: 10pt;
	color: #66ccff;
	font-weight: bold;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #666666;
	background-image: url(i/p-bg-title-td2.gif);
 	padding-left: 5px;
	height:41;
	text-decoration: none;
}*/

.ptd2 {
  background-color: none;
	font-size: 9pt;
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 7px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 8px;
}

.ptd2 p {
  background-color: none;
	color: #000000;
}

.ptd2b {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 5px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 0px;
}
.ptd2c {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 5px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 0px;
}
.ptd2d {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 5px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 0px;
}
.ptd2e {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 5px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 0px;
}
.ptd2f {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 5px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 0px;
}
.ptd2g {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 5px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 0px;
}
.ptd2qm {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 5px;
 	padding-top: 0px;
 	padding-bottom: 0px;
 	padding-right: 0px;
}



.phtd3 {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 5px;
	height:41;
}
.ptd3 {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 5px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 0px;
}
.ptd3qm {

	font-size: 9pt;
	color: #183d67;
	border-bottom: 1px solid #CCCCCC;
 	padding-left: 5px;
 	padding-top: 0px;
 	padding-bottom: 0px;
 	padding-right: 0px;
}
.formLabel
{

	font-size:10px;
	color:#345881;
	font-weight:bold;
	text-transform:uppercase;
}
#newsletter{
	/*float:right*/
	z-index:1;
	visibility: hidden;
} 

.pictholder{
	border:0;
	margin-right: 5;
	margin-top: 3;
}
.msg {

	font-size: 8pt;
	color: #ff0000;
}
.error1 {

	font-size: 14pt;
	color: #66ccff;
	font-weight: bold;
}
.securitycode {

	font-size: 10pt;
	font-weight: bold;
	color: #345881;
}
.SecCode {

	font-size: 9pt;
	font-weight: bold;
	color: #66ccff;
}

.homeNews {
	width : 200px;
	font-family : Verdana;
	font-size : 14px;
	line-height : 140%;
	background-image:url(../images/submid.gif);
	background-repeat:repeat-y;
	background-position : left;
	width:246px;
	margin-top : 30px;
}

.homeNews input {
	width : 180px;
	padding : 5px;
	height : auto;
	font-size : 13px;
	margin-bottom : 10px;
	color : #333333;
	font-family : Verdana;
	border : 1px solid #194272;
}

.homeNews h3 {
	font-size : 20px;
	font-weight : normal;
	margin-bottom : 6px;
	line-height : 130%;
	margin-top : -10px;
}

.homeNews .submit {
	width : 120px;
	background-color : #194272;
	padding : 8px;
	border : 1px solid #000000;
	color : #FFFFFF;
	line-height : 140%;
}

.homeSearch {
	margin-top : 30px;
	padding-right : 12px;
}

/*#footerHome {
	height : 100px;
	font-family : verdana;
	text-align : center;
}*/

#footerHome span {
	display : block;
	width : 1100px;
	margin : 0 auto;
}

#footerHome ul, #footerHome ul li {
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#footerHome ul {
	display : block;
	width : 270px;
	padding-top : 15px;
	margin-right : 5px;
	float : left;
}

#footerHome ul li {
	margin-bottom : 6px;
}

#footerHome a {
	line-height : 130%;
	color : #CCCCCC;
	font-size : 11px;
}

.footertwc {
 color: #CCCCCC;
 font-size: 12px;
}

#footerInner {
	height : 100px;
	font-family : verdana;
	text-align : center;
	clear : both;
}

#footerInner span {
	display : block;
	width : 1100px;
	margin : 0 auto;
}

#footerInner ul, #footerInner ul li {
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#footerInner ul {
	display : block;
	width : 270px;
	padding-top : 15px;
	margin-right : 5px;
	float : left;
}

#footerInner ul li {
	margin-bottom : 6px;
}


#footerInner a {
	line-height : 130%;
	color : #CCCCCC;
	font-size : 12px;
}

.titlelinks {
color:#000000;

font-size:12px;
font-weight:bold;
padding:5px;
text-align:center;
text-decoration:none;
text-transform:none;
}

h2.titlelinks {
color:#000000;

font-size:12px;
font-weight:bold;
padding:5px;
text-align:center;
text-decoration:none;
text-transform:none;
}

h2.titlelinks:hover {
color:#000000;

font-size:12px;
font-weight:bold;
padding:5px;
text-align:center;
text-decoration:none;
text-transform:none;
}

.titleb td {
background-color:#DDE3E9;
border : 0;
color:#000000;

font-size:10pt;
font-weight:bold;
}

table.layo, table.layo tr, table.layo td {
	margin : 0;
	padding : 0;
}

table.layo tr td {
	background-color : #FFFFFF;
	display : block;
	float : left;
	margin : 2px;
	width : 175px;
	height : 200px;
	text-align : center;
	overflow : hidden;
}

table.layo .titlelinks {
	margin : 0;
	padding : 0;
}

table.layo tr td table {
	margin : 0 auto;
}

table.layo tr td table img {
	padding-top : 5px;
	width : 160px;
}

table.layo tr td td {
	border : 0;
	display : inline;
	float : none;
	margin : 0;
	width : auto;
	height : auto;
	text-align : center;
}

.model {
	background-color : #F3F3F3;
	display : block;
	float : left;
	margin : 2px;
	width : 150px;
	height : 180px;
	text-align : center;
}

.model img {
	padding-top : 5px;
	width : 140px;
}

.model .titleb td {
background-color:#F3F3F3;
border:0 none;
color:#000000;
width : auto;
}

.model a:hover {
	color:#000000;
	
}

/* light box css file*/



#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}





#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%	

	}



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000000;

	}