body { font-family:Arial, Helvetica, sans-serif; background:transparent; }
a, a:hover { text-decoration:none; cursor: pointer; }
img { display:block; }
fieldset { border:none; margin:0; padding:0; }
ul { margin:0 0 5px; padding:0; }
li { list-style:none; padding:0; margin:0 }
.popup { margin:0 10px 0 10px; }
.sign-up { background:url(images/popup-bg.png) center top no-repeat;  }
h3 { color:#4B0049; font-weight:normal; font-size:1.5em; }
.sign-up p { font-size:1.2em; line-height:18px; color:#4B0049; }
.sign-up a { color:#e84258; }
.sign-up .section { float:left; width:340px; padding:15px 50px 15px 10px; }
.sign-up .last { width:330px; padding:15px 0; }
.sign-up .last p { margin-bottom:1em; }
.sign-up .section h3 { margin-bottom:25px; }
.sign-up .last h3 { margin-bottom:14px; }
.sign-up .tools {  float:left; margin:15px 0 20px; }
.sign-up .tools a { display:block; float:left; cursor:pointer; width:80px; height:26px; background:url(images/register.png) left top no-repeat; margin:0 5px 0 0; }
.sign-up .tools .fb { background-position: left -98px; }
.sign-up .tools .wl { background-position: left -29px; }
.sign-up .tools .gl { background-position: left -62px; }
.sign-up label { clear:both; display:block; font-size:1.2em; font-weight:bold; color:#4B0049; width:100%; padding:0; margin:2px 0 2px }
.sign-up .register-row { clear:both; float:left; }
.sign-up .register-row label { float:left; clear:none; width:auto; padding:0 2px 0 0; }
.sign-up .register-row .errorMessage { float:left; padding:6px 0 0; font-size:11px; }
.sign-up input[type=text] { width:300px; height:18px; line-height:24px; padding:3px 2px;}
.sign-up input[type=password] { width:300px; height:18px; line-height:24px; padding:3px 2px;}
.sign-up select { width:175px; padding:1px; }
.sign-up .buttons { margin:40px 0 20px; }
.sign-up .buttons a { font-size:1.2em; padding-left:5px; }
.sign-in, .discount, .edi { background:none; padding:0 0 0 0; }
.sign-in .last { width:320px; padding-bottom:0; margin: 0 auto; float: none; }
.sign-in .buttons { margin:15px 0 15px; }
.sign-in .check { margin:0 0 10px; }
.sign-in .check input { float:left; margin:2px 4px 0 0; padding:0; }
.sign-in .check span { color:#e84258; font-size:1.2em; padding:0; margin:0; line-height:normal; }
.discount .last, .edi .last { width:380px; padding-bottom:0; margin: 0 auto; float: none; }
.discount input[type=text] { width:40px; }
.discount table th { text-align:center; background:none; } 
.discount table td { text-align:center; }
.discount table .first { text-align:left; }
.discount table .middle { color:#F00; }
.edi table { margin: 0; }
.edi input[type=text] { width:370px; }

.container-options { width:690px; border:1px solid #CCC; border-width:1px 0 0 1px; margin:8px 0 10px; }
.container-options th, .container-options td { border:1px solid #CCC; border-width:0 1px 1px 0; background:transparent; color:#4B0049; }
.container-options th { font-size:14px; font-weight:bold;  }
.form .container-options input { margin:0; }
.form .container-options input[type=text] { width:64px; float:left; margin-right:4px; }
.container-options select { width:100px; float:left; color:#4B0049; }
.container-options-head p { color:#e30c2b; line-height:18px; }
.container-options-head p a { font-weight:bold; color:#e30c2b; text-decoration:underline; }
.container-options-head p a:hover { text-decoration:underline; }
.form .container-options input.quality_container { width: 120px; }

.charge-description { font-size: 1.1em; }
.charge-description th { color: #32004b;  text-transform: uppercase; background: #FFF; text-align: right; border-bottom: 1px solid #ccc; }
.charge-description td { color: #32004b; text-align: right; padding: 5px 10px 6px 5px; background: #FFF; }
.charge-description tr.even td { background: #ebebeb; }
.charge-description strong { font-size: 1.1em; }
.total-summary { text-transform: uppercase; }
.total-summary td { font-weight: bold; }

.header-h4 { border-bottom:1px solid #d5d5d5; padding:0 10px 2px 5px; overflow:hidden; margin:0 0 8px; font-size: 1.2em;  }
.header-h4 h4 { color:#32004b; margin:0; font-size: 19px; }
.header-h4 strong { color:#32004b; }

.quote-summary { color:#32004b; margin: 0 0 8px 0; padding: 0 10px 0 5px; }
.quote-summary strong { font-size: 1.4em; }
.quote-summary span { float: right; }
.cal-contact-detail { color:#32004b; font-size: 1.1em; margin: 0 0 15px;}
.cal-contact-detail td { padding: 0 10px 0 5px; }
.cal-contact { text-transform: uppercase; text-align: center; color: #32004b; font-size: 1.2em; }
.cal-contact a { color: #C00;  }
.cal-copyright { margin: 12px 0 30px; }
.cal-copyright p { margin: 0 0 10px; font-size: 1em; line-height: 16px; }
.cal-copyright a { color: #C00;  }
.remark li { padding: 0; }
.red-link { color: #C00; }
#quoteCalculate { overflow:hidden; clear:both; }
#quoteCalculate li { list-style: none; height: 28px; display: block; padding: 3px; margin: 10px 0; cursor:move; position:relative; border:2px solid #336699; border-right: 80px solid #336699;  }
#quoteCalculate li.noSpace { border-color: #ea4a04; }
/*#quoteCalculate li.noSpace, #quoteCalculate li.hasSpace, #quoteCalculate li.containerLi { margin-left: 18px; }*/
#quoteCalculate #introduction li { border:2px solid #336699; background: none; width: auto;} 

/*********************************************/

#quoteCalculate #localChargeAtOriginal, #quoteCalculate #freightCharge, #quoteCalculate #localChargesAtDes, #quoteCalculate .containerLi 
{ border:2px solid #336699; border-left: 80px solid #336699; background-color:#F00; color:#32004B;}
#quoteCalculate #freightCharge { background-color:#FF0; color:#32004B; }
#quoteCalculate #localChargesAtDes { background-color:#0c2c8f; color:#fff; }
#quoteCalculate #remark, #quoteCalculate #remark2 { border:2px solid #336699; border-left: 60px solid #336699; }
#quoteCalculate #cartageChargeOriginalLi { border:2px solid #336699; border-left: 80px solid #336699; }
#quoteCalculate #cartageChargeAtDesLi { border:2px solid #336699; border-left: 80px solid #336699; }
#quoteCalculate .containerLi { background: #FFF; }

/*********************************************/

/*#quoteCalculate .contact-detail li { border:2px solid #336699; border-right: 60px solid #336699; }
#quoteCalculate .cartageLi { border:2px solid #336699; border-right: 60px solid #336699; }*/

#quoteCalculate li.border-dashed { border:2px dashed #C00; border-right: 80px solid #C00;}
#quoteCalculate li span, #quoteCalculate li div { cursor: pointer; margin: 0 3px 0 0; padding:0 2px 2px; border:1px solid #ccc;  width: 110px; display: inline-block; overflow: hidden; line-height: 25px; height: 25px; vertical-align: top;}
#quoteCalculate #contact-detail-ul li span { width: 178px; }


#quoteCalculate li div { border: none; width: 90px; }
#quoteCalculate li .section-3-header, #quoteCalculate li .header-h4 { width: 560px; display: block; overflow: visible; }
#quoteCalculate li .quote-summary { width: 560px; display: block; overflow: visible; }
#quoteCalculate li.hover { border-left-color:#336699; }
#quoteCalculate li.border-dashed.hover { border-left-color:#C00; }
#quoteCalculate li.odd { background-color:#f2f2f2; }
#quoteCalculate li .drag, #quoteCalculate li .remove, #quoteCalculate li .add { background:url(images/icons.png) -130px top no-repeat;  top:8px; width:20px; height:20px; position:absolute; right: -61px;}
#quoteCalculate li .drag {  cursor:move; }
#quoteCalculate li .remove { background-position: -478px top;  right: -41px; }
#quoteCalculate li .add { background-position: right top;  right: -19px;}
#quoteCalculate li .chkbxTotal {  right: -72px; position: absolute; top: 7px; border:none !important; background: none !important; cursor: pointer;}

/*********************************************/

#quoteCalculate #localChargeAtOriginal .drag, #quoteCalculate #freightCharge .drag, #quoteCalculate #localChargesAtDes .drag, #quoteCalculate #remark .drag, #quoteCalculate #remark2 .drag
, #quoteCalculate #cartageChargeOriginalLi .drag, #quoteCalculate #cartageChargeAtDesLi .drag, #quoteCalculate .containerLi .drag
{  left:-57px; right: inherit;}
#quoteCalculate #localChargeAtOriginal .remove, #quoteCalculate #freightCharge .remove, #quoteCalculate #localChargesAtDes .remove, #quoteCalculate #remark .remove, #quoteCalculate #remark2 .remove
, #quoteCalculate #cartageChargeOriginalLi .remove, #quoteCalculate #cartageChargeAtDesLi .remove, #quoteCalculate .containerLi .remove
{ background-position: -478px top;  left:-43px; right: inherit; }
#quoteCalculate #localChargeAtOriginal .add, #quoteCalculate #freightCharge .add, #quoteCalculate #localChargesAtDes .add, #quoteCalculate #remark .add, #quoteCalculate #remark2 .add
, #quoteCalculate #cartageChargeOriginalLi .add, #quoteCalculate #cartageChargeAtDesLi .add, #quoteCalculate .containerLi .add
{ background-position: right top;  left:-26px; right: inherit; }


#quoteCalculate #localChargeAtOriginal .chkbxTotal, #quoteCalculate #freightCharge .chkbxTotal, #quoteCalculate #localChargesAtDes .chkbxTotal, #quoteCalculate #remark .chkbxTotal, #quoteCalculate #remark2 .chkbxTotal
, #quoteCalculate #cartageChargeOriginalLi .chkbxTotal, #quoteCalculate #cartageChargeAtDesLi .chkbxTotal, #quoteCalculate .containerLi .chkbxTotal {
    left:-74px;  right: auto;
}

/*********************************************/

/*#quoteCalculate .contact-detail .drag { right: -24px; left:inherit; }
#quoteCalculate .contact-detail .remove { right: -38px; left:inherit; }
#quoteCalculate .contact-detail .add { right: -55px; left:inherit; }*/

#quoteCalculate li form  input { width: 114px;  /*border: none;*/ }
#quoteCalculate #contact-detail-ul li form  input { width: 174px; }
#quoteCalculate li .largeCal { width: 755px; }
#quoteCalculate li .largeCal form  input { width:750px !important; line-height: 25px;}

#quoteCalculate #allCost .largeCal  { height: 50px; line-height: 25px; }
#quoteCalculate #allCost { height: 56px; }
#quoteCalculate #totalTotal .largeCal  { height: 75px; line-height: 25px; }
#quoteCalculate #totalTotal { height:84px; }

#quoteCalculate #introduction .header-h4 { width: 624px; }
#quoteCalculate #introduction .largeCal { width: 830px; }
#quoteCalculate #introduction .largeCal form  input { width: 825px !important; }
#quoteCalculate #quoteNumber form input { width: 190px !important; }
#quoteCalculate #introduction .quote-summary { width: 840px; }
#quoteCalculate li .first { width: 372px; color: #c00; }
#quoteCalculate .noSpace .first { width: 400px; }
#quoteCalculate li .firtCol { width: 400px; }
#quoteCalculate li .first form  input { width:366px !important; }  
#quoteCalculate .noSpace .first form  input { width:394px !important; }  
#quoteCalculate li .last { margin: 0; padding:0 2px 2px; }
#quoteCalculate li .contact { width: 130px; }
#quoteCalculate li .contact form  input { width:172px !important; }
#quoteCalculate .contact-detail { margin: 40px 0; }
#quoteCalculate li .six { width: 756px; color: #c00; }
#quoteCalculate li .six form  input { width:750px !important; }
#quoteCalculate li .seven { width: 728px; color: #c00; }
#quoteCalculate li .seven form  input { width:712px !important; }
#quoteCalculate .noSpace .seven { width: 756px; color: #c00; }
#quoteCalculate .noSpace .seven form  input { width:750px !important; }

#quoteCalculate li .cartage { width: 755px; color: #c00; }
#quoteCalculate li .cartage form  input { width:750px !important; }
#quoteCalculate .total-summary .first { font-weight: bold; color: #222; font-size: 1.2em; width: 396px;}
#quoteCalculate .total-summary .first form input { width: 390px !important; }
#quoteCalculate li form  input { border:1px solid #f1ca7f; }
a#fdbk_tab {
  top: 166px; padding: 6px 0 5px 8px;
  left: 0; border: 2px solid #FFF;
  width: 150px;
  height: 25px;
  color: white;
  cursor: pointer;
  background: #e2e2e2;
  overflow: hidden;
  position: fixed;
  z-index: 100000;
  margin-left: -7px;
  _position: absolute; 
}
a#fdbk_tab p { margin: 0; }
a#fdbk_tab span { color: #333; text-transform: capitalize; display: inline-block; vertical-align: top; margin:0 0 2px 0; font-size: 1.1em;}
a#fdbk_tab .price .fdbk_tab_label { width: 110px;}
a#fdbk_tab .price .fdbk_tab_value { color: #F00; }
a#fdbk_tab .price .fdbk_tab_currency { }

/***** Menu **********************/
#floatSubMenu {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -501px;
  width: 1002px;
  height: 166px;
  z-index: 100000;
  _position: absolute; 
}
#header { background:url(images/header-en.png) left top #32004b no-repeat; width:632px; height:128px; border-bottom:1px solid #FFF; padding:0 0 0 370px; position:relative; }
.logo { float:left; display:block; width:370px; height:128px; position:absolute; left:0; top:0; }
.header-center { float:left; width:340px; height:118px; padding:10px 0 0; text-align:right; }
.quote-request { height:84px; }
.quote-request a { float:right; display:block; clear:both; }

.quoteRequest { background:url(images/header-quote.png) right top no-repeat; padding:1px 22px 0 0; height:21px; width:130px; text-align:right; color:#32004b; text-transform:uppercase; font-size:12px; font-weight:bold; margin:2px 0 0; }
.header-right { float:right; height:128px; padding:0 20px 0 0; }

.quick-search fieldset { background:url(images/search-bg.png) right top no-repeat; float:right; height:20px; width:308px; margin-right:22px; }
.quick-search_vi fieldset { background-image: url(images/search-bg_vi.png); }
.quick-search input[type=text] { width:236px; height:18px; border:none; float:left; padding:0 0 0 4px; margin:1px 8px 0 0; }
.quick-search input[type=submit] { width:59px; height:18px; cursor:pointer; background:none; border:none; color:#ff0000; text-indent:-2012em; float:left; }
.site-links { height:42px; float:right; padding:18px 0 0; clear:both; }
.site-links .utilities { float:right; clear:both; margin:0 0 4px 0; }
.site-links .utilities li { float:left; padding:0 5px; list-style:none; background:url(images/menu-separator.png) right 2px no-repeat; font-weight:normal; }
.site-links .utilities li.last { background:none; }
.site-links .utilities li a { color:#FFF; font-size:1.1em; }
.site-links .utilities li a.active { color:#ff0000;  }
.login-ways { float:right; width:228px; clear:both; }
.login-ways img { float:left; }
.login-ways div { float:right; width:125px; margin:16px 0 0;  }
.login-ways h5 { color:#FFF; float:left; clear:both; font-weight:normal; font-size:14px; margin:0 0 4px; }
.login-ways ul { float:left; clear:both; padding:0; margin:0;  }
.login-ways ul li { float:left; list-style:none; padding:0 5px 0 0; }
.login-ways ul li a { color:#FFF; text-indent:-2012em; width:22px; height:20px; background:url(images/header-icons.png) left top no-repeat; display:block; }
.login-ways ul li a.google { background-position:0 -22px; }
.login-ways ul li a.yh { background-position:0 -44px; }
.login-ways ul li a.wl { background-position:0 -66px; }
#mainmenu { background:#32004b; height:38px; text-align:center; }
#mainmenu .mainmenu { padding:5px 0 0; margin:0 auto; height:32px; }
.main-menu-wrapper { display:inline-block; margin:0 auto; }
#mainmenu li { float:left; padding:0 0 0 8px; list-style:none; background:url(images/menu-separator.png) right center no-repeat; position:relative }
#mainmenu li.last { background:none; background-repeat:no-repeat; }
#mainmenu a { color:#FFF; font-size:1.2em; display:inline-block; padding:4px 8px 4px 0; height:22px; }
#mainmenu li.current > a { color:#F00; }
#mainmenu .mainmenu > li:hover > a { background:url(images/menu-hover.png) right -31px no-repeat; color:#F00; }
#mainmenu li:hover { background:url(images/menu-hover.png) left top no-repeat #FFF;  }
#mainmenu .mainmenu div { display:none; position:absolute; left:0; top:24px; z-index:99999; width:211px; background:url(images/menu-sub-bg.png) right bottom no-repeat; padding:0 0 8px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; border:1px solid #CCC; border-top: none; }
#mainmenu .mainmenu > li:hover div { display:block; }
#mainmenu .mainmenu ul { margin:0; padding:4px 0 0; background:url(images/menu-sub-bg.png) left top no-repeat #FFF; }
#mainmenu .mainmenu ul li { display:block; padding:2px 5px 3px 10px; border-bottom:1px solid #e1e1e1; float:none; clear:both; background:none; text-align:left; }
#mainmenu .mainmenu ul li.last { border:none; padding-bottom:0; }
#mainmenu .mainmenu ul li a { color:#4b0049; padding:0; font-size:14px; }
#mainmenu .mainmenu ul li a:hover { text-decoration:underline;  }
#quoteCalculate  form  input { background: #C00; color:#FFF; }