.box {
	float: left;
 	width: 50%;
 	margin-right: 2%;
 	padding: 0px;
 	box-sizing: border-box;
}

.box:last-child {
	margin-right: 0;
}

#displayCustomerComplaintReasonsWrapper{

	padding-top:	10px;
	padding-bottom:	10px;
	height:		auto;		
}

/*
#*******************************************************************************#
# Gallery - begin              			                                        #
#*******************************************************************************#
*/

#galleryWrapper{

    float: 		right;
    border: 		1px solid #D6D6D6;

    _margin-top:	110px;
    margin-top:		20px;
    margin-right:	40px;
    margin-bottom:	20px;
    width:		180px;

    -webkit-box-shadow: 8px 8px 5px 0px rgba(220,220,220,0.75);
    -moz-box-shadow: 8px 8px 5px 0px rgba(220,220,220,0.75);
    box-shadow: 8px 8px 5px 0px rgba(220,220,220,0.75);
	
}

#galleryWrapper .img{

    text-align:		center;
    padding: 		20px;
}

/*
#*******************************************************************************#
# Gallery - end                 			                                    #
#*******************************************************************************#
*/



/*
#*******************************************************************************#
# Enumeration - begin              			                                    #
#*******************************************************************************#
*/

ul.enumeration {
	
	list-style-type:	none;	
	font-family: 		arial;
	font-size:		12px;	
	color:			#333333;
	
}

ul.enumeration li:before { 

	content: 			"\25BA" " "; 
	color:				#E30613;
	clear: 				both;
	
}

ul.enumeration li {

	padding-bottom: 5px;
}

ul.notIndented {

	margin-left: 0; /* f�r IE */
    padding: 0; /* f�r andere Browser */

}	

/*
#*******************************************************************************#
# Enumeration - end              			                                    #
#*******************************************************************************#
*/



.bgColorSecondLine {

    background-color: #E3E3E3;  
}

.bgColorFirstLine {

    background-color: #FFFFFF;	
}

.tabs {

	font-family: arial;
	font-size: 13px;
}



body {

    margin: 		0;
    padding: 		0;
    text-align:		center;
    background-color:	#FFFFFF;
        
}

#wrapper {

    margin: 		1em auto;
    width:		53%;
    background-color: 	#FFFFFF;
    _border: 		1px solid #30302E;	
    text-align:		left;
}

#header {

    height:             75px;
    width: 		100%;
    position: 		relative;
    background-image: 	url(../../../images/id2me/bgHeader.png);
    background-repeat: 	no-repeat;
    
}


#navi {

    height: 		26px;
    width: 		100%;
    position: 		relative;
    z-index: 		10;
    background-color: 	#000000;
    
}

#naviGen {
		
    position: 	absolute;
    right: 	0px;
}

td.headerLinks {

	color: 			#FFFFFF; 
	border-left:		1px solid #ccc; 
	font-family: 		Arial; 
	font-size: 		11px; 
	vertical-align:		bottom; 
	text-align:		center; 
	padding:		5px; 
	padding-bottom: 	0;
         					
}

td.headerButton {

    color: 		#FFFFFF; 
    font-family: 	Arial; 
    font-size: 		11px; 
    vertical-align:	center; 
    text-align:		center; 
    padding:		5px; 
    background-image: 	linear-gradient(to bottom, #E30714 20%, #FF545E 100%);
    
         					
}

#content {

    min-height: 250px;
    overflow: 	visible;
    clear:	both;  	
}

#loginWrapper {

	width: 				60%;
	padding:			10px;
	margin:				3% auto;
	
}

#footer {
    clear: 		both;
    background-color:	#000000;
    padding:		3px;	
    text-align:		center;	
}

.textfieldDesignOnFocus {

	background-color:	#FFFFFF;
}

#singleOrderWrapper,
#repairStatusOverviewWrapper,
#repairStatusSingleViewWrapper,
#galleryUploadPicturesWrapper,
#galleryAssignPicturesWrapper,
#contactUsWrapper,
#serviceFeesWrapper,
#fmipCheckWrapper,
#serviceCheckWrapper,
#warrantyCheckWrapper,
#changePasswordWrapper,
#changeUsernameWrapper,
#changeAccountDetailsWrapper,
#deleteAccountWrapper,
#shortInformationWrapper,
#faqCategoriesWrapper,
#forgotYourUsernameWrapper,
#requestNewPasswordWrapper,
#createAccountWrapper,
#unlockAccountWrapper,
#orderOverviewWrapper,
#addLoanDeviceWrapper,
#returnLoanDeviceWrapper,
#editLoanDeviceWrapper,
#sideInformationImprintWrapper,
#sideInformationContactWrapper,
#collectiveDeliveryNoteWrapper,
#addSalespersonWrapper,
#manageSalespersonWrapper,
#settingsWrapper,
#reminderWrapper,
#accessLogWrapper,
#freewayTicketWrapper,
#handoverAfterOrderCompletionWrapper,
#askedForPickupWrapper,
#returnShipmentWrapper,
#loanDeviceCategoriesWrapper,
#quotationWrapper,
#uploadWrapper,
#euroLogConnectorWrapper,
#orderPlacingWrapper{

    margin:                 20px 20px 20px 20px;
    width:                  90%;
    background-repeat:      no-repeat;
    background-position:    right top;	
}

#orderPlacingWrapper {
	
    background-image: 	url(../../../images/id2me/wrapper/createOrder.png); 
    width:              95%;
}

#euroLogConnectorWrapper {
	
    background-image: 	url(../../../images/id2me/wrapper/lorry.png);   
}

#quotationWrapper {
	
    background-image: 	url(../../../images/id2me/wrapper/clipboard_checkmark.png);   
}

#singleOrderWrapper {
	
    background-image: 	url(../../../images/id2me/wrapper/createOrder.png); 
    width:              95%;
}

#repairStatusOverviewWrapper {

    background-image: 	url(../../../images/id2me/wrapper/repairStatusOverview.png); 	
}

#repairStatusSingleViewWrapper {

	background-image: 	url(../../../images/ims/wrapper/repairStatusOverview.png);
	float:		left;
	width: 74%;
}

#galleryUploadPicturesWrapper {

    background-image: 	url(../../../images/id2me/wrapper/gallery.png); 
}

#galleryAssignPicturesWrapper {

    background-image: 	url(../../../images/id2me/wrapper/gallery.png); 
}

#orderOverviewWrapper {

    background-image: 	url(../../../images/id2me/wrapper/orderOverview.png); 	
}

#contactUsWrapper {

    background-image: 	url(../../../images/id2me/wrapper/contactUs.jpg); 	
}

#serviceFeesWrapper {

    background-image: 	url(../../../images/id2me/wrapper/money.png); 
}

#fmipCheckWrapper {

    background-image: 	url(../../../images/id2me/wrapper/fmip.png); 
}

#serviceCheckWrapper {

    background-image: 	url(../../../images/id2me/wrapper/serviceCheck.png); 
}

#warrantyCheckWrapper {

    background-image: 	url(../../../images/id2me/wrapper/warrantyCheck.png); 
}

#changePasswordWrapper {

    background-image: 	url(../../../images/id2me/wrapper/user_lock_open.png); 
}

#changeUsernameWrapper {

    background-image: 	url(../../../images/id2me/wrapper/user_refresh.png); 
}

#changeAccountDetailsWrapper {

    background-image: 	url(../../../images/id2me/wrapper/user_pencil.png); 
}

#deleteAccountWrapper {

    background-image: 	url(../../../images/id2me/wrapper/user_delete.png); 
}

#shortInformationWrapper {

    background-image: 	url(../../../images/id2me/wrapper/repairStatusOverview.png); 
}

#faqCategoriesWrapper {

    background-image: 	url(../../../images/id2me/wrapper/faq.png); 
}

#forgotYourUsernameWrapper {

    background-image: 	url(../../../images/id2me/wrapper/user_help.png); 
}

#requestNewPasswordWrapper {

    background-image: 	url(../../../images/id2me/wrapper/user_help.png); 
}

#createAccountWrapper {

    background-image: 	url(../../../images/id2me/wrapper/user_add.png); 
}

#unlockAccountWrapper {

    background-image: 	url(../../../images/id2me/wrapper/user_lock_open.png); 
}

#addLoanDeviceWrapper {

    background-image: 	url(../../../images/id2me/wrapper/phone.png); 
}

#returnLoanDeviceWrapper {

    background-image: 	url(../../../images/id2me/wrapper/phone_return.png); 
    width:					70%;
}

#editLoanDeviceWrapper {

    background-image: 	url(../../../images/id2me/wrapper/phone_zoom.png); 
}

#addSalespersonWrapper {

    background-image: 	url(../../../images/id2me/wrapper/user_add.png); 
}

#manageSalespersonWrapper {

    background-image: 	url(../../../images/id2me/wrapper/user_refresh.png); 
}

#settingsWrapper {

    background-image: 	url(../../../images/id2me/wrapper/settings.png); 
}

#reminderWrapper {

    background-image: 	url(/application/images/id2me/wrapper/reminder.png); 
}

#accessLogWrapper {
	
    background-image: 	url(../../../images/id2me/wrapper/hitCounter.png); 
}

#freewayTicketWrapper {

    background-image: 	url(../../../images/id2me/wrapper/dhlTicket.jpg); 
}

#handoverAfterOrderCompletionWrapper {

    text-align: left;
    background-image: 	url(../../../images/id2me/wrapper/clipboard_checkmark.png); 
}

#askedForPickupWrapper {

    text-align: left;
    background-image: 	url(../../../images/id2me/wrapper/phone.png); 
}

#returnShipmentWrapper {

    text-align: left;
    background-image: 	url(../../../images/id2me/wrapper/clipboard_checkmark.png); 
}

#loanDeviceCategoriesWrapper {

    background-image: 	url(../../../images/id2me/wrapper/phone_help);
}

#uploadWrapper {
	
    background-image: 	url(../../../images/id2me/wrapper/upload.png);   
}

.feasibilityYes {

    font-family: 		arial;
    font-size: 			12px;
    font-weight:		bold;
    color: 			#333333;
    text-decoration:		none;
    background: 		url(../../../images/id2me/trafficLightGreen.gif); 						
    background-repeat: 		no-repeat;
    background-position: 	center right;
    padding-right: 		40px;
}

.feasibilityNo {

	font-family: 			arial;
	font-size: 				12px;
	font-weight:			bold;
	color: 					#333333;
	text-decoration:		none;
	background: 			url(../../../images/id2me/trafficLightRed.gif); 
	background-repeat: 		no-repeat;
	background-position: 	center right;
	padding-right: 			40px;
	
}

.feasibilitySoon {

	font-family: 			arial;
	font-size: 				12px;
	font-weight:			bold;
	color: 					#333333;
	text-decoration:		none;
	background: 			url(../../../images/id2me/trafficLightOrange.gif); 
	background-repeat: 		no-repeat;
	background-position: 	center right;
	padding-right: 			40px;
	
}

.offeredServiceContent {

	border: 				1px solid #D0D0D0;
	border-radius: 			5px;
	width:					800px;
	padding:				10px;
	
}


.offeredServiceButton img {

	display: 				block;
    margin-left: 			auto;
    margin-right: 			auto;
    margin-top:				10px;
    margin-bottom: 			10px;
}

a.offeredServiceButton:link {

	border: 				1px solid #D0D0D0;
	border-radius: 			5px;
	width:					150px;
	height:					90px;
	display:				block;
	
	font-family: 			arial;
	font-size: 				13px;
	color: 					#666666;
	font-weight:			bold;	
	text-decoration: 		none;
	text-align:				center;
	background-image: 		linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);  	

}

a.offeredServiceButton:visited {

	border: 				1px solid #D0D0D0;
	border-radius: 			5px;
	width:					150px;
	height:					90px;
	display:				block;
	
	font-family: 			arial;
	font-size: 				13px;
	color: 					#666666;
	font-weight:			bold;	
	text-decoration: 		none;
	text-align:				center;
	background-image: 		linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);  	

}

a.offeredServiceButton:hover {

	border: 				1px solid #333333;
	border-radius: 			5px;
	width:					150px;
	height:					90px;
	display:				block;
	
	font-family: 			arial;
	font-size: 				13px;
	color: 					#666666;
	font-weight:			bold;	
	text-decoration: 		none;
	text-align:				center;
	background-image: 		linear-gradient(to bottom, #F7F7F7 0%, #F7F7F7 100%); 

}

a.offeredServiceButton:focus {

	border: 				1px solid #2471B7;
	border-radius: 			5px;
	width:					150px;
	display:				block;
	
	font-family: 			arial;
	font-size: 				13px;
	color: 					#666666;
	font-weight:			bold;	
	text-decoration: 		none;
	text-align:				center;
	background-image: 		linear-gradient(to bottom, #F7F7F7 0%, #F7F7F7 100%); 

}


.customerComplaintCategoryButton img {

    display: 				block;
    margin-left: 			auto;
    margin-right: 			auto;
    margin-top:				10px;
    margin-bottom: 			10px;
}

a.customerComplaintCategoryButton:link {

	border:				1px solid #D0D0D0;
	border-radius: 			5px;
	width:				150px;
	height:				90px;
	display:			block;
	
	font-family: 			arial;
	font-size: 			13px;
	color: 				#666666;
	font-weight:			bold;	
	text-decoration: 		none;
	text-align:			center;
	background-image: 		linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);  	

}

a.customerComplaintCategoryButton:visited {

	border: 			1px solid #D0D0D0;
	border-radius: 			5px;
	width:				150px;
	height:				90px;
	display:			block;
	
	font-family: 			arial;
	font-size: 			13px;
	color: 				#666666;
	font-weight:			bold;	
	text-decoration: 		none;
	text-align:			center;
	background-image: 		linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);  	

}

a.customerComplaintCategoryButton:hover {

	border: 			1px solid #333333;
	border-radius: 			5px;
	width:				150px;
	height:				90px;
	display:			block;
	
	font-family: 			arial;
	font-size: 			13px;
	color: 				#666666;
	font-weight:			bold;	
	text-decoration: 		none;
	text-align:			center;
	background-image: 		linear-gradient(to bottom, #F7F7F7 0%, #F7F7F7 100%); 

}

a.customerComplaintCategoryButton:focus {

	border: 			1px solid #2471B7;
	border-radius: 			5px;
	width:				150px;
	display:			block;
	
	font-family: 			arial;
	font-size: 			13px;
	color: 				#666666;
	font-weight:			bold;	
	text-decoration: 		none;
	text-align:			center;
	background-image: 		linear-gradient(to bottom, #F7F7F7 0%, #F7F7F7 100%); 

}



a.customerComplaintReasonButton:link {

	border: 			1px solid #D0D0D0;
	border-radius: 			5px;
	width:				200px;
	padding:			5px;
	display:			block;
	
	font-family: 			arial;
	font-size: 			13px;
	color: 				#666666;
	font-weight:			bold;	
	text-decoration: 		none;
	text-align:			center;
	background-image: 		linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);  	

}

a.customerComplaintReasonButton:visited {

	border: 			1px solid #D0D0D0;
	border-radius: 			5px;
	width:				200px;
	padding:			5px;
	display:			block;
	
	font-family: 			arial;
	font-size: 			13px;
	color: 				#666666;
	font-weight:			bold;	
	text-decoration: 		none;
	text-align:			center;
	background-image: 		linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);  	

}

a.customerComplaintReasonButton:hover {

	border: 			1px solid #333333;
	border-radius: 			5px;
	width:				200px;
	padding:			5px;
	display:			block;
	
	font-family: 			arial;
	font-size: 			13px;
	color: 				#666666;
	font-weight:			bold;	
	text-decoration: 		none;
	text-align:			center;
	background-image: 		linear-gradient(to bottom, #F7F7F7 0%, #F7F7F7 100%); 

}

a.customerComplaintReasonButton:focus {

	border: 		1px solid #2471B7;
	border-radius: 		5px;
	width:			200px;
	padding:		5px;
	display:		block;
	
	font-family: 		arial;
	font-size: 		13px;
	color: 			#666666;
	font-weight:		bold;	
	text-decoration: 	none;
	text-align:		center;
	background-image: 	linear-gradient(to bottom, #F7F7F7 0%, #F7F7F7 100%); 

}

/********************************************************************
 *  Error selection - begin                                         *
 ********************************************************************/
 
#errorCategories ul, #errors ul {

	list-style: 	none;
	margin: 	0;
	padding: 	0;
	border: 	none;
}

#errorCategories li, #errors li {

	width: auto;
}

#errorCategories li a, #errors li a{

	background: 			url(../../../images/id2me/arrow_state_red_right.png); 
	background-repeat: 		no-repeat;
	background-position:            center left;
	
	display: 			block;
	font-size:			12px;
	color:				#10110F;
	text-decoration: 		none;
	
	border-bottom: 			1px dotted #CCCCCC;
	margin: 			0; 
	
	background-color: 		#FFFFFF;
	padding: 			5px 5px 5px 20px;	
}

#errorCategories li a:hover, #errors li a:hover {

	background: 			url(../../../images/id2me/arrow_state_red_right.png); 
	background-repeat: 		no-repeat;
	background-position:            center left;

	font-size:			12px;
	color:				#10110F;
	text-decoration: 		none;
	
	border-bottom: 			1px dotted #CCCCCC;
	margin: 			0; 
	
	background-color: 		#EFF3F6;
	padding: 			5px 5px 5px 20px;	
}

/********************************************************************
 *  Error selection - end                                           *
 ********************************************************************/
 

/********************************************************************
 *  FAQ - begin                                                     *
 ********************************************************************/

#faqWrapper {
	
	margin:					20px 20px 20px 20px;
	width:					90%;
	background-image: 		url(../../../images/id2me/wrapper/faq.png); 
	background-repeat: 		no-repeat;
	background-position: 	right top;
}

#faqWrapper ul.category {

	list-style-type:	none;	
	margin: 			0;
	padding: 			0;
}

#faqWrapper li.categoryClosed {

	background: 			url(../../../images/id2me/arrowDown.png); 
	background-repeat: 		no-repeat;
	background-position: 	center right;
	font-family: 			arial;
	font-size:				14px;
	font-weight:			bold;
	text-transform: 		uppercase;
	color:					#333333;
	background-color:		#F2F2F2;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
	border-bottom-color:	#C6C6C6;
	padding:				10px;	
}

#faqWrapper li.categoryOpened {

	background: 			url(../../../images/id2me/arrowUp.png); 
	background-repeat: 		no-repeat;
	background-position: 	center right;
	font-family: 			arial;
	font-size:				14px;
	font-weight:			bold;
	text-transform: 		uppercase;
	color:					#333333;
	background-color:		#F2F2F2;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
	border-bottom-color:	#C6C6C6;
	padding:				10px;	
}

#faqWrapper ul.question {

	list-style-type:	none;	
	margin: 			0;
	padding: 			0;	
}

#faqWrapper li.questionClosed {

	background: 			url(../../../images/id2me/arrowStateExpanded.png); 
	background-repeat: 		no-repeat;
	background-position: 	center left;
	font-family: 			arial;
	font-size: 				12px;
	font-weight:			bold;
	color:					#2471B7;
	background-color:		#FFFFFF;
	padding:				10px 10px 10px 30px;		
}

#faqWrapper li.questionOpened {

	background: 			url(../../../images/id2me/arrowStateCollapsed.png); 
	background-repeat: 		no-repeat;
	background-position: 	center left;
	font-family: 			arial;
	font-size: 				12px;
	font-weight:			bold;
	color:					#2471B7;
	background-color:		#FFFFFF;
	padding:				10px 10px 10px 30px;	
}

#faqWrapper .faqBlock {

	border-bottom-style:	solid;
	border-bottom-width:	1px;
	border-bottom-color:	#C6C6C6;
}

#faqWrapper .answerBlock {

	font-family: 			arial;
	font-size: 				11px;
	font-weight:			bold;
	color:					#333333;
	padding:				0px 5px 5px 5px;	
}

#faqWrapper a:link { 

	text-decoration: none;
}

#faqWrapper a:visited { 

	text-decoration: none;
}

#faqWrapper a:hover, a:active { 

	text-decoration: none;
}


/********************************************************************
 *  FAQ - end                                                       *
 ********************************************************************/






iframe.fileUpload {
  	
	border:				0px;
	overflow:			hidden;
	 
 } 	

 
 h1, h2, h3, h4{
 
 	font-family:		arial;
 	margin: 		0px;
 		
 }
 
 h1 {
 
   	font-size:		24px;
   	font-weight:		bold;
   	color:			#30302E;	
   	margin-bottom:		5px;
   	
 }
 
 h2 {
 
   	font-size:		18px;
   	font-weight:		bold;
   	color:			#30302E;
 }
 
 h3 {
 
   	font-size:		16px;
   	font-weight:		bold;
   	color:			#E30613;	
   	margin-top:		15px;
   	margin-bottom:		10px;
   	
 }
 
 h4 {
 
   	font-size:		13px;
   	font-weight:		bold;
   	color:			#30302E;
   	
 }
 
 .underline {
 
 	text-decoration:	underline;
 }
 
 
 .alignButton {

	margin-top:			20px;
	margin-right: 		20px;
	margin-bottom:		20px;
	text-align: 		right;	
}

#messageWrapper {
	
	margin:				20px 20px 20px 20px;
	text-align:			left;	
	
}