﻿.innercontent
{
    height: 600px;
}

#booking
{
    float:left;
    
}

/* Header area */

#BookingHeader
{
  width: 928px;
    float:left;
    height: 107px;
}

.pnlHelp
{
	height:107px;
	width:402px;
	padding-top: 0;
width: 481px; 
	float:left;
}
.lblHelpTitle
{
	font-size:18px;
	font-weight:bold;
	font-family: Helvetica, Arial;
	color: #414141;
	
	float: left;
	
}


.lblHelpTitleStep
{
    font-size:18px;
	font-weight:bold;
	font-family: Helvetica, Arial;
	color: #787878;
	
	float: left;

}


.lblHelpText
{
  
	float: left;
	font-size:12px;
	color: #414141;
	width: 481px; 
	font-family: Helvetica, Arial;
	
}



.pnlBasket
{
     background-image: url(/images/bookingflow/BasketBackground.png);
    background-repeat:no-repeat;
    width: 269px;
    height: 97px;
    padding-left: 100px;
    float: right;
    padding-top: 10px;
}

.pnlBasketTitle
{
    font-family: Helvetica, Arial;
    font-size: 12px;
    color: #fe7428;
    width: 250px;
    margin-bottom: 10px;
}
.pnlBasketText
{
    font-family: Helvetica, Arial;
    font-size: 12px;
    color: #414141;
}


/* Bottom panel  */
.pnlBottomPanel
{
    margin-top: 10px;
    float: left;
}


.BottomTitle
{
    padding-left: 5px;
    float: left;
    font-family: Helvetica, Arial;
    color: #414141;
    font-size: 12px;
}


.pnlBottomPanel #BottomCardTypes
{
    background-image: url(/images/bookingflow/CardTypesBackground.gif);
    background-repeat:no-repeat;
    width: 911px;
    height: 63px;
    padding-left: 20px;
    padding-top: 5px;
}



#bookingFlow
{
	font-family:Arial;
	font-size:12px;
	height: 389px;
	width: 928px;
	float: left;
	background-image:url(/images/bookingflow/ContentBackground.gif);
	background-repeat:no-repeat;
	float:left;
	padding-right: 3px;
	
}
.stepMain
{
	height:365px;
	width:471px;
	float:left;
	border: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	position: relative;
}
.stepTitle
{
	font-size:18px;
	font-weight:bold;
	font-family: Helvetica, Arial; 
	font-weight: bold;
}
.stepSubTitle
{
	font-size:15px;
}
.productPanel
{
	float:left;
	padding:0;
}
.productPanel input
{
	
}
/*Step 2*/
#selectText
{
	float:left;
	width:200px;
	height:250px;
	padding-top:50px;
}
#selectText img
{
	vertical-align:bottom;
	position:absolute;
	bottom:80px;
}
#searchBox
{
	background-image:url(/images/bookingflow/se/step2PostnrBackground.gif);
	background-repeat:no-repeat;
	position:absolute;
	right:15px;
	 bottom: 5px;
	width:217px;
	height: 34px;	
	border: 0;
    padding-left: 10px;
    padding-top: 10px;
}
.enterZip
{
	float:left;
	width:170px;
	
	border-top: solid 1px #50636b;
	border-left: solid 1px #50636b;
	
}


.searchZip
{
   padding-left: 4px;
}

#selectRegion
{
	float: left;
	padding:10px 0px 0px 40px;
	width:250px;
	height:250px;
}
#selectRegion td
{
	vertical-align:top;
}
#selectRegion img
{
	margin-bottom:30px;
}
.pnlResult
{
	
	
	
	padding:10px;

}

.cancelRegionResult
{
	position:absolute;
	bottom:10px;
	
}

/*Step 3*/
#selectPeriod
{

}
#selectPeriod td
{
	/*width:100px;*/
}
.date
{
	width:70px;
}
.gridResults
{
	border-style:none;
	border-collapse:collapse;
}
.gridResults th
{
	padding:3px 0px 3px 15px;
	text-align:left;
	font-weight:bold;
}
.gridResults td
{
	padding:3px 0px 3px 15px;
	text-align:left;
}
.gridResults caption
{
	text-align:left;
	background-color:#4c728a;
	color:#ffffff;
	padding:3px 0px 3px 15px;
}
.gridResults table
{
	border:0px;
	padding:0px;
	margin:0px;
	height:5px;
}
.gridResults table td
{
	margin:0px;
	padding:0px 4px 0px 0px;
	font-size:10px;
}
.pickupTime
{
	width:80px;
}
.ddlRegion
{
	width:100px;
}
/*Step 4*/
.pnlExtra
{
	
}
.extraProduct
{
	padding-bottom:30px;
	width:480px;
	height:50px;
}
.extraImportant
{
	padding-bottom:30px;
	width:480px;
	height:50px;
	font-weight:bold;
}
.chkExtra
{
	float:left;
	padding-right:10px;
}
.lblExtra
{
	float:left;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-right:10px;
	width:200px;
}

/*Modal Popup*/
.modalBackground {
	background-color:#C9C9C9;
	filter:alpha(opacity=70);
	opacity:0.7;
	
}
.modalPopUp
{
	background-color:Transparent;
}
#lblCustomerFoundTitle
{
	padding:10px 10px 0px 10px;
	font-weight:bold;
}
.gridCustomer
{
	margin:10px 10px 50px 10px;
}
.gridCustomer td
{
	padding:5px;
}
.btnCancel
{
	position:absolute;
	bottom:10px;
	left:10px;
}
#personalInfo
{
	
}
#payment
{
	padding:25px 0px 0px 16px;
	border:solid 2px grey;
	height:550px;
}
.pnlFreetrailerInfo
{
	width:400px;
	position:absolute;
	bottom:10px;
}
#summary
{
	
	margin-top:15px;
	
	
}
.summaryBox
{
	padding:20px 0px 0px 0px;
}
.summaryTitle
{
	padding-bottom:5px;

}
.summaryTxt
{
	padding:10px 0px 0px 0px;
}
.lblInfo
{
	width:200px;
}

.stepBtn
{
	float:left;
	border-right:0;
}

.pnlBottomMain
{
	margin-top:25px;
	float:left;
	width:450px;	
	
}


.pnlBottomMainRight
{
	margin-top:25px;
	float:right;
	width:450px;	
	height: 177px;
	vertical-align: bottom;
	
}









/*Navigation buttons*/
#navButtons
{
    position: absolute;
    bottom: 5px;
    left: 15px;
    width:465px;
	
}
.btnNext
{
float: right;	
}
.btnBack
{
float: left;	
}
.stepBtn2
{
	background-image:url(/images/bookingflow/se/step2right.gif);
	background-repeat:no-repeat;
	height:385px;
	width:85px;
	float:left;
	border-right:0;
}
.stepBtn3
{
	background-image:url(/images/bookingflow/se/step3right.gif);
	background-repeat:no-repeat;
	height:385px;
	width:86px;
	float:left;
	border-right:0;
}
.stepBtn4
{
	background-image:url(/images/bookingflow/se/step4right.gif);
	background-repeat:no-repeat;
	height:385px;
	width:86px;
	float:left;
border-right:0;
}
.stepBtn5
{
	background-image:url(/images/bookingflow/se/step5right.gif);
	background-repeat:no-repeat;
	height:385px;
	width:85px;
	float:left;
	border-right:0;
}


.stepBtnExtra
{
	background-image:url(/images/steps/ExtraStepForward.gif);
	background-repeat:no-repeat;
	height:413px;
	width:81px;
	float:left;
	border-right:0;
}


.stepBtn6
{
	background-image:url(/images/bookingflow/se/step6right.png);
	background-repeat:no-repeat;
	height:385px;
	width:85px;
	float:left;
	border-right:0;
}
.productIcon
{
	position:absolute;
	top:330px;
	left:6px;
}
.pnlReceipt
{
	font-family:Arial;
	font-size:12px;
	height: 389px;
	width: 928px;
	float: left;
	background-image:url(/images/bookingflow/ContentBackground.gif);
	background-repeat:no-repeat;
	float:left;
	padding-right: 3px;
}

.RecieptTitle
{
    font-size:18px;
	font-weight:bold;
	font-family: Helvetica, Arial;
	color: #414141;
	float: left;
}
.receiptDetails
{
	float:left;
	width:380px;
	height:388px;
	padding-left: 15px;
}

#dhtmltooltip{
position: absolute;
top: 100px;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: white;
visibility: hidden;
z-index: 100;

}

.tooltip
{
    cursor: hand;
}


#mapcontainer
{
height:385px;
	width:497px;

margin-top:0;


}

#mapcontainerkvittering
{
    height:356px;
	width:489px;
    margin-top:0;
}
