﻿
/* Checkout */


#guiCheckoutContainer
	{
		background-color:#fff;
		height:100%;
		min-height: 350px;
	}   
	
	#guiCheckoutContainer a
	{
		text-decoration:underline;
	}
			
	#guiCheckoutContainer .Campaign
	{
	    color:Red;
	    font-weight:bold;
	}
	
	#guiCheckoutContainer .leftColumn
		{
			float:left;
			width:407px;
			padding:25px 0 0 25px;
		}			  
	    #guiCheckoutContainer .rightColumn
		{
			float:right;
			width:410px;
			padding:25px 20px 0 0;
			position:relative;
		}  
		
	#guiCheckoutContainer .largeColumn
		{
			padding:0 20px 25px 25px;
		}
		
	#guiCheckoutContainer .smallBox
		{
			margin-bottom:25px;
		}
		

		#guiCheckoutContainer .smallBox .boxHeader
			{
			    background:url(../images/smallbox_bg_top.gif) top left no-repeat;				
				line-height:33px;
				padding-left:30px;
				color:#003366;
				font-size:12px;
			}
		    #guiCheckoutContainer .smallBox .boxHeader.login
		    {
		        background:url(../images/smallbox_bg_top_green.gif) top left no-repeat;
		        color:#FFFFFF;
		        font-size:14px;
		    }
		    #guiCheckoutContainer .smallBox .boxHeader.register
		    {
		        background:url(../images/smallbox_bg_top_yellow.gif) top left no-repeat;
		        color:#FFFFFF;
		        font-size:14px;
		    }
		
		#guiCheckoutContainer .smallBox .boxContent
			{
				background:url(../images/smallbox_bg_content.gif) bottom left no-repeat;
				padding:20px 30px 20px 30px;

			}
			#guiCheckoutContainer.loginController .boxContent
	        {
	             min-height:143px;
		         position:relative;
	        }	
			#guiCheckoutContainer .smallBox .mediumHeight
				{
					min-height:186px;
				}
				
				#guiCheckoutContainer .smallBox .shippingMethodHeader 
				{
					font-weight: bold;
				}
				#guiCheckoutContainer .smallBox .paymentInfoHeader 
				{
					font-weight: bold;
				}
			
			#guiCheckoutContainer.newsLetterRegistration .boxContent
			{
			     min-height:100px;
		         position:relative;		         
			}
			
		#guiCheckoutContainer .largeBoxGray
			{
				margin-bottom:25px;
			}
			
			#guiCheckoutContainer .largeBoxGray .boxTop
				{
					background:url(../images/largebox_gray_bg_top.gif) top left no-repeat;
					height:3px;
				}
				#guiCheckoutContainer .largeBoxGray .boxTop .boxHeader
				{
					color:#003366;
					padding-left:30px;
					padding-top:10px;
					
				}
			#guiCheckoutContainer .largeBoxGray .boxContent
				{
					background:url(../images/largebox_gray_bg_content.gif) bottom left no-repeat;

					padding:30px;
				}
				
				#guiCheckoutContainer .largeBoxGray .boxContent .basketTable
					{
						width:100%;
					}
					
				#guiCheckoutContainer .largeBoxGray .boxContent .basketTable caption
					{
						display:none;
					}
				
				#guiCheckoutContainer .largeBoxGray .boxContent .basketTable td
					{
						padding-top:3px;
					}
					
				#guiCheckoutContainer .largeBoxGray .boxContent .basketTable .boldRow td
					{
						font-weight:bold;
						padding-top:10px;
						border-bottom:solid 1px #cacaca;
					}
					
				#guiCheckoutContainer .largeBoxGray .boxContent .basketTable .top td
					{
						padding-top:20px;
					}
				.separator td
				{
				    padding-top:10px;
					border-top:solid 1px #cacaca;
				}
		#guiCheckoutContainer .largeBox
			{
				margin-bottom:25px;
			}
			
			#guiCheckoutContainer .largeBox .boxTop
				{
					background:url(../images/largebox_bg_top.gif) top left no-repeat;
					height:3px;
				}

			#guiCheckoutContainer .largeBox .boxContent
				{
					background:url(../images/largebox_bg_content.gif) bottom left no-repeat;
					padding:30px;
				}
				
		#guiCheckoutContainer .blankBox
			{
				padding:10px 30px 10px 30px;
			}
			
		#guiCheckoutContainer ul li
			{
				margin-bottom:5px;
		
			}
			
			#guiCheckoutContainer ul li.space
				{
					margin-top:20px;
				}
			
		#guiCheckoutContainer label
			{
				float:left;
				width:120px;
				padding-top:2px;
			}
			
			#guiCheckoutContainer label.bold
				{
					font-weight:bold;
					font-size:12px;
					color:#333;
				}
				
			#guiCheckoutContainer label.nofloat
				{
					float:none;
					padding-bottom:5px;
				}
			
			#guiCheckoutContainer label.lblChk
				{
					float:none;
					width:auto;
					display:inline-block;
					vertical-align:top;
				}
				
			#guiCheckoutContainer label.short
				{
					width:50px;
				}
			
		#guiCheckoutContainer .inp
			{
				border-color:#b3b3b3 #e5e5e5 #efefef #e9e9e9;
				border-style:solid;
				border-width:1px;
				padding:3px;
				width:219px;
			}
			
		#guiCheckoutContainer .inpRO
			{
				border-color:#b3b3b3 #e5e5e5 #efefef #e9e9e9;
				background-color: #D9D9D9;
				border-style:solid;
				border-width:1px;
				padding:3px;
				width:219px;
			}
			
			#guiCheckoutContainer .postnr
				{
					width:45px;
				}
				
			#guiCheckoutContainer .sted
				{
					width:162px;
				}
				
			#guiCheckoutContainer .inpShort
				{
				}
				
		#guiCheckoutContainer .txtarea
			{
				border-color:#b3b3b3 #e5e5e5 #efefef #e9e9e9;
				border-style:solid;
				border-width:1px;
			}
			
		#guiCheckoutContainer .txtarea
			{
				border-color:#b3b3b3 #e5e5e5 #efefef #e9e9e9;
				border-style:solid;
				border-width:1px;
				margin:5px 0 5px 0;
			}
			
		#guiCheckoutContainer .txtareaWide
			{
				width:100%;
			}
			
		#guiCheckoutContainer hr
			{
				background-color:#e1e1e1;
				color:#e1e1e1;
				margin:0;
				padding:0;
				font-size:1px;
			}
			
		#guiCheckoutContainer .btnPassword
			{
				width:92px;
				height:20px;
				background-image:url(../images/btn_password.gif);
				cursor:pointer;
				float:left;
			}
			
		#guiCheckoutContainer .btnLogin
			{				
				cursor:pointer;
				float:right;
			}
		        #guiCheckoutContainer .leftColumn .btnLogin
		        {			        
			        position:absolute;
			        bottom:45px;
			        right:30px;
		        }
		#guiCheckoutContainer .btnRegister
			{	
				cursor:pointer;
				float:right;				
			}			
		    #guiCheckoutContainer .rightColumn .btnRegister
		    {
			    right:120px;
			    position:absolute;
			    bottom:45px;
		    }
		    #guiCheckoutContainer.newsLetterRegistration .btnSignUp
		    {
		        position:absolute;
			    bottom:50px;
			    right:30px;
		    }
			
		#guiCheckoutContainer .btnOrderStatus
			{
				width:93px;
				height:22px;
				background-image:url(../images/btn_order_status.gif);
				cursor:pointer;
			}
			
		#guiCheckoutContainer .btnHelp
			{
				width:93px;
				height:22px;
				background-image:url(../images/btn_help.gif);
				cursor:pointer;
			}
			
		#guiCheckoutContainer .btnSendPassword
			{
				width:88px;
				height:20px;
				background-image:url(../images/btn_send_password.gif);
				cursor:pointer;
				float:right;
			}
			
		#guiCheckoutContainer .btnContinueToPayment
			{
				width:219px;
				height:33px;
				background-image:url(../images/btn_fortsett_til_betaling.gif);
				cursor:pointer;
				float:right;
			}
			
		#guiCheckoutContainer .btnLeft
			{
				float:left;
			}
			
		#guiCheckoutContainer .rightSpace
			{
				margin-right:10px;
			}
			
			
		#guiCheckoutContainer .btnRight
			{
				float:right;
			}
	    #guiCheckoutContainer .btnToPayment
			{
				position:absolute;
				top:267px;
				left:190px;
			}
			
		#guiCheckoutContainer .imgCreditCard
			{
				position:absolute;
				right:0px;
				top:0px;
			}
		#guiCheckoutContainer .securePaymentContainer
			{
				float: left;
				width: 300px;
				padding-left: 15px;
			}
		#guiCheckoutContainer .termsCheckContainer
			{
				float:right;
				width:300px;
				padding-right:3px;
				text-align:right;
			}
		#guiCheckoutContainer .termsCheckContainer a
		{
		    
		}
			
		#guiCheckoutContainer .topCheckContainer
			{
				margin-bottom:20px;
			}
		
		#guiCheckoutContainer .RequestConfirmation
		{
		    padding-top:40px;
		    padding-left:40px;
		    padding-bottom:100px;
		}
		    #guiCheckoutContainer .RequestConfirmation h2		
		    {
		        font-weight:bold;
		        font-size: 12px;			
		        color:#003366;
		        padding-bottom:20px;		        
		    }		
		    
		    #guiCheckoutContainer .RequestConfirmation p
		    {
		    }
			
	/* Order confirmation */		
				
	#guiOrderConfirmationContainer
		{
			background-color:#ededed;
			padding:30px;
		}
		
		#guiOrderConfirmationContainer .column
			{
				background-color:#fff;
				float:left;
				width:600px;
			}
		
			#guiOrderConfirmationContainer .columnTop
				{
					background:url(../images/xxl_column_bg_top.gif) top left no-repeat;
					height:23px;
					text-align:right;
					padding:5px;
				}
			
			#guiOrderConfirmationContainer .columnContent
				{
					border-bottom:solid 1px #e1e1e1;
					border-left:solid 1px #e1e1e1;
					border-right:solid 1px #e1e1e1;
				}
			
				#guiOrderConfirmationContainer .columnContent .item
					{
						padding:15px;
						border-bottom:solid 1px #e1e1e1;
					}
			
					#guiOrderConfirmationContainer .columnContent .item h2
						{
							color:#b2b3b5;
							font-size:18px;
						}
						
					#guiOrderConfirmationContainer .columnContent .item .smallbox
						{
							float:left;
							width:250px;
							margin-bottom:20px;
							margin-top:10px;
						}
						
					#guiOrderConfirmationContainer .columnContent .item .totalPrice
						{
							border-top:solid 1px #e1e1e1;
							margin-top:30px;
							padding:10px 0 10px 0;
						}

						#guiOrderConfirmationContainer .columnContent .item .totalPrice table
							{
								width:100%;
							}
						#guiOrderConfirmationContainer .columnContent .item .totalPrice table td
						{
							padding-top:3px;
						}	
						#guiOrderConfirmationContainer .columnContent .item .totalPrice table tr.BoldRow td
							{
								font-weight:bold;
								border-bottom:solid 1px #eee;
								padding-top:10px;
							}
							
						#guiOrderConfirmationContainer .columnContent .item .totalPrice table tr.Top td
							{
								padding-top:20px;
							}
							

							
						#guiOrderConfirmationContainer .columnContent .item .totalPrice table tr td.Right
							{
								text-align:right;
							}
							
						#guiOrderConfirmationContainer .columnContent .item .totalPrice table tr th.Right
							{
								text-align:right;
							}
						
					#guiOrderConfirmationContainer .columnContent .item ul li
						{
							margin:0px;
						}
						
					
			#guiOrderConfirmationContainer .columnContent .bottom
				{
					padding:15px;
					text-align:center;
					color:#b2b3b5;
				}
				
	/* Order status */
				
	#guiOrderStatusContainer
		{
			padding:30px 0 0 0;
		}
		
		#guiOrderStatusContainer select
			{
				border:inset 1px #e2e2e2;
				width:40px;
			}
		
		
		#guiOrderStatusContainer .largeBoxGray .boxContent
			{
				padding:0 0 0px 0;
			}
		
		#guiOrderStatusContainer table
			{
				color:#003366;
				font-size:12px;
				width:847px;
				border-left:solid 1px #e1e1e1;
			}
		
			#guiOrderStatusContainer table th
				{
					color:#003366;
					font-size:12px;
					padding:3px 3px 3px 15px;
					height:30px;
					border-bottom:solid 1px #e1e1e1;
					text-align:left;					
				}
				
				#guiOrderStatusContainer table th.brand
					{
						width:90px;
					}
					
				#guiOrderStatusContainer table th.prod
					{
						width:90px;
					}
					
				#guiOrderStatusContainer table th.desc
					{
						width:200px;
					}
					
				#guiOrderStatusContainer table th.Description
					{
						text-align:left;
					}
			    #guiOrderStatusContainer table th.Value
					{
						text-align:right;
						padding-right: 10px;
					}
				 #guiOrderStatusContainer table .Price span
					{
						float:right;					
					}
				
			#guiOrderStatusContainer table td
				{
					background-color:#fff;
					padding:5px 0 5px 0;
					vertical-align:middle;
					text-align:center;
					border-right:solid 1px #e1e1e1;
					border-bottom:solid 1px #e1e1e1;
				}
				#guiOrderStatusContainer table td.Price
				{
				    padding-right:10px;
				    text-align:right;
				}
			    #guiOrderStatusContainer table td input.quantity
				    {
                        width: 30px;
                        text-align: center;
                        border: solid 1px #e2e3ea;
				    }
				
			#guiOrderStatusContainer table.OrderStatus tr
				{
					border-right:solid 1px #e1e1e1;
				}
				
			#guiOrderStatusContainer table.OrderStatus td
				{	
					text-align:left;
					padding-left:15px;
					color:#000;
				}
				
			#guiOrderStatusContainer table.OrderStatus tr.Sum td
				{	
					font-weight:bold;
					background-color:#ededed;
				}
				
	#guiOrderStatusContainer #Price
		{
			margin:30px 0 10px 0;
			border-bottom:dotted 1px #333;
			padding:0 20px 10px 20px;
			height:50px;
		}
		
		#guiOrderStatusContainer .caption
			{
				float:left;
				width:200px;
				font-weight:bold;
				color:#333;
			}
			
		#guiOrderStatusContainer .totalPrice
			{
				float:right;
				width:200px;
				text-align:right;
				color:#ec520f;
				font-size:18px;
				font-weight:bold;
			}
			
/* Shipping Options */
#shippingOptions
    { 

    }
    #shippingOptions td
        { 
            padding-bottom: 10px;
        }
        #shippingOptions td input
            { 
                float: left;
                margin-right: 10px;
            }
        #shippingOptions td label
            { 
                width: 300px;
            }
            
/* Dibs */
#guiDibs
    { 
    	background-color:#fff;
    	padding:25px 25px 50px 25px;
    }
    
#guiDibs p
    { 
    	font-size:12px;
    	margin-top:10px;
    }
 
        