﻿body {font-family: inherit; font-size: inherit;}

.step1bg, .step2bg, .step3bg, .step4bg, .step5bg {height: 39px; width: 600px; padding-bottom: 15px;}
.step1bg{background: url(images/step1.gif) no-repeat;}
.step2bg{background: url(images/step2.gif) no-repeat;}
.step3bg{background: url(images/step3.gif) no-repeat;}
.step4bg{background: url(images/step4.gif) no-repeat;}
.step5bg{background: url(images/step5.gif) no-repeat;}
.step1, .step2, .step3, .step4, .step5{text-align:left; width: 100% !important;}



.Store-checkout-Entity, .Store-checkout-Entity table{width: 100% !important;}
.CartDetailsMasterTABLE{border-bottom: 2px #333 solid;}
	.step4 .CartDetailsMasterTABLE {border-bottom: 2px #333 solid;}

.ListContainer-Title, .CartDetailsMasterTABLE{width: 100%;}
	.Store-DataGrid{width: 100%;}
		.Store-DataGrid td{padding: 8px 5px;}
		.AlternateItem{background: #f1f1f1;}
	
	h2.checkoutHeading{height: 37px; width: 100%; color: #fff; margin-bottom: 1em;}
	.checkoutHeading{padding: 5px 0 0 5px;;}
	.checkoutHeading, .ProductHeading, .PriceHeading, .QuantityHeading, .SubTotalHeading, .QtyControlHeading{background: #004c8d url(images/heading_bg.gif) repeat-x;}
	td.ProductHeading, td.PriceHeading, td.QuantityHeading, td.SubTotalHeading, td.QtyControlHeading
	{border-right: 1px #999 solid !important; border-left: 1px #f1f1f1 solid !important; border: none;}
	.ProductHeading .NormalBold, .PriceHeading .NormalBold, .QuantityHeading .NormalBold, .SubTotalHeading .NormalBold, .QtyControlHeading .NormalBold
	{color: #fff !important; font-weight: bold; font-size: 15px;}
		
		
		.product, .price, .quantity, .subtotal, .qntcontrol{}
		
		.ProductHeading {width: 35%;}
		.PriceHeading{width: 15%;}
		.QuantityHeading{width: 5%;}
		.SubTotalHeading{width: 10%;}
		.QtyControlHeading{width: 15%;}
		
		.step4 .ProductHeading{width: 50%}
		.step4 .PriceHeading{width: 20%;}
		.step4 .QuantityHeading{width: 10%;}
		.step4 .SubTotalHeading{width: 20%;}
		.step4 .qntcontrol, .step4 .QtyControlHeading{display: none;}
		
	
	.locationsGridWrapper{border-bottom: 2px #333 solid;}
	tr.locationEntryTR{background: #f8f8f8;}
		tr.alternateLocationEntryTR{background-color: #fff;}

	.pickTitleTD{width: 5%;}
	.locationTitleTD{width: 30%;}
	.distanceTitleTD {width: 15%;}
	.locationDetailsTitleTD{width: 50%;}
	
	.termsAgreement{padding: 1em 0; display: block;}
		.termsAgreement label{padding-left: 10px;}
	
	
	.step3 fieldset{}
		.step3 legend{padding: 0 10px 10px; color: #df4f00; font-size: 15px; font-weight: bold;}
		.step3 label{}
		
	.step3 .creditInfo td, .step3 .billingInfo td{padding: 4px 8px;}	
	.step3 .SubHead{color: #333;}
	.step3 td.SubHead{width: 30%;}
	
	td .cartFooter{text-transform: uppercase; font-size: 16px; font-weight: bold;  color: #000; padding: 10px 0;}
		td .cartFooter .Normal{font-size: 16px;}
	
	.step2 .locateStore, .step2 .locationsGridWrapper{}
	.step2 h2.checkoutHeading{margin-bottom: 0;}
	.step2 .locationsGridWrapper td{padding: 5px;}
	
	td .Normal.step2Zip{padding-left: 10px;}
	
	.locateStore{width: 100%; padding: 1em 0; clear: both; overflow: hidden;}
		.locateStoreText{float: left; width: 60%;}
			.locateStore .zipInput{width: 60px;}
			.locateStore input.zipInput{height: 18px;}
		.locateStoreBt{float: right; width: 40%; text-align: left;}
		
	
	.errorMessage{width:350px; padding-top: 1em;}
	.errorTop{background:transparent url(images/redTop.gif) no-repeat scroll left bottom; height: 5px; line-height: 0;}
	.errorBody {background:transparent url(images/redBody.gif) repeat-y scroll left bottom; padding: 10px 10px 25px;  margin:0 auto; overflow: hidden;}
	.errorBody .icon{float: left; width: 30px;}
	.errorBody .NormalBold{float: right; text-align: left; width: 275px; font-weight: bold; margin-left: 25px; color: #000;}
	.errorBt{background:transparent url(images/redBt.gif) no-repeat scroll left top; height: 5px;}
	
	
	.step2 .errorBody .NormalBold{padding-top: 8px;}
	.top_inst fieldset{padding:10px 20px; border: 1px #ccc solid; width: 60%; margin-top: 1em;}
	.top_inst legend{padding: 0 10px 10px;color:#DF4F00;font-size:15px;font-weight:bold;}
	.inst {padding-bottom: 1em;}
	
	
	.step3 .top_inst{padding-left: 8px;}
	
	.creditInfo fieldset, .billingInfo fieldset{border: 1px #ccc solid; padding: 0 20px 10px;}
		.creditInfo .Cards label{padding-right: 20px;}
		
	.step3 .creditInfo td.Normal{padding: 0;}
	
	.step3 .errorMessage{padding-left: 8px;}
	.step3 .errorBody .NormalBold{padding-top: 8px;}
		.step3 .errorBody .NormalBold ul {list-style-type: none; list-style: none; list-style-image: none;}
		.step3 .errorBody .NormalBold ul li{color: #960000; background: none; list-style-type: none; list-style: none; list-style-image: none;}
	
	
	.location_detail{overflow: hidden; padding: 1em;}
	
	.step4 .ProductHeading, .step4 .PriceHeading, .step4 .QuantityHeading, .step4 .SubTotalHeading, .step4 .QtyControlHeading{background: #a2a2a2 url(images/heading_bgbw.gif) repeat-x; border: 1px #ccc solid;}
	
	.step4 .termsAgreement{display: inline;}
	.step4 .errorMessage{padding-bottom: 1em;}
	.step4 .errorBody .NormalBold{padding-top: 8px;}

	.step5{border-bottom: 2px #333 solid;}
	
	
	.div_LocationDetails {padding: 1em 0;}
	
	
	.Store-Account-BtnTD{height: 40px; display: block; z-index: 99999; position: relative;}
	.ListContainer-Title {border: none;}

	.Store-Cart-Entity, .CartMasterTABLE, .ListContainer-Title, .CartDetailsMasterTABLE td{}
	.CartMasterTABLE .Normal{color: #000;}
	
	.btLocateStore{cursor: pointer;}
	.btContinue, .btBack, .btNext{padding-top: 1em; cursor: pointer;}
	
	.step5 .btContinue{padding-bottom: 1em;}
	.PrintReceipt td{padding: 5px 0;}
	
	.checkoutStartingPoint{clear: both; width: 100%; padding-top: 1em;}
	.checkoutStartingPoint .CommandButton{cursor: auto;}
	
	.altloginTable td{padding: 5px 0;}
		
	.existing_customer, .new_customers{float: left; width: 45%;}
	.existing_customer {padding-right: 5%;}
	
	.existing_customer fieldset, .new_customers fieldset{border: 1px #ccc solid; padding: 0 20px 10px;}
	.existing_customer legend, .new_customers legend{padding: 0 10px;}
	
	.billingInfo div{text-align: left !important;}
	
