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

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

/*
#*******************************************************************************#
# 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:				#642987;
	
}

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: #2E86FF;	
	background-color: #DEDEDE
}

.bgColorFirstLine {

	background-color: #E3E3E3;
	background-color: #F7F7F7;
	
}

.tabs {

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

body {

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

#wrapper {

	margin: 			1em auto;
	width: 				1020px;
	background-color: 	#FFFFFF;
	_border: 			1px solid #CCCCCC;	
	text-align:			left;
}

#header {

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

#navi {

	height: 			26px;
	width: 				100%;
	position: 			relative;
	z-index: 			10;
	background-image: 	linear-gradient(to bottom, #642987 0%, #642987 100%);
}

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

td.headerLinks {

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

td.headerButton {

	color: 				#FFFFFF; 
	border-left:		2px solid #4E256B; 
	font-family: 		Arial; 
	font-size: 			11px; 
	vertical-align:		center; 
	text-align:			center; 
	padding:			5px; 
    background-color:	#4E256B;     					
}


a.headerButton:link { 

	font-family: 		arial;
	font-size: 			11px;
	color: 				#FFFFFF;
	font-weight:		bold;	
	text-decoration: 	none;
}

a.headerButton:visited { 

	font-family: 		arial;
	font-size: 			11px;
	color: 				#FFFFFF;
	font-weight:		bold;	
	text-decoration: 	none;

}

a.headerButton:hover, a.menu:active { 

	font-family: 		arial;
	font-size: 			11px;
	color: 				#FFFFFF;
	font-weight:		bold;	
	text-decoration: 	underline;
}


#content {

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

#loginWrapper {

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

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

.textfieldDesignOnFocus {

	background-color:	#FFFFCC;
}

#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/telia/wrapper/createOrder.png); 
    width:              95%;
}

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

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

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

#repairStatusOverviewWrapper {

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

#repairStatusSingleViewWrapper {

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

#galleryUploadPicturesWrapper {

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

#galleryAssignPicturesWrapper {

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

#contactUsWrapper {

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

#serviceFeesWrapper {

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

#fmipCheckWrapper {

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

#serviceCheckWrapper {

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

#warrantyCheckWrapper {

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

#changePasswordWrapper {

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

#changeUsernameWrapper {

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

#changeAccountDetailsWrapper {

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

#deleteAccountWrapper {

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

#shortInformationWrapper {

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

#faqCategoriesWrapper {

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

#forgotYourUsernameWrapper {

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

#requestNewPasswordWrapper {

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

#createAccountWrapper {

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

#unlockAccountWrapper {

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

#addLoanDeviceWrapper {

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

#returnLoanDeviceWrapper {

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

#editLoanDeviceWrapper {

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

#addSalespersonWrapper {

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

#manageSalespersonWrapper {

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

#settingsWrapper {

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

#reminderWrapper {

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

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

#freewayTicketWrapper {

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

#handoverAfterOrderCompletionWrapper {

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

#askedForPickupWrapper {

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

#returnShipmentWrapper {

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

#loanDeviceCategoriesWrapper {

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

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

.feasibilityYes {

    font-family: 		arial;
    font-size: 			12px;
    font-weight:		bold;
    color: 			#333333;
    text-decoration:		none;
    background: 		url(../../../images/ims/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/ims/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/ims/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/ims/arrow_state_blue_right.png); 
	background-repeat: 		no-repeat;
	background-position: 	center left;
	
	display: 				block;
	font-size:				12px;
	color:					#333333;
	text-decoration: 		none;
	
	border-bottom: 			1px solid #D3D3D3;
	margin: 				0; 
	
	background-color: 		#EDEDED;
	padding: 				5px 5px 5px 20px;	
}

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

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

	font-size:				12px;
	color:					#FFFFFF;
	text-decoration: 		none;
	
	border-bottom: 			1px solid #D3D3D3;
	margin: 				0; 
	
	background-color: 		#642987;
	padding: 				5px 5px 5px 20px;	
}

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

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

#faqWrapper {
	
	margin:					20px 20px 20px 20px;
	width:					90%;
	background-image: 		url(../../../images/ims/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/ims/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/ims/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/ims/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/ims/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:				#1C1C41;	
   	margin-bottom:		5px;
   	
 }

 
 h2 {
 
   	font-size:			18px;
   	font-weight:		bold;
   	color:				#1C1C41;
 }
 
 h3 {
 
   	font-size:			16px;
   	font-weight:		bold;
   	_color:				#8A36AE;	
   	color:			    #0097DE;
   	margin-top:			15px;
   	margin-bottom:		10px;
   	
 }
 
 h4 {
 
   	font-size:			13px;
   	font-weight:		bold;
   	color:				#66667F;
   	
 }
 
 .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;	
}