html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

*{color:#5e5e5e;}
a{text-decoration:underline;}
a:hover{color:#d71537;}
abbr{cursor:help;border-bottom:1px dashed #999;}
blockquote{
	display:block;
	font-style:italic;
}

a{text-decoration:underline;}

html,body{background:#ffcd00;}

/* header area */
#header{
	width:804px;
	margin:0 auto;
	background:#fff;
	height:135px;
	overflow:hidden;
	_height:1%;
}
#header a{
	float:left;
}
#header div{
	float:right;
	width:594px;
}

/* content area */
#content{
	width:804px;
	margin:0 auto;
	background:#fff;
	padding-bottom:10px;
}
h1{
	font-size:138.5%;
	color:#6490ab;
	margin-bottom:20px;
}
#main h2{
	font-size:108%;
	padding:10px 0;
	font-weight:bold;
}
#content{
	overflow:hidden;
	_height:1%;
}
/* main+related layout */
.content-mr #main{
	float:left;
	width:629px;
}
.content-mr #related{
	float:right;
	width:161px;
}
.content-mr #menu{
	display:none;
}
/* main only layout */
.content-m #main{
	width:804px;
}
.content-m #menu,
.content-m #related{
	display:none;
}
/* menu-main-related layout */
.content-mmr #main{
	float:left;
	width:454px;
	overflow:hiden;
}
.content-mmr #related{
	float:right;
	width:161px;
}
.content-mmr #menu{
	float:left;
	width:161px;
	margin-right:14px;
}
/* menu+main layout */
.content-mm #main{
	float:right;
	width:629px;
}
.content-mm #related{
	display:none;
}
.content-mm #menu{
	float:left;
	width:161px;
}
#content #main .box{
	float:left;
}

/* footer */
#about-legal{
	width:804px;
	margin:0 auto;

}
#about-legal ul#links{
	padding-top:10px;
	text-align:center;
}
#about-legal ul#links li{
	font-size:85%;
	display:inline;
	margin-right:4px;
	border-left:1px solid #5e5e5e;
	padding-left:6px;
}
#about-legal ul#links li.first{
	border-left:none;
}

/* left menu */
#menu .hd,
#menu .hd .wrapper{
	height:30px;
	background:#c90101 url(/a/images/common/ui/dhlmenu.png) left top no-repeat;
}
#menu .hd{
	padding-left:30px;
}
#menu .hd .wrapper{
	background-position:right top;
}
#menu .bd{
	background:#c90101;
}
#menu .bd li{
	overflow:hidden;
}
#menu .bd li a{
	text-decoration:none;
	background:transparent url(/a/images/common/ui/ul-bgs.png) 11px -789px no-repeat;
	display:block;
	padding:5px 0 5px 30px;
	border-bottom:2px solid #fff;
	font-weight:bold;
	color:#fff;
	overflow:hidden;
	_height:1%;
}
#menu .bd li a:hover,
#menu .bd li a.active{
	text-decoration:none;
	background-color:#aaa;
}
#menu .ft,
#menu .ft .wrapper{
	height:30px;
	background:#c90101 url(/a/images/common/ui/dhlmenu.png) left bottom no-repeat;
}
#menu .ft{
	padding-left:30px;
}
#menu .ft .wrapper{
	background-position:right bottom;
}
#menu .bd li ul li a{
	display:block;
	background-color:#c0c0c0;
	background-image:none;
	color:#333;
	border-bottom:none;
	font-size:93%;
}
#menu .bd li ul li a.last{
	border-bottom:2px solid #fff;
}
#menu .bd li ul li a:hover,
#menu .bd li ul li a.active{
	background-color:#dbdbdb;
}

/* right menu */
#related h2{
	font-size:123.1%;
	color:#fff;
	background:#949494 url(/a/images/common/ui/dhlright.png) right top no-repeat;
	padding-right:18px;
	font-weight:bold;
	border-bottom:2px solid #fff;
}
#related h2 span{
	display:block;
	background:#949494 url(/a/images/common/ui/dhlright.png) left top no-repeat;
	padding:16px 0 2px 17px;;
}
#related ul.bd li{
	height:2.7em;
	line-height:2.7em;
	background:#ffcd00;
	border-bottom:2px solid #fff;
	padding-left:17px;
}
#related ul.bd li a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
#related ul.bd li.last{
	background:#ffcd00 url(/a/images/common/ui/dhlright.png) bottom left no-repeat;
	padding-left:16px;
	border-bottom:none;
}
#related ul.bd li.last span{
	background:#ffcd00 url(/a/images/common/ui/dhlright.png) bottom right no-repeat;
	display:block;
}
#related ul.bd li.log-in{
	background:#bbb2b7;
	padding:3px 0 3px 17px;
}
#related ul.bd li.log-in a{
	color:#fff;
	height:22px;
	line-height:22px;
	background:#cc0001 url(/a/images/common/ui/dhllogin.png) left top no-repeat;
	padding-left:10px;
	display:inline-block;
}
#related ul.bd li.log-in a span{
	background:#cc0001 url(/a/images/common/ui/dhllogin.png) right top no-repeat;
	padding-right:10px;
	height:22px;
	line-height:22px;
	display:block;
	text-align:center;
}
#related ul.bd li.log-info{
	height:auto;
	line-height:1.9em;
	border:none;
	padding:0 0 0 17px;
	background:#aaa url(/a/images/common/ui/ul-bgs.png) 5px -789px no-repeat;
}
#related ul.bd li.log-info a,
#related ul.bd li.log-info span{
	color:#fff;
	font-size:85%;
}
#related ul.bd li.log-info span{
	font-weight:bold;
}
#related form{
	text-align:right;
	margin-top:20px;
}
#related form label,
#related form input{
	text-indent:-500em;
	height:0;
	width:0;
	overflow:hidden;
	display:block;
	border:none;
}
#related form select{
	width:99%;
	border:1px solid #5e5e5e;
}
#related p{
	margin:20px 8px 0 0;
}

/* =========================================== */
/* boxes */
/* =========================================== */
.box .hd,
.box .hd .wrapper,
.box .hd h2,
.box .ft,
.box .ft p,
.box .ft .wrapper{
	background-image:url(/a/images/common/ui/box-sprite.png);
	background-repeat:no-repeat;
}
.box .hd{
	padding-left:8px;
	background-position:left 0;
}
.nohead .hd .wrapper,
.nofoot .ft .wrapper{
	background-position:right 0;
	height:6px;
}
.nofoot .ft .wrapper{
	background-position:right -194px;
}
.box .hd h2{
	background-position:right 0;
	padding:6px 0 6px 0;
	font-size:93%;
	font-weight:bold;
}
.box .bd{
	border:1px solid #ccc;
	border-width:0 1px;
	padding:0 8px;
	font-size:93%;
}
.box .ft{
	background-position:left -194px;
	padding-left:6px;
}

/* home page content */
.intro{
	margin-top:10px;
	font-weight:bold;
	font-size:108%;
}
.intro-lt{
	margin-top:10px;
	font-size:108%;
}
ul.home-advantages{
	margin:20px 0 0 20px;
}
ul.home-advantages li{
	background:transparent url(/a/images/common/ui/ul-bgs.png) left -1191px no-repeat;
	padding:5px 75px 5px 20px;
	position:relative;
	margin-bottom:20px;
}
ul.home-advantages li.shop,
ul.home-advantages li.rates,
ul.home-advantages li.deliver{
	margin-bottom:0;
}
ul.home-advantages li span{
	display:block;
	height:61px;
	width:61px;
	background:#fff url(/a/images/common/ui/dhl-home.jpg) left top no-repeat;
	position:absolute;
	right:0;
	top:0;
}
ul.home-advantages li.rates span{
	background-position:left -200px;
}
ul.home-advantages li.deliver span{
	background-position:left -400px;
}
#content h2.home{
	font-size:138.5%;
	color:#6490ab;
	margin-bottom:20px;
	font-weight:normal;
}
#content ol.easy-steps li{
	list-style:none;
	float:left;
	width:22%;
}
ol.easy-steps li h3{
	background:#ccc;
	margin:0 9px 8px 0;
	padding:2px 5px;
	text-align:center;
	font-size:108%;
}
ol.easy-steps li p{
	padding-top:99px;
	background:#fff url(/a/images/common/ui/dhl-easy-steps.jpg) left top no-repeat;
	margin-right:4px;
	font-size:85%;
	font-weight:bold;
}
ol.easy-steps li.step2 p{
	background-position:-103px top;
}
ol.easy-steps li.step3 p{
	background-position:-206px top;
}
ol.easy-steps li.step4 p{
	background-position:-309px top;
}

/* =========================================== */
/* Various common content elements */
/* =========================================== */
/* Unordered lists */
ul.arr li{
	padding:2px 0 2px 16px;
	background:transparent url(/a/images/common/ui/ul-bgs.png) left 6px no-repeat;
}
ul.sqr li{
	padding:2px 0 2px 16px;
	background:transparent url(/a/images/common/ui/ul-bgs.png) left -392px no-repeat;
}
ul li a{
	color:#877851;
}
/* Ordered lists */
#content ol li{
	list-style:decimal inside;
	margin:4px 0;
}
#content ol li ul.sqr{
	margin-left:18px;
}
#content ol li ul{
	margin-left:18px;
}
#content ol li ul li{
	list-style:none;
}
#main p{
	margin-top:10px;
}
p.message-intro{
	margin-bottom:20px;
}
p.error{
	font-weight:bold;
	color:#f00;
}

/* FAQ styles */
ul.faq{
	margin-top:20px;
}

/* Start shopping */
ul.shopping-banners{
	height:747px;
	position:relative;
}
ul.shopping-banners li{
 position:absolute;
}
.start-shopping{
	margin-top:20px;
	background:transparent url(/a/images/common/ui/dhl-start-shopping.png) bottom right no-repeat;
	overflow:hidden;
	_height:1%;
}
.start-shopping .cats,
.start-shopping .specials{
	float:left;
}
.start-shopping .cats{
	width:65%;
}
.start-shopping .specials{
	width:35%;
}
.start-shopping h2,
.start-shopping .cats .ft,
.start-shopping .specials .ft{
	background:transparent url(/a/images/common/ui/dhl-start-shopping.png) left top no-repeat;
}
.start-shopping h2{
	background-color:#999;
	color:#fff;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:123.1%;
	padding:4px 0 4px 16px;
	font-weight:bold;
	border-bottom:2px solid #ef7134;
}
.start-shopping h2 a{
	color:#fff;
	padding-left:16px;
}
.start-shopping .specials h2{
	background-position:right top;
}
.start-shopping .cats ul{
	border-top:2px solid #fff;
	background-color:#f2f2f2;
	padding:20px 0 20px 10px;
}
.start-shopping .cats ul li{
	padding:10px 0 0 0;
}
.start-shopping .cats ul li a{
	color:#6790a4;
	font-size:108%;
	text-decoration:underline;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
}
.start-shopping .specials p{
	border-top:2px solid #fff;
}
.start-shopping .cats .ft{
	height:12px;
	background-position:left -388px;
}

/* demo page */
.demo{
	margin-top:20px;
}

/* TCC */
.tcc table{
	margin:20px auto;
	border:1px solid #eee;
}
.tcc table caption{
	font-weight:bold;
	font-size:108%;
	margin:20px 0 0 0;
}
.tcc table th{
	font-weight:bold;
}
.tcc table tr{
	border:1px solid #eee;
}
.tcc table th,
.tcc table td{
	padding:4px;
}
.tcc p.notes{
	margin-bottom:10px;
	font-size:85%;
}
/* TCC form in related */
.tcc-form{
	margin-top:20px;
	background-color:#b6aa85;
}
#related .tcc-form form{
	margin-top:0;
}
.tcc-form .hd,
.tcc-form .hd .wrapper,
.tcc-form .ft,
.tcc-form .ft .wrapper{
	background:#b6aa85 url(/a/images/common/ui/dhltcc.png) left top no-repeat;
	height:20px;
}
.tcc-form .hd{
	padding-left:20px;
}
.tcc-form .hd .wrapper{
	background-position:right top;
}
.tcc-form .ft{
	padding-left:20px;
	background-position:bottom left;
}
.tcc-form .ft .wrapper{
	background-position:right bottom;
}
.tcc-form form{
	padding:0 10px;
}
.tcc-form form legend{
	display:none;
}
#related .tcc-form form label,
#related .tcc-form form input{
	color:#fff;
	height:auto;
	width:auto;
	text-indent:0;
	text-align:left;
}
#related .tcc-form form input{
	color:#333;
	border:1px solid #5e5e5e;
	padding:2px;
}
#related .tcc-form form input.noborder{
	border:none;
	padding:0;
}
#related .tcc-form p{
	clear:both;
	font-size:85%;
	color:#fff;
	margin:4px 0 0 0;
	overflow:hidden;
}
#related .tcc-form p span{
	text-align:left;
	float:left;
}
#related .tcc-form p span.weight,
#related .tcc-form p span.value{
	text-align:left;
	width:60%;
}
#related .tcc-form p span.weight input,
#related .tcc-form p span.value input{
	width:60px;
}
#related .tcc-form p span.unit,
#related .tcc-form p span.currency{
	margin-right:4px;
	width:35%;
}
#related .tcc-form p span.unit input{
	width:30px;
}
#related .tcc-form p span.height,
#related .tcc-form p span.width,
#related .tcc-form p span.depth,
#related .tcc-form p span.size-unit{
	width:21%;
}
#related .tcc-form p span.height input,
#related .tcc-form p span.width input,
#related .tcc-form p span.depth input{
	width:20px;
}
#related .tcc-form p span.size-unit select{
	width:49px;
}
#related .tcc-form p input.submit{
	border:1px solid #ccc;
	padding:4px;
	color:#333;
	text-align:center;
	cursor:pointer;
}
#related .tcc-form .missing-field{
	color:#930000;
	background:#fd8282;
}
#related .tcc-form p.error{
	font-size:93%;
	font-weight:bold;
}

/* submit button */
span.submit-button{
	background:transparent url(/a/images/common/ui/dhllogin.png) no-repeat scroll left -22px;
	display:inline-block;
	height:22px;
	line-height:22px;
	padding-left:5px;
}
span.submit-button input.submit{
	background:transparent url(/a/images/common/ui/dhllogin.png) no-repeat scroll right -22px;
	border:none;
	color:#fff;
	display:block;
	font-weight:bold;
	height:22px;
	line-height:22px;
	padding-right:5px;
	width:auto;
	margin:0;
}

/* member pages */
p.error-intro{
	color:#fff;
	font-weight:bold;
	background:#f00;
}
#content .member p.error-intro{
	margin-bottom:20px;
	padding:6px 3px;
}
#content .member p.intro{
	margin-bottom:20px;
	font-size:100%;
	font-weight:normal;
}
.member form legend{
	font-size:123.1%;
	color:#c90101;
	font-weight:bold;
}
.member ul.home-advantages{
	margin-bottom:20px;
}
.member ul.home-advantages li{
	margin-bottom:0;
	padding-right:10px;
}
.member form p{
	margin:20px 0;
	overflow:hidden;
	_height:1%;
}
.member form p label,
.member form p input,
.member form p select,
.member form p textarea,
.member form p span.val,
.member form p span.lab{
	display:block;
	float:left;
	width:40%;
}
.member form p select{
	width:41%;
}
.member form p span.val{
	border:none;
	padding-top:2px;
}
.member form p span.val label{
	margin-bottom:10px;
}
.member form p label,
.member form p span.lab{
	text-align:right;
	padding:2px 20px 0 0;
}
.member form p input,
.member form p select,
.member form p textarea{
	padding:1px;
	border:1px solid #333;
}
.member form p label.compulsory,
.member form p span.compulsory{
	background:transparent url(/a/images/common/ui/ast.png) right top no-repeat;
}
.member form p input.noborder{
	width:auto;
	border:none;
	margin-top:5px;
	_margin-top:0;
}
.member form p.valid{
	padding-left:44%;
}
.member form p span.error{
	display:block;
	color:red;
	clear:both;
	padding-left:44%;
	padding-top:8px;
}
.member form p input.input_error,
.member form p textarea.input_error,
.member form p select.input_error{
	background-color:#fbdd64;
	border:1px solid #f00;
}
.member p.error{
	color:#f00;
}
a.chge-pwd{
	font-weight:bold;
	color:#c90101;
}
.member form p.multiple{
	overflow:hidden;
	zoom:1;
}
.member form p.two-fields label,
.member form p.two-fields select,
.member form p.two-fields input{
	width:auto;
}
.member form p.two-fields input.noborder{
	margin-left:4px;
	margin-right:10px;
}
.member form p.two-fields span.error{
	width:90px;
}
.member form p.two-fields label.first{
	width:40%;
}
.member #sp-helper p.helper-line{
   margin-top:3px;
   overflow:hidden;
   _height:1%;
}
.member #sp-helper span{
  display:block;
  float:left;
  width:40%;
}
.member #sp-helper span.key{
  padding-left:20px;
}
.member #sp-helper span.value{
  border:1px solid #333;
  padding:2px;
}

/* shipment */
.shipment-release .ship-wrapper{
	border:1px solid #ccc;
	padding:8px;
	overflow:hidden;
	zoom:1;
}
.shipment-release ul.tabs{
	clear:both;
	overflow:hidden;
	display:block;
	position:relative;
	top:1px;
	_height:1%;
}
.shipment-release ul.tabs li{
	background:#fff url(/a/images/common/ui/shipment-release-tabs.png) left top no-repeat;
	height:35px;
	line-height:34px;
	display:block;
	float:left;
	padding-left:7px;
}
.shipment-release ul.tabs li a{
	font-weight:bold;
	text-decoration:none;
	background:#fff url(/a/images/common/ui/shipment-release-tabs.png) right top no-repeat;
	padding-right:7px;
	display:block;
	_padding:7px;
}
.shipment-release ul.tabs li a img{
	position:relative;
	top:2px;
}
.shipment-release ul.tabs li a:hover{
	text-decoration:underline;
}
.shipment-release ul.tabs li.active{
	background-position:left -35px;
}
.shipment-release ul.tabs li.active a{
	background-position:right -35px;
}
table.shipping-goods caption{
	margin:15px 0 8px 0;
	color:#6490ab;
	font-size:138.5%;
}
table.shipping-goods td,
table.shipping-goods th{
	vertical-align:top;
	font-size:93%;
	border-bottom:1px solid #ccc;
	padding:3px 0 4px 0;
}
#main table.shipping-goods td p{
	margin-top:0;
}
.shipment-release table tr.blocked{
	background:#fefcf8;
	font-weight:bold;
}
.shipment-release table tr.blocked *{
	color:#f00;
}
.shipment-release table tr.blocked th ul{
	font-size:93%;
}
table.shipping-goods{
	width:100%;
}
table.shipping-goods thead th{
	font-weight:bold;
}
table.shipping-goods thead th.weight{
	width:13%;
}
table.shipping-goods thead th.pod,
table.shipping-goods thead th.date{
	width:14%;
}
table.shipping-goods thead th.details,
table.shipping-goods thead th.status{
	width:36%;
}
table.shipping-goods thead th.items{
	width:27%;
}
table.shipping-goods tbody th img{
	margin-right:3px;
}
table.shipping-goods tbody th .more-info-js{
	cursor:pointer;
}
table.shipping-goods tbody td label{
	display:none;
}
table.shipping-goods tbody td input{
	margin-top:1px;
}
table.shipping-goods tbody td ul.arr li{
	padding-top:0;
}
table.shipping-goods tbody p.delivery{
	font-weight:bold;
}
table.shipping-goods tbody p.invoice a{
	color:#df2222;
	font-weight:bold;
}
table.shipping-goods tbody p.invoice img{
	position:relative;
	top:2px;
	margin-right:4px;
}
#main table.shipping-goods tbody ul.status{
	font-size:85%;
}
table.shipping-goods td.value,
table.shipping-goods th.value{
	text-align:right;
	padding-right:17px;
}

table.shipping-summary{
	width:60%;
	margin:10px 0 10px 40%;
}
table.shipping-summary th,
table.shipping-summary td{
	padding:3px 0;
	border-bottom:1px solid #ccc;
	vertical-align:top;
}
table.shipping-summary th{
	font-weight:bold;
	color:#6490ab;
}
table.shipping-summary td{
	text-align:right;
	width:20%;
}
table.shipping-summary .maj{
	font-weight:bold;
}
table.shipping-summary .final-total{
	font-size:123.1%;
	font-weight:bold;
	color:#6490ab;
}
#shipping-data-box{
	float:left;
	width:45%;
}
#shipping-data-box p{
	margin-top:0;
}
#content .shipment-release form p{
	clear:both;
	text-align:right;
	background:#f4f4f4;
	padding:10px 4px 0 140px;
	margin-top:0;
}
#content .shipment-release p.valid{
	background:transparent;
	float:right;
	width:auto;
	padding-left:0;
	clear:none;
}
#content .shipment-release form p.valid .hidden{
	display:none;
}
#content .shipment-release p.recap{
	text-align:right;
	padding-right:4px;
	margin-bottom:10px;
}
.shipment-release form p input{
	border:1px solid #ccc;
}
#content .shipment-release .box .bd p{
	background:transparent;
	text-align:left;
	padding:0;
}
#shipping-data-box{
	margin-top:25px;
}

/* invoice */
table.invoice{
	width:100%;
}
table.invoice caption{
	font-size:123.1%;
	font-weight:bold;
	padding:3px;
	background-color:#eee;
}
table.invoice th,
table.invoice td{
	vertical-align:top;
	padding:6px 3px;
	border-bottom:1px solid #ccc;
}
table.invoice th{
	width:200px;
	padding-right:
}

/* your suite address */
ul.your-suite-address{
	clear:both;
	overflow:hidden;
}
ul.your-suite-address li{
	margin-right:40px;
	float:left;
}
ul.your-suite-address li h2 img{
	margin-right:4px;
}
ul.your-suite-address li table{
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
ul.your-suite-address li table td,
ul.your-suite-address li table th{
	vertical-align:top;
	padding:4px 0;
}
ul.your-suite-address li table th{
	font-weight:bold;
	width:100px;
}
ul.your-suite-address li table td{
	line-height:1.3em;
}

/* T&C */
ol.terms-conditions li{
	padding:6px 0;
}