﻿

/* ORDER STEP1 PAGE CONTENT */
		
		div#OrderStep1TitlePane
		{
			width:673px;
			height:57px;
			float:left;	
			position:relative;
			z-index:0;
			margin-left:4px;
			background-image:url(../images/orders/bgOrderTopMenu.gif);
			background-repeat:no-repeat;
		}
		
		
		div#OrderPageContainer
		{
			width:673px;
			float:left;	
			margin-left:4px;
			margin-top:0px;
			position:relative;
		}
		
		div#OrderPage2Container
		{
			width:673px;
			float:left;	
			margin-left:8px !important;
			margin-left:4px;
			margin-top:0px;
			position:relative;
		}
		div#OrderStep2Page2Container
		{
			width:651px;
			float:left;	
			padding-left:8px;
			position:relative;
		}		
		
			div#OrderLeftPane
			{
				width:334px !important;
				width:334px;
				float:left;	
				padding:15px 10px 30px 4px;
				position:relative;
				z-index:0;
				
				
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-weight:bold;
				color:#0060b6;
				

			}	
			
			
			div#OrderProductImage
			{
				float:left;
				position:relative;
				width:264px;
				height:265px;
				
				padding-top:20px;
				padding-left:20px;
				
				
				background-image:url(../images/bgProductImage.jpg);
				background-repeat:no-repeat;
				
				
			}
			
			
			div#OrderRightPane
			{
				width:269px !important;
				width:269px;
				
				margin-top:15px;
				
				height:72px;
				float:left;	
				position:relative;
				z-index:0;
				
				padding-top:18px;
				padding-left:50px;
				
				
				background-image:url(../images/orders/bgIndicitives.gif);
				background-repeat:no-repeat;
				
				
			}	
			
			
			div#OrderColour
			{
				width:269px !important;
				width:269px;
				
				margin-top:5px;
				
				float:left;	
				position:relative;
				z-index:0;
				
			}
			
			
			div#OrderSizes
			{
				width:269px !important;
				width:269px;
				
				margin-top:5px;
				
				float:left;	
				position:relative;
				z-index:0;
				
			}
				.OrderSizeControls
				{
					line-height:30px;	
				
				}
			
				.OrderBlueSizeTop
				{
					width:320px;
					height:9px;
					
					background-image:url(../images/orders/bgBlueSizeTop.gif);
					background-repeat:no-repeat;
					overflow:hidden;	
				}	
				
				.OrderBlueSizeMid
				{
					width:320px !important;
					width:300px;
					
					padding-left:20px;
					
					background-image:url(../images/orders/bgBlueSizeMid.gif);
					background-repeat:repeat-y;	
				}	
				
				.OrderBlueSizeFooter
				{
					width:320px;
					height:9px;
					
					background-image:url(../images/orders/bgBlueSizeFooter.gif);
					background-repeat:no-repeat;	
				}	
		
		div#OrderStep1TopMenu
		{
			padding-top:6px;
			padding-left:236px;
		}
		
		div#OrderStep1Pricing
		{	
			position:relative;
			width:673px;
			float:left;
			margin-top:11px;
			margin-left:4px;
			
			background-color:Fuchsia;
		}
			
			div#OrderStep1PricingLeft
			{
				width:300px;
				position:relative;
				
				font-size:14px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#1b429a;
				
				background-color:Blue;
			}
			
			div#OrderStep1PricingRight
			{
				width:318px;
				height:60px;
				
				float:right;
				
				
							
				background-color:Aqua;
			}
		
		div#BlueLine
		{
			position:relative;
			float:left;
			background-image:url(../images/orders/bgBlueLine.gif);
			background-repeat:no-repeat;
			width:664px;
			margin-right:4px;
			height:9px;
			
			
		}
		
		div#Choose
		{
			width:662px;
			margin-top:8px;
			margin-bottom:5px;
			float:left;
		}
		
			div#ChooseColour
			{
				z-index:0;
				background-image:url(../images/orders/bgColour.jpg);
				background-repeat:no-repeat;
				width:131px;
				height:49px;
				float:left;
				padding-top:50px;
				padding-left:8px;
			}
			
			div#ChooseSize
			{
				background-image:url(../images/orders/bgQuantities.gif);
				background-repeat:no-repeat;
				width:512px;
				height:89px;
				float:right;
				
			}
			
				div#ChooseSizeBtnSizing
				{
					margin-top:6px;
					margin-right:9px;
					height:23px;
					float:left;	
					position:relative;	
					width:500px;
					text-align:right;
				}
				
				div#ChooseSizeOptions
				{
					margin-top:20px;
					margin-left:10px;
					float:left;	
					
			
				}
					.SizeLabels
					{
						padding-left:5px;
						padding-right:5px;
						font:verdana;
						font-size:12px;
						font-weight:bold;	
					}
				
					textbox.SizeTextBox
					{
						width:20px;	
						font:verdana;
						font-size:9px;
					}
		
		div#AddOrder
		{
			float:left;
			position:relative;
			width:673px;
			
			text-align:center;
		}
		div#AddOrderStep2
		{
			float:left;
			position:relative;
			width:659px;
			
			text-align:center;
		}
		div#Order
		{
			float:left;
		}
		
			div#OrderHeader
			{
				background-image:url(../images/orders/bgOrderHeader.gif);
				background-repeat:no-repeat;
				width:659px;
				height:39px;
				z-index:0; position:relative ; 
			}
			
				.btnRemove
				{
					float:right;
				}
				
			div#OrderContent
			{
				width:659px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#2a73b3;
					 
			}
				.OrderHeaderRow
				{
					background-color:#cfcdcd;
					background-image:url(../images/orders/bgDarkGrayRow.gif);
					background-repeat:repeat-y;
					height:25px;
					font-weight:bold;
					padding-top:6px;
				}
						
				div.OrderDarkRow
				{
					background-color:#cfcdcd;
					background-image:url(../images/orders/bgDarkGrayRow.gif);
					background-repeat:repeat-y;
					width:100%;
					float:left;
					position:relative;
				}
				
				div.OrderLightRow
				{
					background-color:#dcdbdb;
					background-image:url(../images/orders/bgLightGrayRow.gif);
					background-repeat:repeat-y;
					width:100%;
					float:left;
					position:relative;
				}
				
				div.OrderLightTotalRow
				{
					background-color:#dcdbdb;
					background-image:url(../images/orders/bgLightGrayRow.gif);
					background-repeat:repeat-y;
					width:100%;
					float:left;
				}
				
				div.OrderDarkTotalRow
				{
					background-color:#cfcdcd;
					background-image:url(../images/orders/bgDarkGrayRow.gif);
					background-repeat:repeat-y;
					width:100%;
					min-height:25px;
					float:left;
				}
				
				
					.OrderBoxTotalColumn
					{
						background-image:url(../images/orders/bgTotal.gif);
						background-repeat:no-repeat;
						height:25px;
						width:132px;
						text-align:right;
						margin-top:2px;
						float:right;
					}
					
						.OrderBoxTotalText
						{
							color:Red;
							font-weight:bold;
							padding-top:4px;
							padding-right:5px;	
						}
					
					.OrderBoxTotalGSTColumn
					{
						background-image:url(../images/orders/bgTotalGST.gif);
						background-repeat:no-repeat;
						height:25px !important;
						width:221px;
						text-align:right;
						margin-top:2px;
						float:right;
					}
					
					.OrderBoxTotalSpaceColumn
					{
						min-height:25px;
						width:13px;
						text-align:right;
						float:right;
					}
					
					.OrderBoxAdditionalItemsColumn
					{
						width:500px;	
						float:left;
						line-height:25px;	
					}
				
				div#OrderFooter
				{
					background-image:url(../images/orders/bgFooterRow.gif);
					background-repeat:no-repeat;
					min-height:25px;
					width:659px;
					float:left;
					
				}
				
					.OrderBoxCheckBoxColumn
					{
						width:50px;	
						float:left;
						line-height:25px;
					}
					
					.OrderBoxQuantityColumn
					{
						width:40px;	
						float:left;
						line-height:25px;
					}
					
					.OrderBoxDescriptionColumn
					{
						width:460px;	
						float:left;
						line-height:25px;
					}
					
					.OrderBoxDescriptionWithUnitCostColumn
					{
						width:370px;	
						float:left;
						line-height:25px;
					}
					
					.OrderBoxUnitCostColumn
					{
						width:90px;	
						float:left;
						text-align:right;
						line-height:25px;
						
					}
					
					.OrderBoxCostColumn
					{
						width:90px;	
						padding-right:15px;
						float:right;
						text-align:right;
						line-height:25px;
						
					}
				
				.OrderCheckBox
				{
					padding-left:12px;
				}	
				
				.OrderTotal
				{
					background-image:url(../images/orders/bgTotal.gif);
					background-repeat:no-repeat;
				}
				
				
			
			div#OrderBottomButton
			{
				margin-left:160px;
				float:left;
				position:relative;
			}
			
		/* ORDER STEP2 PAGE CONTENT */
		
		div#OrderStep2TitlePane
		{
			width:673px;
			height:57px;
			float:left;	
			position:relative;
			z-index:0;
			margin-left:4px;
			background-image:url(../images/orders/bgOrderStep2TopMenu.gif);
			background-repeat:no-repeat;
		}
		
			div#OrderStep2TopMenu
			{
				padding-top:4px;
				padding-left:385px;
			}
			
		div#OrderStep2AvailablePosition
		{
			width:651px;
			height:250px;
			padding:18px 0px 11px 0px;
			float:left;
			
		}
		
			div#OrderStep2AvailablePositionLeft
			{
				background-image:url(../images/orders/bgAvailable_2.gif);
				background-repeat:no-repeat;
				float:left;
				width:348px;
				height:270px;	

			}
				div#OrderLineDrawing
				{
					margin-top:36px;	
					margin-left:15px;
				}
			
				div#OrderLineDrawingText
				{
					width:348px;
					text-align:center;
					
				}
			
			div#OrderStep2AvailablePositionRight
			{
				background-image:url(../images/orders/bgOrderStep2CantFind.gif);
				background-repeat:no-repeat;
				width:308px;
				height:111px;
				margin-left:6px;
				float:left;	
			}
			
			div#OrderStep2AddArtWorkContainer
			{
				/*width:308px;*/
				width:289px; overflow:hidden;
				margin-left:6px;				
				float:left;	
				position:relative;
			}
			
				div#OrderStep2AddArtWorkTop
				{
					width:289px;
					height:11px;
					background-image:url(../images/orders/bgAddArtworkTop2.gif);
					background-repeat:no-repeat;
					float:left;	
					position:relative;
					margin:0px;
					overflow: hidden; 
				}
				
				div#OrderStep2AddArtWorkMid
				{
					width:289px;
					background-image:url(../images/orders/bgAddArtworkMid2.gif);
					background-repeat:repeat-y;
					float:left;	
					position:relative;
				}
				
				div#OrderStep2AddArtWorkFooter
				{
					width:289px;
					height:8px;
					background-image:url(../images/orders/bgAddArtworkFooter2.gif);
					background-repeat:no-repeat;
					float:left;	
					position:relative;
				}
			
			
			
			div#OrderStep2Decoration
			{
				width:659px;
				float:left;
				position:relative;
				margin-left:8px !important;
				margin-left:4px;
				
			}
				div#OrderBlueBoxTop
				{
					background-image:url(../images/orders/bgOrderBlueBoxTop.gif);
					background-repeat:no-repeat;	
					width:659px;
					height:11px;
					float:left;
					position:relative;
					margin:0px;
					overflow: hidden; 


				}
				
				div#OrderBlueBoxMid
				{
					margin:0px;
					background-image:url(../images/orders/bgOrderBlueBoxMid.gif);
					background-repeat:repeat-y;	
					width:659px;
					float:left;
					position:relative;
					z-index:1;
				}
				
				div#OrderBlueBoxFooter
				{
					float:left;
					position:relative;
					background-image:url(../images/orders/bgOrderBlueBoxFooter.gif);
					background-repeat:no-repeat;	
					width:659px;
					height:8px;
					margin-bottom:10px;	
					z-index:-1;
					overflow: hidden; 
				}
				
				.bgOrderBlueBoxSeperator
				{
					margin-top:10px;
					margin-bottom:10px;
					background-image:url(../images/orders/bgOrderBlueBoxSeperator.gif	);
					background-repeat:no-repeat;	
					height:7px;	
					width:599px;
					float:left;
					
				}
				
				div#OrderStep2Branded
				{
					padding-top:5px;
					padding-left:15px;
					float:left;
					position:relative;
					width:650px;
				}
				
				div#OrderStep2LogoPosition
				{
					padding-top:5px;
					padding-left:15px;
					float:left;
					position:relative;
					width:644px;
				}
			
				div#ButtonDecorationTypes
				{
					margin-left:460px;	
				}
		
				div#OrderStep2BtnDecorationType
				{
					padding-left:15px;
					float:left;
					position:relative;
					width:644px;
				}
					.btnDecorationType
					{
						
					}
				
				div#OrderStep2DdlPosition
				{
					padding-left:15px;
					float:left;
					position:relative;
				}
				
				div#OrderStep2DdlDecoration
				{
					padding-left:15px;
					float:left;
					position:relative;
				}
				
				div#OrderImageGallery
				{
					/*width:295px !important;
					width:310px;*/
					padding-left:15px;
					float:left;
					
					
				}
					div#OrderGreenBoxTop
					{
						/*background-image:url(../images/orders/bgOrderGreenBoxTop.gif);
						background-repeat:no-repeat;	*/
						height:6px;	
						overflow: hidden; 


					}
					
					div#OrderGreenBoxMid
					{
						/*background-image:url(../images/orders/bgOrderGreenBoxMid.gif);
						background-repeat:repeat-y;	*/
						padding-left:5px;
						padding-right:5px;
					}
					
					div#OrderGreenBoxFooter
					{
						/*background-image:url(../images/orders/bgOrderGreenBoxFooter.gif);
						background-repeat:no-repeat;	*/
						height:6px;
						margin-bottom:10px;	
					}
					
				
				div#OrderAddNewArtwork
				{
					width:280px !important;
					float:left;
					padding-left:25px;
				}		
				div#OrderAddNewArtwork2
				{
					width:264px !important;
					float:left;
					padding-left:25px;
				}					
				
				
				div#OrderStep2Upload
				{
					padding-left:15px;	
					line-height:21px;
					vertical-align:middle;
				}
					
					
				
				
				div#OrderStep2ExtraNotes
				{
					padding-left:15px;
					padding-bottom:5px;
					float:left;
					
				}
				
				div#OrderStep2BottomButtons
				{
					float:left;
					position:relative;
					width:673px;
					
				}
	
	div#OrderStepsButtons
	{
		float:left;
		position:relative;
		width:657px;
		margin-left:8px;
		
	}	
	
	div#OrderStepsButtonsLong
	{
		float:left;
		position:relative;
		width:657px;
		margin-left:156px !important;
		margin-left:76px;
		
	}	
		
	/* ORDER STEP3 PAGE CONTENT */
		
		div#OrderStep3TitlePane
		{
			width:673px;
			height:57px;
			float:left;	
			position:relative;
			z-index:0;
			margin-left:4px;
			background-image:url(../images/orders/OrderStep3Title.gif);
			background-repeat:no-repeat;
		}
		
		div#OrderStep3TopButtons
		{
			/*float:left;
			position:relative;
			width:659px;
			margin-top:10px;	
			margin-bottom:10px;	*/
			float:left;
			z-index:0;position:relative;
			width:661px;
			padding:10px 4px 10px 8px
		}
		
		div#OrderStep3BottomButtons
		{
			float:left;
			position:relative;
			width:659px;
		}
		
			.AddToBasketButton
			{
				float:left;
			}
			
			.GoCheckOut
			{
				float:right;
				
			}
			
			
			.BackButton
			{
				float:left;
			}
			
			.NextButton
			{
				float:right;
			}
			
			
/* GREEN BOX STYLES */
		div#GreenBox
		{
			/*float:left;
			margin-top:12px;
			margin-left:11px;
			position:relative;*/
			float:left;
			position:relative; z-index:0;
			padding :12px 0px 0px 11px;
			
		}
		
			div#GreenBoxCurrentOrderHeader
			{
				background-image:url(../images/quotes/bgOrdersHeader.gif);
				background-repeat:no-repeat;
				width:659px;
				height:39px;
			}
			
				
				
			div#GreenBoxOrderContent
			{
				width:659px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#669b20;
					 
			}
				.GreenBoxOrderHeaderRow
				{
					background-color:#669b20;
					background-image:url(../images/quotes/bgDarkGrayRowGreen.gif);
					background-repeat:repeat-y;
					height:25px;
					font-weight:bold;
					padding-top:6px;
				}
						
				div.GreenBoxOrderDarkRow
				{
					background-color:#cfcdcd;
					background-image:url(../images/quotes/bgDarkGrayRowGreen.gif);
					background-repeat:repeat-y;
					width:100%;
					float:left;
				}
				
				div.GreenBoxOrderLightRow
				{
					background-color:#dcdbdb;
					background-image:url(../images/quotes/bgLightGrayRowGreen.gif);
					background-repeat:repeat-y;
					width:100%;
					float:left;
				}
				
					a.GreenBoxOrderLink
					{
						text-decoration:underline;
						text-transform:uppercase;
						color:#669b20;
					}
					
					a.GreenBoxOrderLink:hover
					{
						text-decoration:underline;
						text-transform:uppercase;
						color:#669b20;
					}
						
				
				
				div#GreenBoxOrderFooter
				{
					background-image:url(../images/quotes/bgFooterGrayRowGreen.gif);
					background-repeat:no-repeat;
					height:25px;
					width:659px;
					float:left;
				}
				
				
				
					.GreenBoxOrderCheckBoxColumn
					{
						width:50px;	
						float:left;
						line-height:25px;
					}
					
					.GreenBoxOrderQuantityColumn
					{
						width:40px;	
						float:left;
						line-height:25px;
					}
					
					.GreenBoxOrderDescriptionColumn
					{
						width:310px;	
						float:left;
						line-height:25px;
					}
						
					
					.GreenBoxOrderQuoteNumberColumn
					{
						width:80px;	
						float:left;
						text-align:center;
						line-height:25px;
					}
					
					.GreenBoxOrderCostColumn
					{
						width:90px;	
						padding-right:15px;
						float:right;
						text-align:right;
						line-height:25px;
					}
					
					.GreenBoxOrderDateColumn
					{
						width:90px;	
						padding-right:15px;
						float:left;
						text-align:center;
						line-height:25px;
					}
					
					.GreenBoxOrderValidityColumn
					{
						width:50px;	
						padding-right:15px;
						float:right;
						text-align:right;
						line-height:25px;
					}
				
				.GreenBoxOrderCheckBox
				{
					padding-left:12px;
				}	
				
				.GreenBoxOrderTotal
				{
					background-image:url(../images/orders/bgTotal.gif);
					background-repeat:no-repeat;
				}
				
				
			
			div#GreenBoxOrderBottomButton
			{
				margin-left:160px;
				float:left;
				position:relative;
			}