*{
	font-family: 			Arial, Helvetica, sans-serif!important;	
}
body {
	margin: 				0px;
	font-family: 			Arial, Helvetica, sans-serif;
	color: 					#000;
	font-size:				8pt;
	line-height:			12pt;
}
body div {
	margin: 				0 auto;
}
form {
	display: 				inline;
}
img{
	border:					0px;
}
/* LINKS */
A:VISITED,  A:LINK{	
	text-decoration:  		none;
	color:					#000;
}
A:ACTIVE{
	text-decoration:  		none;
	color:					#000;
}
A:HOVER{
	text-decoration:		underline;
	color:					#000;	
}

.middle A:VISITED,  .middle A:LINK{	
	text-decoration:  		none;
	color:					#000;
}
.middle A:ACTIVE{
	text-decoration:  		none;
	color:					#000;
}
.middle A:HOVER{
	text-decoration:		underline;
	color:					#000;	
}


/* LISTS */
UL{
	list-style-type:		none; 
	padding:				0px 0px 0px 10px;	
	margin:					0px 0px 0px 0px;
	line-height:			14pt;		
}
UL LI{
	background:				url('../images/listItemBullet.gif') no-repeat 2px 7px;	
	padding:				0px 0px 0px 12px
}
UL LI a:visited, UL LI a:link, UL LI a:active, UL LI a:hover{
	color:					#000!important;
}
UL LI.NoLink{
	background:				url('../images/listItemBulletNoLink.gif') no-repeat 2px 7px;
	padding:				0px 0px 0px 10px;
	margin:					0px 0px 0px -10px;
	color:					#666!important;
}

.GeneralButton{
	border:				none;
	padding:				2px 0px 2px 0px;
	color:				#FFF;
	text-transform:			uppercase;
	font-size:				8pt;
	height:				21px;
	cursor:				hand;
	margin:				0px;
}

.BevestigButton{
	background:				url('../images/ButtonBG.gif') no-repeat;
	width:				70px;
}

.BevestigButtonLarge{
	background:				url('../images/ButtonBGLarge.gif') no-repeat;
	width:				180px;
}

.AnotherShipmentButton{
	background:				url('../images/AnotherShipmentButton.gif') no-repeat;
	width:				115px;
}

/*
  Special: button could be used in a wider fashion, 
  in which case, alignment would need changing.
  At the moment (aug-2008) this is not the case, and we therefore
  don't need to do anything.
  Note that if you DO change this to have a left-alignment, that you 
  need to make sure it still looks good in non-microsoft browsers.
*/
.YESButton{
/*
	text-align:				left;
	margin-left:			9px;
*/
	background:				url('../images/YESButton.gif') no-repeat;
	width:				31px;
}

/*
  Special: button could be used in a wider fashion, 
  in which case, alignment would need changing.
  At the moment (aug-2008) this is not the case, and we therefore
  don't need to do anything.
  Note that if you DO change this to have a left-alignment, that you 
  need to make sure it still looks good in non-microsoft browsers.
*/
.NOButton{
/*
	text-align:				left;
	padding-left:			6px;
*/
	background:				url('../images/NoButton.gif') no-repeat;
	width:				31px;
}

.warning{
	border:				1px solid #cc0001;
	padding:				5px;
	margin:				21px 0px 0px 10px;
	float:				right;
	width:				200px;
}
.result{
	padding:				5px;
	margin:				21px 0px 0px 10px;
	float:				right;
	width:				220px;
}
.clear {
	clear: 				both;
	height: 				1px;
}
.main {
	width: 				980px;
}
.top {
	width: 					980px;
	float: 					left;
	height: 				70px;
	background:				#ffcc00;
}
.top-DHL4U {
	width: 					260px;
	height:					70px;
	float: 					right;
	background:				url('../images/TopBG.gif') no-repeat left bottom;
}
.top-DHL4ULogo{
	margin:					32px 0px 0px 107px;
}
.top-DHLLogo {
	width: 					155px;
	float: 					left;
	margin:					20px 0px 0px 10px;
}
.TopNav {
	width: 					980px;
	height:					25px;
	float: 					left;
	background:			    #cc0001 url('../images/TopNavBackground.gif') repeat-x;
}
.TopNavBG{
	width:					260px;
	float:					right;	
}
.TopNavList{
	display:				inline;
	color:					#FFF;
	font-weight:			bold;
	font-size:				9pt;
	padding:				0px 25px 0px 0px;
	background:				none;
}

.SubHeadingBackground{
	width: 					100%;
	min-height:				18px;
	font-weight: 			bold;
	font-size:				8pt;
	background:				#f1f2ed;
	padding:				6px 10px 6px 10px;
	margin:					10px 0px 10px 0px;
	border-top:				1px solid #CCC;
	border-bottom:			1px solid #CCC;
}
.middle {
	width: 					980px;
	float: 					left;
}
.column-1 {
	width: 					727px;
	float: 					left;
	background:				url('../images/column-1-BG.gif') no-repeat right top;
}
.column-1-NavLayouts {
	width: 					727px;
	float: 					left;
	background:				url('../images/column-1-BG.gif') no-repeat right top;
	position:				relative;
	margin:					0px 0px 0px -190px;
}
.column-1-StepNav {
	width: 					727px;
	float: 					left;
	background:				url('../images/column-1-BG.gif') no-repeat right top;
	margin-top:				-23px;
}

.column-2 {
	width: 					220px;
	float: 					left;
	margin:					20px 12px 0px 20px;	
}
.column-2-StepNav {
	width: 					220px;
	float: 					left;
	margin:					-3px 12px 0px 20px;	
}
/* TOPVISUAL */
.TopVisual {
	width: 					720px;
	height: 				153px;
	float: 					left;
}
.TopVisualOverlay{
	width: 					687px;
	height:					113px;
	position: 				relative;
	margin: 				-153px 0px 0px 0px;
	padding:				15px 20px 20px 20px;
}
.TopVisualHeading{
	font-family:			"Frutiger", Frutiger, Arial, Helvetica, sans-serif!important;
	width: 					250px;	
	float: 					left;
	font-weight: 			bold;
	color: 					#000;
	font-size:				14pt;
	padding-bottom:			6px;
}
.TopVisualText{
	width: 					320px;	
	float: 					left;
	color: 					#000;
	font-size:				8pt;
	padding-bottom:			6px;
}

.TopVisualOverlayHome{
	width: 					650px;
	height:					170px;
	position: 				relative;
	margin: 				-250px 0px 0px 0px;
	padding:				30px 20px 20px 20px;
}
.TopVisualHome{
	color: 					#cc0001;
	float: 					left;
	font-weight: 			bold;
	font-size:				14pt;
	text-transform:			uppercase;
	padding:				4px 4px 0px 0px
}
.TopVisualHomeBG{
	display:				block;
	color: 					#FFF;
	background:				#cc0001;
	float: 					left;
	font-weight: 			bold;
	font-size:				14pt;
	text-transform:			uppercase;
	padding:				4px 4px 4px 4px;
}


/* RIGHTVISUAL */
.RightVisualOverlay{
	width: 					230px;
	height:					60px;
	position: 				relative;
	margin: 				-102px 0px 0px 0px;
	padding:				10px 10px 10px 10px;
}

.LargeVisualOverlay{
	width: 					336px;
	height:					156px;
	position: 				relative;
	margin: 				-156px 0px 0px 0px;
	padding:				18px 10px 10px 18px;
}

.ColumnRow {
	width: 					720px;
	float: 					left;
}
.SubColumnLeft {
	width: 					340px;
	float: 					left;
	padding:				10px 10px 10px 20px;
}
.SubColumnRight {
	width: 					340px;
	float: 					left;
	padding:				10px 0px 10px 10px;
}
.SubColumn1Column {
	width: 					660px;
	float: 					left;
	padding:				10px 20px 10px 20px;
}
.SubColumnLeftSmall {
	width: 					180px;
	float: 					left;
	padding:				10px 10px 10px 0px;
	margin:					153px 0px 0px 0px;
	position:				relative;
	z-index:				100;
}
.SubColumnRightLarge {
	width: 					500px;
	float: 					left;
	padding:				10px 0px 10px 10px;
}
.SubColumnRightLargeNavLayouts {
	width: 					500px;
	float: 					left;
	padding:				10px 0px 10px 10px;
	margin:					0px 0px 0px 190px;
}

.Heading{
	width: 					200px;
	float: 					left;
	font-weight: 			bold;
	color: 					#cc0001;
	font-size:				11pt;
	padding-bottom:			6px;
}
.HeadingAanbodMogelijkheid{
	width: 					422px;
}
.HeadingPakjeVersturen{
	width:					260px;
}
.PaddingRight{
	padding-right:			20px;
}
.SubHeading{
	width: 					216px;
	float: 					left;
	font-weight: 			bold;
	font-size:				8pt;
	padding-bottom:			6px;
}
.SubTitle{
	color:					#666;
	font-weight:			bold;
}
.White{
	color:					#FFF!important;
}
.Red{
	color:					#CC0001!important;
}
.grey, .grey a{
	color:					#666!important;
}
.Black, .Black a{
	color:					#000!important;
}
.HeadingLarge{
	width: 					500px;
	float: 					left;
	font-weight: 			bold;
	color: 					#cc0001;
	font-size:				11pt;
	padding-bottom:			6px;
}
.SubHeadingLarge{
	width: 					500px;
	float: 					left;
	font-weight: 			bold;
	font-size:				8pt;
	padding-bottom:			6px;
	color:					#000;
}
.BlockTextDiv{
	padding-bottom:			6px;
	width:					188px;
	float:					left;
}
.Block{
	background:				url('../images/BlockBackground.gif') repeat-y;
	padding:				10px 10px 10px 10px;
	width:					206px;
}
.Block-input1 {
	width: 					130px;
	height: 				15px;
	margin:					0px 10px 8px 0px;
	padding:				2px 5px 0px 5px;
	font-size:				8pt;
	color:					#666;
}
.Block-input2 {
	width: 					190px;
	height: 				15px;
	margin:					0px 10px 8px 0px;
	padding:				2px 5px 0px 5px;
	font-size:				8pt;
	color:					#666;
}
.DottedLine{
	background:				url('../ima?es/line.gif') repeat-x;
	height:					20px;
	margin:					16px 0px 6px 0px;
}
.FloatLeft{
	float:					left;
}
.FloatRight{
	float:					right;
}
.RightAlign{
	text-align:				right;
}
.ImageFloatLeft{
	float:					left;
	padding:				0px 8px 8px 0px;
}
a.more{
	color:					#000!important;
	background:				url('../images/MoreLinkBullet.gif') no-repeat 1px 5px;
	padding:				0px 0px 0px 8px;
	text-decoration:		none;
	font-weight:			bold;
}
.AanbodMogelijkheid{
	margin:					0px 0px 15px 0px;
}
/* STEPNAV */
.StepNav{
	position:				relative;
	top:					4px;	
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}
/* SERVICELOCATOR */
.ServiceLocatorForm{
	width:					230px;
	float:					left;
	color:					#666;
	clear:					both
}
.input {
	width: 					190px;
	height: 				15px;
	margin:					0px 10px 4px 0px;
	padding:				2px 5px 0px 5px;
	font-size:				8pt;
	color:					#666;
}
.inputArea {
	width: 					280px;
	height:					50px;
	margin:					0px 10px 4px 0px;
	padding:				2px 5px 0px 5px;
	font-size:				8pt;
	color:					#666;
}
.checkbox{
	color:aqua;
}
.InputLabel{
	padding-bottom:			4px;
	color:					#666;	
}
.ServiceLocatorTextDiv{
	padding-bottom:			6px;
	width:					250px;
	float:					left;
}
/* PAKJE VERSTUREN */
.LabelPlus{
	background: 			url(../images/Plus.gif) 20px 0px no-repeat;
	padding:				0px 0px 5px 38px;
	cursor: 				pointer;
	cursor: 				hand;
}
.LabelMin{
	background: 			url(../images/Min.gif) 20px 0px no-repeat;
	padding:				0px 0px 5px 38px;
	cursor: 				pointer;
	cursor: 				hand;
}
.Description{
	display:				none;
	padding:				0px 0px 5px 38px;
	margin:					0px 0px 0px 0px;
	width:					220px;
}
.KlantenServiceLeftColumn{
	padding:				0px 10px 0px 0px;
}
.KlantenServiceRightColumn{
	width:					246px;
}
.Help{
	background:				url('../images/HelpIconEmpty.gif') no-repeat 4px -1px;
	padding:				0px 8px 0px 8px;
	vertical-align:			top;
}
/* PAKJE VOORBEREIDEN (OBM)*/
.OBMNietMogelijk{
	background:				url('../images/OBMNietMogelijk.gif') no-repeat 0px 0px;
	width:					17px;
	height:					17px;	
}
.OBMNietMeerMogelijk{
	background:				url('../images/OBMNietMeerMogelijk.gif') no-repeat 0px 0px;
	width:					17px;
	height:					17px;
}
.OBMMogelijk{
	background:				url('../images/OBMMogelijk.gif') no-repeat 0px 0px;
	width:					17px;
	height:					17px;	
}

.OBMPlus{
	background: 				url(../images/Plus.gif) 20px 4px no-repeat;
	padding:				0px 0px 0px 38px;
}

.RedBorder{
	border:					1px solid #cc0000;
	width: 					660px;
	padding:				10px 10px 10px 10px!important;
}
.SubHeadingButtonPanel{
	float:					right;
	width:					128px;
	height:					1px;
	margin:					-16px 0px 0px 0px;
}
.SubHeadingNoBackground{
	width: 					100%;
	min-height:				18px;
	font-weight: 			bold;
	font-size:				8pt;
	background:				#FFF;
	padding:				6px 0px 6px 10px;
	margin:					10px 0px 10px 0px;
	border-top:				1px solid #CCC;
	border-bottom:			1px solid #CCC;
}
.SubHeadingBackgroundRed{
	width: 					100%;
	min-height:				18px;
	font-weight: 			bold;
	font-size:				8pt;
	background:				#cc0000;
	padding:				6px 0px 6px 10px;
	margin:					10px 0px 10px 0px;
	border-top:				1px solid #CCC;
	border-bottom:			1px solid #CCC;

}
.SubHeadingOBM{
	font-weight: 			bold;
	font-size:				8pt;
	padding-bottom:			6px;
}
.SubHeadingNoBackgroundOBM{
	width: 					100%;
	min-height:				18px;
	font-weight: 			bold;
	font-size:				8pt;
	background:				#FFF;
	padding:				6px 0px 6px 0px;
	border-top:				1px solid #CCC;
	border-bottom:			1px solid #CCC;
}
.BlockSubtotal{
	background:				url('../images/BlockSubtotalBackground.gif') repeat-y;
	padding:				10px 10px 10px 10px;
}
.PriceLabel{
	color:					#cc0000;
	font-size:				20px;
	font-weight:			bold;
	padding:				0px 0px 10px 10px;
}
.BlockSubtotalHolder{
	margin:					0px 0px 0px 720px;
	padding:				20px 0px 0px 0px;
	width:					156px;
}
.PriceFloater{
	position:				fixed;

}
.width90{
	width:					90px;
}
.width150{
	width:	?			150px;
}
.width320{
	width:					320px;
}

.LabelExpand{
	background: 				url(../images/Expand.gif) 0px 6px no-repeat;
	width:					20px;
	padding:				8px 0px 0px 30px;
	
}
.LabelExpanded{
	background: 				url(../images/Expanded.gif) 0px 6px no-repeat;
	width:					20px;
	padding:				8px 0px 0px 30px;
}
.ExpandPanel {
	display:				block;
	width: 					660px;
	float: 					left;
	padding:				10px 10px 10px 0px;	
}
.ExpandPanelLeft {
	width: 					300px;
	float:					left;
	padding:				10px 10px 10px 0px;
	margin:					0px 10px 0px 0px
}
.ExpandPanelRight {
	width: 					300px;
	float: 					left;
	padding:				10px 0px 10px 10px;	
	margin:					0px 0px 0px 10px
}
.SubHeadingPanel{
	float: 					left;
	font-weight: 				bold;
	font-size:				8pt;
	padding:				0px 0px 0px 0px;
}
.SubmitYes{
	float:					left;
}
.SubmitNo{
	float:					left;
}
.inputInline {
	width: 					190px;
	margin:					0px 10px 4px 10px;
	padding:				2px 5px 0px 5px;
	font-size:				8pt;
	color:					#666;
}
.Padding10px{
	padding: 				0px 10px 0px 10px;
}
.DottedLineOBM{
	background:				url('../images/line.gif') repeat-x;
	height:					20px;
	margin:					16px 0px 6px 0px;
}
/* OBM STEPNAV*/
.OBMNavHolder{
	background:				#FFF;
	padding:				10px 0px 10px 0px;
}
a.OBMNav{
	display:				block;	
	padding:				1px 0px 0px 25px;
}
a.OBMNav:hover{
	display:				block;
	background:				url('../images/StepNavSelected.png') no-repeat;
	height:					21px;
	width:					147px;
	text-decoration:		none;
	font-weight:			bold;

}
.OBMselected{
	display:				block;
	background:				url('../images/StepNavSelected.png') no-repeat;
	margin:					0px 0px 0px -11px;	
	height:					21px;
	width:					147px;
	color:					#666;
	font-weight:			normal;
	font-size:				9pt;
}
.OBMNotselected{
	display:				block;
	background:				url('../images/StepNavNotSelected.png') no-repeat;
	margin:					0px 0px 0px -11px;	
	height:					21px;
	width:					147px;
	color:					#666;
	font-weight:			normal;
	font-size:				9pt;
}
.Hand{
	cursor:					pointer;	
}

.footer {
	width: 					690px;
	height:					27px;
	background:				#ffcc00 url('../images/FooterBG.gif') no-repeat right top;
	margin: 				10px 0px 0px 0px;
	padding:				10px 20px 0px 20px;
	font-size: 				0.9em;
	float: 					left;
}
.footer a{
	color:					#000;
	padding:				0px 3px 0px 3px;
	text-decoration:		none;	
}
/* PAGELAYOUTS */
.TableColumn-2{
	padding:				10px 10px 0px 10px;
}
.TableSubColumnRightLargeNavLayouts{
	padding:				10px 10px 0px 0px;
}
.TableSubColumnLeftSmall{
	vertical-align:			top;
	padding:				0px 20px 0px 10px
}
.TableRightBorder{
	padding:				0px 0px 0px 0px;
}
.TableSubColumnLeft{
	vertical-align:			top;
	padding:				10px 10px 0px 10px;
}