* {margin:0;padding: 0; font-family: Arial; font-size: 11px; color: #32393B; line-height:15px;} /* color: #7D7D7D; */

body{background: #EBEBEB; color:black}

table{width: 100%; margin: 5px 0; border-collapse: collapse; border:1px solid #C1DAD7; } 




caption {padding: 0; width: 100%; font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: left;}

thead {text-align: left;}

td{border:1px solid #C1DAD7;  padding: 5px;} 

td input {border:solid 1px #ccc; width: 55px}

td{padding-left: 10px; background: #fff url(../images/common/bullet1.gif) no-repeat;}

td.alt{padding-left: 10px; background: #fff url(../images/common/bullet2.gif) no-repeat;}

label#status {color: Red;}

th {border: 1px solid #C1DAD7; padding: 5px;background: #CAE8EA url(../images/common/bg_header.jpg) no-repeat;}

p{margin: 5px 0; text-align: justify;}


ul{margin: 0 0 0 20px; list-style-type: disc;}

ul li {margin: 2px 0;}

ul.block { list-style-type: none; margin: 0; }

h1 {font-size: 11px; margin: 5px 0;}

a {cursor: pointer; text-decoration: none; color: #066F5A}

a:hover {text-decoration: underline; }

a.anchor {display: block; font-family: Arial; font-weight: 600; padding: 10px 0 0 0; }

fieldset {margin: 0 ; padding: 0; border: none;}
fieldset legend {padding-left: 5px; font-weight: bold;}
fieldset ol {list-style: none;}
fieldset li {padding-bottom: 5px; overflow: auto;}
fieldset li label {width:90px; float:left;}

fieldset li em {color: #060; font-size: 85%; font-style: normal; text-transform: uppercase; }
fieldset li label em {display: block; color: #060; font-size: 85%; font-style: normal; text-transform: uppercase; }
fieldset li label strong {display: block; color: #C00; font-size: 85%; font-weight: normal; text-transform: uppercase;}

fieldset li input {width: 120px; border:solid 1px #ccc;}
fieldset li input.checkbox {width: auto; margin: 0 2px 0 0; }


fieldset ol ol li {float:left;position:relative;}
fieldset ol ol li input {float: left;}
fieldset ol ol li label {float: left; width: 70px; margin: 0 2px 0 0; }

textarea {border:solid 1px #ccc;}
input.submit {width: auto; background: url(../images/common/button.jpg) green no-repeat 0 0; border: none; color: #fff; cursor: pointer; }
input.find {width: auto; background: url(../images/common/freefindbutton.jpg) green no-repeat 0 0; border: none; cursor: pointer; color: #ccc; padding: 0 5px;  }

label.gain{color: green;}
label.lose{color: red;}
label.even{color: #ccc;}

h1.header{margin:0; padding: 0;height:25px; background: #CAE8EA url(../images/common/bg_header.jpg) no-repeat;}


/* all about tabs */
ul#tab {list-style-type:none; overflow:auto;margin:0 0 0 5px; _margin:0;}
ul#tab li {_width: 120px; float:left; background: url(../images/common/lefttab_02.png) no-repeat right 0; margin:0 2px 0 0;}


ul#tab li.active {background: url(../images/common/activetab_02.png) no-repeat right 0; color: #000;}
ul#tab li a {display:block; background: url(../images/common/tab_01.png) no-repeat 0 0; text-decoration:none; color: white; height:25px; padding: 5px 5px; font-weight: bold}
ul#tab li.active a {background: url(../images/common/activetab_01.png) no-repeat 0 0; color: green;}

div#tabcontainer div {height: auto; display: none; float:left; padding: 5px;border: solid 1px #ccc; margin: -6px 0 0 5px; _margin: -6px 0 0 0px;}
div#tabcontainer div div {display:block; border: none; margin: 0px; padding: 0px;}

div#tabcontainer div.active {display: block;}
div#tabcontainer div.inactive {display: none;}
/* all about tabs */


/* all about tabs */
ul#monthtab {list-style-type:none; overflow:auto;margin:0 0 0 5px; _margin:0;}
ul#monthtab li {_width: 120px; float:left; background: url(../images/common/lefttab_02.png) no-repeat right 0; margin:0 2px 0 0;}


ul#monthtab li.active {background: url(../images/common/activetab_02.png) no-repeat right 0; color: #000;}
ul#monthtab li a {display:block; background: url(../images/common/tab_01.png) no-repeat 0 0; text-decoration:none; color: white; height:25px; padding: 5px 5px; font-weight: bold}
ul#monthtab li.active a {background: url(../images/common/activetab_01.png) no-repeat 0 0; color: green;}

div#monthtabcontainer div {height: auto; display: none; float:left; padding: 5px;border: solid 1px #ccc; margin: -6px 0 0 5px; _margin: -6px 0 0 0px;}
div#monthtabcontainer div div {display:block; border: none; margin: 0px; padding: 0px;}

div#monthtabcontainer div.active {display: block;}
div#monthtabcontainer div.inactive {display: none;}
/* all about tabs */


/* all about general tabs */
ul#generaltab {list-style-type:none; overflow:auto;margin:0 0 0 5px; _margin:0;}
ul#generaltab li {_width: 120px; float:left; background: url(../images/common/lefttab_02.png) no-repeat right 0; margin:0 2px 0 0;}

ul#generaltab li.active {background: url(../images/common/activetab_02.png) no-repeat right 0; color: #000;}
ul#generaltab li a {display:block; background: url(../images/common/tab_01.png) no-repeat 0 0; text-decoration:none; color: white; height:25px; padding: 5px 5px; font-weight: bold}
ul#generaltab li.active a {background: url(../images/common/activetab_01.png) no-repeat 0 0; color: green;}

div#monthtabcontainer div {height: auto; display: none; float:left; padding: 5px;border: solid 1px #ccc; margin: -6px 0 0 5px; _margin: -6px 0 0 0px;}
div#monthtabcontainer div div {display:block; border: none; margin: 0px; padding: 0px;}

div#generaltabcontainer div.active {display: block;}
div#generaltabcontainer div.inactive {display: none;}
/* all about  general tabs */

/* notices */


div#loginnotice {position:absolute; top:80px; right: 0; width: auto; background-color:#fff; border:1px solid #ccc ; z-index: 99; height: auto; margin:0 5px 0 0;visibility: hidden; }
div#loginnotice #popup {width: 200px;font-size: 13px;} 
div#loginnotice #popup p {background:#fff;margin: 0; padding: 5px;}
div#loginnotice #popupheader {width: 100%; overflow: auto; background:#EEEEEE; padding: 1px;} 
div#loginnotice #popupheader h1 {width: auto; display: inline; font-size: 12px; float:left;margin: 0; padding: 0px;}
div#loginnotice #popupheader a.close {margin:0 0 0 -2px;width:19px; height:19px; float:right;background:url(../images/common/close.gif) no-repeat 0 0;text-indent:-9999px;}
div#loginnotice #popupheader a.close:hover {background:url(../images/common/close_hover.gif) no-repeat 0 0;width:19px; height:19px;}

/* end notices */

/* containers */
div#container {width:785px; margin:10px auto 0 auto; text-align:left; position: relative; }
div#header {width: 100%; height:100px; position:relative; background: #006C56;  }
div#menu {width: 100%; height:39px; position:relative; }
div#logo{width: 565px; float:left;}

div#content {width: 100%; float:left; position: relative; background: #ffffff; font-family: Verdana; font-size: 11px; }
p.topic {padding: 10px 10px 0 10px; font-size:18px;}
p.topicgreen {padding: 10px 10px 0 10px; font-size:18px; color:#006c56;}
div#left {width: 590px; float:left;}
div#maincontent {padding: 5px 10px;}
div#maincontent p {text-align: justify;}
div#right { float:left; }


div#search {width: 170px; height: 101px; float:left; position: absolute; padding: 20px 5px 5px 10px;}
div#search fieldset.freefind { width:100%;}
div#search fieldset.freefind ol {list-style: none; width:100%;}
div#search fieldset.freefind li {width:100%;}
div#search fieldset.freefind li input{width: auto;}
div#search fieldset.freefind li label {display: inline!important;}

div#home, div#terminalcargo, div#customclearance, div#maritimeinsurance, div#freightforwarding, div#vesseloperation, div#containerizing, div#nvocc, div#vehiclerepair,div#parts, div#aboutus, div#contactus, div#grading, div#terms, div#application, div#myprofile, div#accidentdamage, div#vehicleappraisal, div#accidentdamage, div#odometercheck, {width: 100%; _width:98.8%; overflow: auto; padding: 5px;}

div#home_tag h1.myaccount {font-size:12px; padding: 25px 25px 25px 75px; background:url(../images/home/my_account.gif) no-repeat 0 30%; color:green; font-weight:bold; }
div#home_tag h1.services {font-size:12px; padding: 25px 25px 25px 75px; background:url(../images/home/my_services.gif) no-repeat 0 30%; color:green; font-weight:bold; }
div#home_tag h1.parts {font-size:12px; padding: 25px 25px 25px 75px; background:url(../images/home/my_parts.gif) no-repeat 0 30%; color:green; font-weight:bold; cursor:pointer;}
div#home_tag h1#point {font-size:12px; padding: 55px 25px 60px 35px; background:url(../images/home/point_right.gif) no-repeat 0 50%; color:#006c56; font-weight:bold; }
div#home_tag h1#registernow {font-size:12px; padding: 25px 25px 25px 35px; background:url(../images/home/register_now.gif) no-repeat 0 50%; color:#006c56; font-weight:bold;}
/* containers */

/*login*/
div#login{width: 210px; float:left; padding: 5px}
div#login fieldset li label {color:#fff; width:100px;float:left;}
div#login fieldset li input {width:100px; float:left;}
div#login fieldset li input.submit {width: auto;}
div#login fieldset li label em {color: red;}
div#login fieldset li label a {color: #fff;}
div#login label, div#login span {color: #fff}
div#login label#welcome, div#login label#welcome span {font-size: 15px}
/* end */

/* terms*/
div#terms fieldset label input.submit {width:55px; height: 18px; color:#ffffff;}
/* end terms*/

/* application */
div#applicationform {width: 469px; height: 450px; float:left; padding: 10px 20px; background:url(../images/common/myprofile.gif) no-repeat;}
div#applicationform form fieldset li label {width:220px;float:left;}
div#applicationform form fieldset li input {display: inline; width: 120px; border:solid 1px #ccc;}
div#applicationform select {width: 120px; border:solid 1px #ccc;}
/* end application */

/* application */
div#myprofileform {width:469px; height: 450px; float:left; padding: 10px 20px; background:url(../images/common/myprofile.gif) no-repeat;}
div#myprofileform label {width:120px;float:left;}
div#myprofileform input {width: 120px; border:solid 1px #ccc;}
div#myprofileform input.submit {width: auto;}
div#myprofileform select {width: 120px; border:solid 1px #ccc;}
div#myprofileform form fieldset form {padding: 4px 0 0 10px;}
/* end application */


/* exportstatistics */
div#exportstatistics {width: 775px; overflow: auto; padding: 5px;}
div#exportstatistics div#searchform {width: 130px; height: 360px;float:left; border: solid 1px #ccc; padding: 10px}
div#exportstatistics div#searchform input{width: 100px}
div#exportstatistics div#searchform input.submit{width: auto;}
div#exportstatistics div#list {width: 600px;}
div#exportstatistics div#list div#resultlisting {width: auto;}
div#exportstatistics div#list div#paging {width: 100%}
div#exportstatistics table{width: auto;}
/* end exportstatistics */

/* quotationsystem */
div#quotationsystem {width: 775px; overflow: auto; padding: 5px;}
div#quotationsystem div#list {width: 750px;}
div#quotationsystem div#list div#resultlisting {width: 100%;}
div#quotationsystem table{width: 100%;}
div#quotationsystem div#tabcontainer div div {display:none; border: none; margin: 0px; padding: 0px;}
div#quotationsystem div#tabcontainer div.active {display: block;}
div#quotationsystem div#tabcontainer div div.active{display: block;}

div#quotationsystem div#tabcontainer div.inactive {display: none;}
div#quotationsystem div#tabcontainer div div.inactive {display: none;}
/* end quotationsystem */

/* stockmanagement */
div#stockmanagement{width: 775px; padding: 5px;}
div#stockmanagement div#searchform {width: 104px; height: 364px; float:left; border: solid 1px #ccc; padding: 8px}
div#stockmanagement div#searchform input{width: 100px}
div#stockmanagement div#searchform select{width: 100px; border:solid 1px #ccc;}
div#stockmanagement div#searchform input.submit{width: auto;}
div#stockmanagement div#searchresults {width: auto; float:left; margin: 0; }
div#stockmanagement div#list {width: 630px;}



div#details {width: 630px;}
div#details div#listing{width: 205px; height: 440px; float:left; background: #F5FAFA; border: 1px solid #C1DAD7; }
div#details div#listing input{width: 100px}
div#details div#listing input.checkbox {width: auto; margin: 0 2px 0 0; }
div#details div#listing span {font-weight: bold;}

div#details div#vehiclemap{width: 290px; height: 440px; float:left; margin: 0 2px;  border: 1px solid #C1DAD7;}

div#details div#vehiclemap input {width: 20px; border:solid 1px #ccc; text-align: center;}

input#frontbumper {position: absolute; top: 85px; left: 480px}

input#frrhtire {position: absolute; top: 156px; left: 388px}
input#frrhcornerlamp {position: absolute; top: 100px; left: 388px}
input#frrhheadlamp {position: absolute; top: 100px; left: 450px}
input#frlhheadlamp {position: absolute; top: 100px; left: 510px}
input#frlhcornerlamp {position: absolute; top: 100px; left: 574px}
input#frlhtire {position: absolute; top: 156px; left: 574px}

input#frrhfender {position: absolute; top: 135px; left: 410px}
input#bonnet {position: absolute; top: 135px; left: 480px}
input#frlhfender {position: absolute; top: 135px; left: 550px}

input#lhdoorsill {position: absolute; top: 200px; left: 370px}
input#frlhwheelarch {position: absolute; top: 200px; left: 410px}
input#frontscreen {position: absolute; top: 190px; left: 480px}
input#frrhwheelarch {position: absolute; top: 200px; left: 560px}
input#rhdoorsill {position: absolute; top: 200px; left: 590px}

input#frlhdoor {position: absolute; top: 240px; left: 410px}
input#roof {position: absolute; top: 240px; left: 480px}
input#frrhdoor {position: absolute; top: 240px; left: 550px}

input#rrlhdoor {position: absolute; top: 280px; left: 410px}
input#rearscreen {position: absolute; top: 280px; left: 480px}
input#rrrhdoor {position: absolute; top: 280px; left: 550px}

input#rrlhwheelarch {position: absolute; top: 315px; left: 450px}
input#trunk {position: absolute; top: 315px; left: 480px}
input#rrrhwheelarch {position: absolute; top: 315px; left: 510px}

input#rrrhtire {position: absolute; top: 350px; left: 380px}
input#lhquarterpanel {position: absolute; top: 350px; left: 420px}
input#backpanel {position: absolute; top: 350px; left: 480px}
input#rhquarterpanel {position: absolute; top: 350px; left: 540px}
input#rrlhtire {position: absolute; top: 350px; left: 580px}

input#rhtaillamp {position: absolute; top: 385px; left: 450px}
input#rrgarnish {position: absolute; top: 385px; left: 480px}
input#lhtaillamp {position: absolute; top: 385px; left: 510px}

input#underbattery {position: absolute; top: 420px; left: 430px}
input#rearbumper {position: absolute; top: 420px; left: 480px}
input#underbody {position: absolute; top: 420px; left: 530px}

div#details div#others {width: 120px; height: 440px; float:left; background: #F5FAFA; border: 1px solid #C1DAD7;}
div#details div#others input{width: 100px}

div#details div#photoandverification{width: 417px; float:left; margin: 2px 2px; background: #F5FAFA; border: 1px solid #C1DAD7;}
/* stockmanagement*/ 

/* shipsched*/
div#shipsched{width: 775px; padding: 5px;}
div#shipsched div#searchform {width: 104px; height: 364px; float:left; border: solid 1px #ccc; padding: 8px}
div#shipsched div#searchform input{width: 100px}
div#shipsched div#searchform select{width: 100px; border:solid 1px #ccc;}
div#shipsched div#searchform input.submit{width: auto;}
div#shipsched div#searchresults {width: auto; float:left; margin: 0; }
div#shipsched div#list {width: 540px;} 
div#shipsched div#list div#resultlisting {width: auto;}
div#shipsched div#list div#paging {width: 100%}
div#shipsched table{width: auto;}

div#nzta div#searchresults2 {width: auto; float:left; margin: 0; }
div#nzta div#tabcontainer div#list2 {width: 700px; overflow:scroll;  } 
div#nzta div#tabcontainer div#list2 div#resultlisting2 {width: auto;}
div#nzta div#tabcontainer div#list2 div#paging2 {width: 100%}
div#nzta table{width: auto;}
div#nzta div#tabcontainer div#list2 table#tableinspection {width: 100% ; border:0; }

div#left2 {width: 700px; float:left;}
/* div#maincontent2 {padding: 5px 10px;}
div#maincontent2 p {text-align: justify;} */ 

/* shipsched*/

/* pricelist */
div#pricelist {width: 775px; padding: 5px;}
div#pricelist div#center {width: 775px; clear:both;}
div#pricelist div#tabcontainer div {width: 738px; _margin-top: -10px}
div#pricelist table{width: auto }
/* pricelist */

/*Lightbox*/
div#lightbox { width:100%;background:#ffffff;position:absolute; top:0; left:0; z-index:199;}
/*Lightbox*/

/*Login*/
div#content div#loginPage div#left{}
div#content div#loginPage div#left form table{width:250px; text-align:center; margin:auto; margin-top:20px;}
div#content div#loginPage div#left form table tbody tr td{}
/*Login*/

/*Parts*/
div#popContainer_partsInquiryInfo {text-align:center; width:449px; height:260px; position:absolute; top:0; left:60%;  border:3px solid #2A2A2A;  background:#fdfffd; margin:70px 0 0 -330px; z-index:205;}
div#popContainer_partsInquiryInfo div#pop_partsInquiryInfo div.header{background:url(../images/parts/BG_partsInquiryInfoHeader.gif) repeat-x 0 0; text-align:left;}
div#popContainer_partsInquiryInfo div#pop_partsInquiryInfo h2{color:#FFFFFF; font-size:11px; padding:5px 0 5px 10px;}
div#popContainer_partsInquiryInfo div#pop_partsInquiryInfo h3{text-align:left; padding:10px 0 0 10px;}
div#popContainer_partsInquiryInfo div#pop_partsInquiryInfo a.closebox { position:absolute; right:5px; top:2; display:block; background:url(../images/parts/closefeaturedhelpbox.jpg) no-repeat 0 0px; padding:10px 0; width:20px; text-indent:-9999px;}
div#popContainer_partsInquiryInfo div#pop_partsInquiryInfo p{margin:10px 10px 0px 10px;}
div#popContainer_partsInquiryInfo div#pop_partsInquiryInfo input.partsInquiryLogin{background:url(../images/parts/BG_button1.gif) no-repeat 0 0px; border:0px; color:#FFFFFF; font-weight:bold; width:124px; height:18px; text-decoration:underlined; margin:10px; cursor:pointer;}
div#popContainer_partsInquiryInfo div#pop_partsInquiryInfo input.partsInquiryLogin:hover{}

div#popContainer_partsInquiryForm {text-align:center; width:310px; height:555px; position:absolute; top:0; left:60%;  border:3px solid #2A2A2A;  background:#fdfffd; margin:70px 0 0 -330px; z-index:205;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm div.header{background:url(../images/parts/BG_partsInquiryInfoHeader.gif) repeat-x 0 0; text-align:left;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm h2{color:#FFFFFF; font-size:11px; padding:5px 0 5px 10px;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm a.closebox { position:absolute; right:5px; top:2px; display:block; background:url(../images/parts/closefeaturedhelpbox.jpg) no-repeat 0 0px; padding:10px 0; width:20px; text-indent:-9999px;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm p{margin:10px 10px 0px 10px;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm div.header2{background:url(../images/parts/BG_partsInquiryFormHeader.gif) repeat-x 0 0; width:262px; margin:auto; margin-top:10px;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm h3{color:#FFFFFF; font-size:11px; padding:5px 0 5px 10px;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm table{margin:auto; margin-top:0px; width:261px; border:1px solid #CCCCCC;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm table td{border:0px solid #A4A2A5;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry table tbody tr.miniHead td{text-align:left;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry table tbody tr td{background:url(); background-color:#EAF5E5; color:#83897F; padding-top:10px;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry table tbody tr td input.partsType{width:15px;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry table tbody tr td.label{text-align:left; width:85px;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry table tbody tr td select{border:1px solid #CCCCCC; width:140px;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry table tbody tr td input#partsChassis{border:1px solid #CCCCCC; width:136px;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry table tbody tr td textarea#partsInquiryNotes{border:1px solid #CCCCCC; width:236px; margin:0 0 5px 0;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry div.partsInquirySubmit{text-align:center;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry div.partsInquirySubmit input#partsInquirySubmit{background:url(../images/parts/BG_button2.gif) no-repeat 0 0px; border:0px; color:#FFFFFF; font-weight:bold; width:102px; height:22px; margin:10px 0 0 0; cursor:pointer;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry div.partsInquirySubmit img#partsInquirySubmitLoader{margin:auto; margin-top:10px; display:none; text-align:center;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry div.partsInquirySubmit div#partsInquirySubmitSuccess{margin:auto; margin-top:10px; display:none; text-align:center; background-color:#016C58; color:#FFFFFF; font-weight:bold; width:76px; }

div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry div#partsInquiryContent div div img#skype1{cursor:pointer; border:0px;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry div#partsInquiryContent div div img#atjchat1{cursor:pointer;}

div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry div#partsInquiryThanks div h3{color:#000000; font-size:18px; margin:5px 0 5px 0;}
div#popContainer_partsInquiryForm div#pop_partsInquiryForm form#frmPartsInquiry div#partsInquiryThanks div.partsInquirySubmitThanks input#partsInquirySubmitThanks{background:url(../images/parts/BG_button2.gif) no-repeat 0 0px; border:0px; color:#FFFFFF; font-weight:bold; width:102px; height:22px; margin:90px 0 0 0; cursor:pointer;}
/*Parts*/