﻿/** Checkout Style Definitions 
  * SIP WEBSHOP.08 : Styleguide */

	/* checkout master */

	div.checkout
	{
		width: 719px; float: left; display: inline;
		margin: 0px; padding: 0px;
		background: url('Default_Images/shared/bgr_statics.gif') top left repeat-y; 
	    border-right: 1px solid #A1A2A4;   
	}

	div.checkout_title { width: 476px; margin: 0px 0px 0px 58px; }
	div.checkout_title h4 { margin: 10px 0px 0px 0px; }
		
	div.checkout_content { width: 718px; float: left; padding: 0px; display: inline;
						   background: url('Default_Images/shared/bgr_user_account_start_top.gif') top left no-repeat; }

		div.checkout_content_content { width: 670px; float: left; margin: 0px 0px 8px 23px; padding: 0px; display: inline; }
		div.checkout_content_content td { vertical-align: top; }

	/* common checkout headline */
    table.checkout_headline { width: 610px; margin: 8px 0px 0px 70px; }
		td.checkout_headline_item_basket { width: 150px; }
		td.checkout_headline_item_address { width: 158px; }
		td.checkout_headline_item_shipping { width: 154px; }
		td.checkout_headline_item_overview { width: 148px; }
		table.checkout_headline td span { padding: 0px 4px; background: #fff; }
		table.checkout_headline td a { padding: 0px 4px; background: #fff !important; }
		table.checkout_headline td a:hover { background: #000 !important; }
		
	/* common checkout next step */
	div.checkout_basket_nextStep  
	{
		width: 670px; float: left; text-align: center; 
	    margin: 5px 0px 0px 0px; padding: 10px 0px 15px 0px; 
	    border-top: 1px dashed #666; border-bottom: 1px solid #666;
	}
	
	div.checkout_banner_100proz 
	{
		width: 670px; float: left; text-align: center; 
	    margin: 5px 0px 0px 0px; padding: 0px; 
	    border: 1px solid #aaa; vertical-align: middle;
	}
	
	/* basket */
	div.checkout_basket_empty { width: 672px; height: 20px; float: left; padding: 40px 0px 20px 0px; text-align: center; border-bottom: 1px dashed #aaa; }
	
	/* basket: BasketList */
	table.checkout_basketList { margin: 10px 0px 0px 0px; }
	th.checkout_basketList_header { padding: 15px 0px 8px 5px; border-bottom: 1px solid #aaa; text-align: left; }
	td.checkout_basketList_price { width: 65px;  padding: 12px 5px 0px 0px; text-align: right; border-bottom: 1px solid #666; }
	td.checkout_basketList_sum { width: 70px;  padding: 12px 0px 0px 0px; text-align: right; border-left: 1px solid #000; }
	td.checkout_basketList_functions { width: 80px; padding: 8px 0px 0px 0px; border-bottom: 1px solid #666; }
	
	div.checkout_basketList_footer { width: 672px; float: left; border-bottom: 2px solid #333; }
	div.checkout_basketList_refresh { width: 368px; height: 18px; float: left; padding: 4px 0px 12px 0px; text-align: center; vertical-align: middle; }
	div.checkout_basketList_basketSumLabel { width: 210px; height: 18px; float: left; padding: 12px 10px 4px 0px; vertical-align: middle; text-align: right; }
	div.checkout_basketList_basketSum { width: 73px; height: 18px; float: left; padding: 12px 7px 4px 0px; vertical-align: middle; text-align: right; }
	
	/* basket: Quick Order */
	div.checkout_basket_quick_notepads 
	{
		width: 540px; height: 16px; float: left; padding: 12px 0px 8px 52px;
		background: url('Default_Images/shared/bgr_basket_quick_notepads.gif') left top no-repeat;		
		border-bottom: 1px solid #888;
	}
		.basket_notepads_navi { display: inline; }
	
	div.checkout_basket_quickorder  
	{
		width: 539px; float: left; padding: 10px 0px 5px 52px;
		border-bottom: 1px solid #888; border-right: 1px solid #000;
	}
		div.checkout_basket_quickorder input { 
				margin: 3px 2px 5px 2px; padding: 2px;
				font-size: 10px; color: #000; text-transform: none; 
				vertical-align: middle;				
		}
	
	div.checkout_basket_quickorder_results { border-top: 1px dashed #aaa; padding: 10px 0px 10px 0px; }
	div.checkout_basket_quickorder_resultsNavi { padding-top: 8px; background: none !important; vertical-align: middle; }
	
	/* basket: Quick Upload */
	div.checkout_basket_quickupload { float: left; width: 500px; border-top: 1px solid #ccc; padding-top: 10px; }
	div.checkout_basket_quickuploadL { width: 156px; height: 60px; float: left; vertical-align: top; line-height: 20px; } 
	div.checkout_basket_quickuploadR { width: 300px; float: left; }
	div.checkout_basket_quickuploadUploading { width: 300px; float: left; display: none; }
	div.checkout_basket_quickuploadHelp { width: 420px; padding: 10px; }
	div.checkout_basket_quickuploadHelpL { width: 400px; float: left; }
	div.checkout_basket_quickuploadHelpR { float: left; width: 20px; }
				
	/* basket: Notepads */		
	div.checkout_basket_notepads  
	{
		width: 539px; float: left; padding: 10px 0px 10px 52px;
		border-bottom: 1px solid #888; border-right: 1px solid #000;
	}			
	
	table.checkout_basket_notepads  
	{
		width: 539px; float: left; margin: 10px 36px 10px 0px; 
	    border-top: 1px dashed #888; border-bottom: 1px solid #aaa; border-collapse: collapse;
	}
	
	div.checkout_basket_notepads_intro  
	{
		width: 616px; float: left; 
		margin: 0px 36px 10px 36px; padding: 5px 0px 10px 0px;
		border-bottom: 1px dashed #aaa;
	}
	
	table.checkout_basket_notepads_items { width: 616px; border-left: 1px solid #ccc; margin: 0px 0px 3px 0px; float: left; }
	tr.checkout_basket_notepads_select { background: #e6e6e6; }
	tr.checkout_basket_notepads_alt { background: #c8c8c8; }
	td.checkout_basket_notepads_itemsHL { padding: 5px 5px 5px 10px; border-left: 1px solid #000; border-bottom: 1px solid #ccc; }
	td.checkout_basket_notepads_items { padding: 8px 5px 4px 3px; vertical-align: top; }
	td.checkout_basket_notepads_itemsIcon { padding: 8px 0px 0px 10px; vertical-align: top; text-align: left; }
	
	td.checkout_basket_notepads_items_data { width: 395px; vertical-align: top; border-bottom: 1px solid #cacaca; }
	.basket_notepads_selected { padding: 8px 0px 8px 0px; border-bottom: 1px solid #333; line-height: 16px; }
	.notepad_navi_spacer { vertical-align: middle; margin: 0px 1px 0px 2px; }

	/* basket: Bonus */
	div.checkout_basket_bonus { width: 650px; float: left; padding: 8px 0px 8px 20px; margin: 5px 0px 0px 0px; }
	div.checkout_bonus_voucher { width: 570px; padding: 8px 0px 8px 80px; line-height: 20px; background: url('Default_Images/shared/logo_checkout_coupon.gif') left center no-repeat; }
	div.checkout_bonus_voucherCashedIn { width: 650px; float: left; padding: 6px 0px 8px 0px; line-height: 20px; background: url('Default_Images/shared/logo_checkout_coupon.gif') left center no-repeat; }
	div.checkout_bonus_voucherCashedInInput { width: 550px; float: left; text-align: right; padding: 0px 20px 0px 0px; }
	div.checkout_bonus_voucherCashedInLabel { width: 70px; float: right; text-align: right; padding: 0px 5px 0px 0px; }
	
	div.checkout_bonus_account { width: 650px; float: left; margin: 4px 0px 10px 0px; padding: 6px 0px 8px 0px; line-height: 16px; background: url('Default_Images/shared/logo_checkout_customeraccount.gif') left center no-repeat; }
	div.checkout_bonus_accountLabel { width: 480px; float: left; text-align: left; padding: 0px 0px 0px 80px; }
	div.checkout_bonus_accountPrice { width: 70px; float: right; text-align: right; padding: 1px 5px 1px 0px; background: #CEE8FF; line-height: 20px; }

	div.checkout_bonus_cashPoints { width: 570px; padding: 8px 0px 8px 80px; line-height: 20px; background: url('Default_Images/shared/logo_checkout_cashpoints.gif') left center no-repeat; }
	div.checkout_bonus_cashPointsCashedIn { width: 650px; float: left; margin: 4px 0px 10px 0px; padding: 6px 0px 8px 0px; line-height: 20px; background: url('Default_Images/shared/logo_checkout_cashpoints.gif') left center no-repeat; }

	div.checkout_bonus_cashedInPrice { width: 70px; float: right; text-align: right; padding: 1px 5px 1px 0px; background: #dff8d0; }
	
	div.checkout_bonus_sammelbesteller { width: 650px; float: left; padding: 6px 0px 8px 70px; background: url('Default_Images/shared/logo_checkout_sipaccudiscount.gif') left top no-repeat; }
	div.checkout_bonus_sammelbestellerText { width: 480px; float: left; text-align: left; padding: 0px 20px 0px 0px; }
	div.checkout_bonus_sammelbestellerValue { width: 650px; float: left; padding: 6px 0px 8px 0px; line-height: 20px; background: url('Default_Images/shared/logo_checkout_sipaccudiscount.gif') left center no-repeat; }
	div.checkout_bonus_sammelbestellerLabel { width: 550px; float: left; text-align: right; padding: 0px 20px 0px 0px; }

	/* basket: MinimumOrderValue */
	div.checkout_basket_minOrderVal { width: 650px; float: right; margin: 5px 0px 0px 0px; padding: 10px 0px 8px 0px; border-top: 1px dashed #666; }
	
	/* basket: Additional Infos */
	div.checkout_basket_addInfos { width: 630px; float: left; margin: 5px 0px 0px 0px; padding: 3px 10px 3px 10px; text-align: left; }

	/* basket: Total */
	div.checkout_basket_total { width: 670px; float: left; border-top: 2px solid #000; padding: 10px 0px 6px 0px; }
	div.checkout_basket_totalLabel { width: 570px; float: left; text-align: right; padding: 0px 20px 0px 0px; }
	div.checkout_basket_totalPrice { width: 70px; float: right; text-align: right; padding: 0px 5px 0px 0px; }
	
	/* login */
	div.checkout_login { width: 510px !important; height: 162px !important;  margin: 40px 35px 0px 75px !important; float: left; display: inline; }
	div.checkout_login_register { margin: 30px 0px 0px 170px !important; }
	div.checkout_login_rememberMeWarn { margin: 0px 0px 0px 170px !important; }
	div.checkout_login_input { width: 336px !important; float: right; }
	div.checkout_login_back { width: 420px; float: left; margin: 20px 0px 10px 160px; text-align: center; display: inline; } 
	
	/* addresses */
	div.checkout_address  
	{
		width: 650px !important; float: left; display: inline;
		margin: 10px 23px 8px 23px !important; 
		padding: 8px 0px 8px 0px;
	}
	
		div.checkout_address div.user_account_input { width: 456px !important; }
		div.checkout_address div.user_account_input_hint { width: 240px !important; }
	
	/* shipping */
	div.checkout_shipping_intro 
	{
		width: 640px !important; float: left; display: inline;
		margin: 20px 0px 8px 23px !important; 
		padding: 8px 10px 8px 0px; border-bottom: 1px solid #aaa; 
	}
	
	div.checkout_shipping_loader
	{
		width: 520px !important; float: left; display: inline;
		margin: 0px 0px 8px 40px; padding: 24px 0px 0px 40px; 
		background-position: left center !important;
	}
	
	div.checkout_shippingSelector { 
		width: 650px !important; float: left; display: inline;
		margin: 0px 0px 8px 23px !important; 
		padding: 8px 0px 8px 0px;	
	}
	
	div.checkout_shippingService_DHL { background: #fecb00; border-left: 6px solid #ff0000; padding: 6px; vertical-align: middle; }
	div.checkout_shippingService_DHL span { color: #000 !important; }
	div.checkout_shippingService_UPS { background: #4f3320; border-left: 6px solid #e09e44; padding: 6px; vertical-align: middle; }
	div.checkout_shippingService_UPS span { color: #fff !important; }
	div.checkout_shippingService_MAN { background: #aecce4; border-left: 6px solid #0560ac; padding: 6px; vertical-align: middle; }
	div.checkout_shippingService_MAN span { color: #0560ac !important; }
	div.checkout_shippingService_FedEx { background: #FF6602; border-left: 6px solid #650198; padding: 6px; vertical-align: middle; }
	div.checkout_shippingService_FedEx span { color: #000 !important; }
	
	td.checkout_shippingService_logo { padding: 5px; }
	td.checkout_shippingService_input { width: 40px; text-align: center; vertical-align: middle !important; }
	td.checkout_shippingService { vertical-align: middle !important; }
	
	div.checkout_shipping_options 
	{
		width: 620px !important; float: left; display: inline;
		margin: 0px 0px 8px 23px !important; 
		padding: 8px 0px 8px 0px;	
	}
	
	div.checkout_shipping_optionsHL 
	{
		margin: 0px 0px 10px 0px; padding: 12px 0px 8px 52px;
		border-top: 1px solid #666;
		background: url('Default_Images/shared/bgr_shipping_options.gif') left top no-repeat;	
	}

	div.checkout_shippingService_input { width: 40px; text-align: center; vertical-align: middle !important; }
	div.checkout_shipping_minOrderVal  
	{
		width: 620px !important; float: left; display: inline;
		margin: 0px 0px 8px 23px !important; padding: 8px 0px 8px 0px; text-align: center; 
	}
	
	/* overview */
	div.checkout_overview_addresses
	{
		width: 650px; float: left; display: inline;
		margin: 8px 0px 8px 23px; padding: 8px 0px 8px 0px; 
		border-bottom: 1px dashed #666; 
	}
		div.checkout_overview_addresses h5 { width: 250px; display: inline; vertical-align: middle; }
	div.checkout_overview_addresses_addressLeft { width: 300px; float: left; }
	div.checkout_overview_addresses_addressRight { width: 300px; float: right; }
	div.checkout_overview_addresses_addressData { margin: 0px 0px 5px 20px; }
	
	td.checkout_overview_basketList_amount { width: 40px !important; text-align: right !important; padding: 12px 30px 0px 0px !important; }
	
	div.checkout_overview_delivery
	{
		width: 670px; float: left; display: inline;
		margin: 8px 0px 8px 23px; padding: 8px 0px 8px 0px; 
	}
		div.checkout_overview_delivery h5 { width: 250px; display: inline; vertical-align: middle; }
	
	div.checkout_overview_delivery_partialInfo  
	{
			width: 640px; margin: 10px 0px 0px 0px; padding: 14px 5px 8px 5px;
			background: url('Default_Images/shared/bgr_results_sortBar.gif') left top no-repeat;
	}
	div.checkout_overview_delivery_bonus  
	{
	    width: 640px; float: left; display: inline;
	    margin: 8px 0px 8px 23px; padding: 15px 5px 5px 5px; border-top: 1px dashed #aaa; 
	 }
	
	div.checkout_overview_delivery_shipping  
	{
	    width: 640px; float: left; display: inline;
	    margin: 8px 0px 8px 23px; padding: 15px 5px 5px 5px; border-top: 1px dashed #666; 
	}
	div.checkout_overview_bonus { margin: 10px 0px 0px 0px; }
	
	div.checkout_overview_choosePaymentVia 
	{
		width: 630px; margin: 10px 0px 0px 0px; padding: 10px 5px 12px 8px; display: inline;
		/* background: url('Default_Images/shared/bgr_results_sortBar.gif') left top no-repeat; */
	}
	
	td.checkout_overview_paymentViaCCard_label { padding: 5px 8px 0px 0px; vertical-align: middle; }
	td.checkout_overview_paymentViaCCard_input { padding: 0px 5px 0px 5px; vertical-align: middle; background: #e5e5e5; border-bottom: 3px solid #ffffff; }
	
	span.checkout_overview_agreeToAGB input	{ margin-right: 5px; vertical-align: middle; }
	
	div.checkout_3dperform
	{
		width: 605px; float: left; display: inline;
		margin: 28px 23px 28px 23px; padding: 8px 20px 120px 20px; 
		background: url('Default_Images/shared/bgr_checkout_3dsecure.gif') right bottom no-repeat;
		border: 1px dashed #aaa; 
	}
	
	/* paypal */
	div.checkout_paypal_nonMatchingAddress { width: 500px; margin: 15px 0; }
	div.checkout_paypal_nonMatchingAddressLogo { width: 120px; margin: 18px 0 15px; }
	div.checkout_paypal_reAuthorize { width: 560px; float: left; padding: 30px; border: 1px solid #e2001a; margin-top: 8px; }
	
	/* finish / finish horder */
	div.finishO_info { text-align: left; margin: 10px 23px 10px 23px; width: 610px; padding: 0px 15px 10px 0px; }
	
	div.finishO_info_sipAid { width: 590px; padding: 20px 10px 0px 10px; float: left; border-bottom: 1px solid #aaa; }
	span.finishO_info_sipAid { width: 300px; float: right; display: block; line-height: 18px; padding: 5px 0px; }
	
	div.finishO_banner { width: 630px; float: left; text-align: left; margin: 10px 0px 10px 23px; padding: 0px; }
	
    div.finishO_aBannerL { width: 460px; height: 258px; float: left; text-align: center; border: 1px solid #888; }
	div.finishO_aBannerR { width: 160px; height: 130px; float: right; text-align: center; }
	img.finishO_aBanner_packS {  border: 1px solid #888; }
	
	div.finishO_shoplupe 
	{
		width: 595px; float: left; text-align: left;
		margin: 0px 23px 0px 23px; padding: 8px 8px 10px 8px;  
		border-top: 1px solid #aaa; background: #f0f0f0;
	}
	
	iFrame.finishO_shoplupe { width: 595px; height: 390px; border: 0px; padding: 0px; margin: 10px 0px 20px 0px; overflow: hidden; border-bottom: 10px solid #fff; }
	
	
	/* Warning France */
	div.warningFR { padding: 5px 50px; }
	
	table.warningFR_choose { margin: 10px 0px 10px 0px; }
		table.warningFR_choose td { padding: 4px; }
		
	
	/* Warning DHL World Parcel */
	div.checkout_shipping_worldparcelWarning { width: 260px; padding: 0px 10px 5px; text-align: justify; }
	div.checkout_shipping_worldparcelWarning span { color: #e2001a; }