.foo
{
}
/* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/*  
****************************************************************************
**			Checkout Styles 
****************************************************************************
*/
#checkout div.wizard							{width: 720px; overflow:hidden;}
#checkout div.wizard .sidebar			
{	
	border-top:1px solid #D1D1D1; 
	border-left:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	float:none;
	width: 400px;
	height: 45px;
	margin:15px 0 20px 150px;
	background-image:url('ShoppingCart/steps_background_grey.gif');
	background-position:bottom;
	background-repeat:repeat-x;

}
#checkout div.wizard .sidebar #sidebarcell
{
	border-right:1px solid  #D1D1D1;
	width:99px;
	height:100%;
	float:left;
	color: black;
	text-align:center;
}
#checkout div.wizard .sidebar #sidebarcell .SidebarTop
{
	background:#F2F2F2;
	border-bottom:1px solid #D1D1D1;
	height:13px;
	line-height:13px;
	font-size:9px;
}
#checkout div.wizard .sidebar #sidebarcell .SidebarBottom
{
	line-height:25px;
	font-size:11px;
}
#checkout div.wizard .sidebar #active
{
	border:solid 1px #540087;
	height:45px;
	width:99px;
	float:left;
	color:White;
	text-align:center;
	margin-top:-1px;
	margin-left:-1px;
}
#checkout div.wizard .sidebar #active .SidebarTop
{
	background:#6D10A6;
	border-bottom:1px solid #540087;
	height:13px;
	line-height:13px;
	font-size:9px;
}
#checkout div.wizard .sidebar #active .SidebarBottom
{
	background:url('ShoppingCart/steps_background_purple.gif') #943EC8;
	background-position:bottom;
	background-repeat:repeat-x;
	height:31px;
	line-height:25px;
	font-size:11px;
}

#checkout div.wizard .step
{
	border:0px solid red;
	margin-left:50px;
	width:630px;
}

#checkout div.wizard .nav
{
	border:0px solid red;
	margin-left:50px;
	margin-top:10px;
	width:630px;
	overflow:hidden;
}

#checkout div.wizard .nav .ButtonLeft
{
	border:0px solid red;
	float:left;
}
#checkout div.wizard .nav .ButtonRight
{
	border:0px solid red;
	float:right;
}

#checkout div.OtherPaymentOptionsContainer
{
	/*border: 1px solid blue;*/
	width: 630px;
	text-align: left;
	margin-left: 50px;
	margin-top: 10px;
}

/*  
****************************************************************************
**			Shopping Cart Grid View Styles 
****************************************************************************
*/
.ShoppingCartGridView table
{
	border: solid 0px red;
	margin-top:-1px;
	width: 100%;
}
.ShoppingCartGridView table tr th
{
	border:solid 1px #D1D1D1;
	background:#FAFAFA;
    padding: 2px;
    font-weight:bold;
}
.ShoppingCartGridView table tr td
{
    padding: 2px 2px 2px 2px;
    border: solid 1px #D1D1D1;
    font-weight:normal;
}
.ShoppingCartGridView table tr td a
{
    color:Black;
}

.ShoppingCartTextbox
{
    font-weight:normal;
    width:20px;
    height:14px;
    line-height:10px;
    vertical-align:top;
    padding:0px;
}

.ShoppingCartTotal
{
	border:solid 0px red;
}

.ShoppingCartSubTotalSpace
{
	border:solid 0px red;
	width:114px;
	float:left;
}
.ShoppingCartSubTotalLabel
{
	border-left: solid 1px #D1D1D1;
	border-bottom: solid 1px #D1D1D1;
	float:left;
	text-align:right;
	font-weight:bold;
	padding-right:4px;
	width:70px;
}
.ShoppingCartSubTotalValue
{
	float:left;
	border-left: solid 1px #D1D1D1;
	border-bottom: solid 1px #D1D1D1;
	border-right: solid 1px #D1D1D1;
	text-align:right;
	width:82px;
	padding-right:2px;
}

.ShoppingCartTotalLabel
{
	border:solid 0px green;
	float:left;
	text-align:right;
	font-weight:bold;
	margin-right:4px;
	width:185px;
}
.ShoppingCartTotalValue
{
	float:left;
	border-left: solid 1px #D1D1D1;
	border-bottom: solid 1px #D1D1D1;
	border-right: solid 1px #D1D1D1;
	text-align:right;
	font-weight:bold;
	width:82px;
	padding-right:2px;
}
.ShoppingCartActionButtons
{
	border:solid 0px black;
	float:right;
}

.ShoppingCartGridView .Qty
{
	width:25px;
	text-align:center;
}

.ShoppingCartGridView .ProductName
{
	width:310px;
}
.ShoppingCartGridView .ProductCode
{
	width:100px;
	text-align:center;
}
.ShoppingCartGridView .UnitPrice
{
	width:70px;
	text-align:right;
}
.ShoppingCartGridView .UnitPriceHeader
{
	width:70px;
	text-align:center;
}
.ShoppingCartGridView .Total
{
	width:80px;
	text-align:right;
}
.ShoppingCartGridView .TotalHeader
{
	width:80px;
	text-align:center;
}
.ShoppingCartGridView .DiscountTitle
{
	width:66px;
	font-weight:bold;
	text-align:right;
}
.ShoppingCartGridView .DiscountValue
{
	text-align:right;
}
.ShoppingCartGridView .RemoveItem
{
	width:15px;
	text-align:center;
}
#ShoppingCartWarningMessage
{
	border:solid 0px red;
	text-align:center;
	color:Red;
	font-weight:bold;
}
#divGstExempt
{
	border:solid 0px blue;
	margin-left:35px;
	width:300px;
	height:100%;
	float:left;
}
#divGridViewFooter
{
	border:solid 0px red;
	height:60px;
}
#divGridViewFooter *
{
	display:inline;
}

/*  
****************************************************************************
**			Shopping Cart Credit Card Styles 
****************************************************************************
*/
#CreditCardControl #CardType
{
	border:solid 0px blue;
}
#CreditCardControl #CardType #CardTypeLabel
{
	float:left;
	width:100px;
	text-align:right;
	margin-right:5px;
}
#CreditCardControl #CardType #CardTypeDropDownList
{
	float:left;	
}
#CreditCardControl #CardNumber
{
	clear:both;
}
#CreditCardControl #CardNumber #CardNumberLabel
{
	float:left;
	width:100px;
	text-align:right;
	margin-right:5px;
}
#CreditCardControl #CardNumber #CardNumberTextBox
{	
	float:left;
}
#CreditCardControl #CardName
{
	border:solid 0px blue;
	clear:both;
}
#CreditCardControl #CardName #CardNameLabel
{
	float:left;
	width:100px;
	text-align:right;
	margin-right:5px;
}
#CreditCardControl #CardName #CardNameTextBox
{
	float:left;
}
#CreditCardControl #CardCVV2
{
	clear:both;
}
#CreditCardControl #CardCVV2 #CardCVV2Label
{
	float:left;
	width:100px;
	text-align:right;
	margin-right:5px;
}
#CreditCardControl #CardCVV2 #CardCVV2TextBox
{		
	float:left;
}
#CreditCardControl #CardCVV2 #CardCVV2TextBox input
{		
	width:40px;
}
#CreditCardControl #CardCVV2 #CardCVV2Button
{
	float:left;
	margin-left:5px;
}
#CreditCardControl #CardExpiry
{
	clear:both;
}
#CreditCardControl #CardExpiry #CardExpiryLabel
{
	float:left;
	width:100px;
	text-align:right;
	margin-right:5px;
}
#CreditCardControl #CardExpiry #CardExpiryMonthTextBox
{
	float:left;
	border:solid 0px red;
	float:left;
}

#CreditCardControl #CardExpiry input
{
	width:20px;
}
#CreditCardControl #CardExpiry #CardExpiryDivide
{
	float:left;
	border:solid 0px red;
	float:left;
	width:10px;
}
#CreditCardControl #CardExpiry #CardExpiryYearTextBox
{
	float:left;
}

#CreditCardControl .ErrorValText
{
	border: solid 0px red;
	margin-left: 240px;
}
/*  
****************************************************************************
**			Promotional Code 
****************************************************************************
*/
#PromotionalCode .SuccessCode									{ }
#PromotionalCode .FailedCode									{ color:Red; text-align:center; }
#PromotionalCode .divContentBody #PromotionText					{ float:left; }
#PromotionalCode .divContentBody #PromotionCodeEntry			{ width:auto; text-align:right; }
#PromotionalCode .divContentBody #PromotionCodeEntry #PromotionCodeTextBox			{ float:left; width:162px; }
#PromotionalCode .divContentBody #PromotionCodeEntry #PromotionCodeTextBox input	{ width:142px; }
#PromotionalCode .divContentBody #PromotionCodeEntry #UpdateCartButton				{ }

/*  
****************************************************************************
**			Existing Customer Styles 
****************************************************************************
*/
#ExistingCustomer
{
	border:solid 0px red;
}
#ExistingCustomer .divContentBody #LoginLine1
{
	border:solid 0px blue;
}
#ExistingCustomer .divContentBody #EmailLabel
{
	border:solid 0px red;
	text-align:right;
	width:100px;
	margin-right:10px;
	float:left;
}
#ExistingCustomer .divContentBody #EmailTextbox
{
	border:solid 0px red;
	width:150px;
	float:left;
}
#ExistingCustomer .divContentBody #EmailTextbox input
{
	width:99%;
}
#ExistingCustomer .divContentBody #divPasswordLabel
{
	border:solid 0px red;
	text-align:right;
	margin-right:10px;
	width:60px;
	float:left;
}
#ExistingCustomer .divContentBody #PasswordTextbox
{
	border:solid 0px red;
	width:150px;
	float:left;
}

#ExistingCustomer .divContentBody #PasswordTextbox input
{
	width:90%;
}
#ExistingCustomer .divContentBody #divLoginButton
{

}

#ExistingCustomer .divContentBody #LoginLine2
{
}

#ExistingCustomer .divContentBody #LoginLine2 #EmailError
{
	float:left;
	border:solid 0px red;
 	margin-left:110px;
}
#ExistingCustomer .divContentBody #LoginLine2 #PasswordError
{
	border:solid 0px blue;
	margin-left:330px;
}


#ExistingCustomer .divContentBody #LoginLine3
{
	border:solid 0px red;
}
#ExistingCustomer .divContentBody .ExistingCustomerFailureText
{
	border:solid 0px blue;
	width:385px;
	float:left;
}
#ExistingCustomer .divContentBody #ForgotPassword
{
	border:solid 0px green;
	text-align:right;
	width:470px;
}
#ExistingCustomer .divContentBody #ForgotPassword a
{
	color:Black;
}
.CheckOutCaptchaControl
{
	margin-left:110px;
	margin-bottom:20px;
}
.CheckOutCaptchaControl #CaptchaControl #CaptchaRefresh
{
	margin-top:-17px;
	margin-left:125px;
}

#NewsletterConfirm
{
	padding-left:108px;
}
/*  
****************************************************************************
**			Thank you Page Styles 
****************************************************************************
*/
#ThankyouPage #OrderSummary .divContentHeader
{
	height:35px;
}
#ThankyouPage #OrderSummary .divContentHeader #Image
{
	border:solid 0px green;
	width:30px;		
	float:left;
}
#ThankyouPage #OrderSummary .divContentHeader #Title
{
	border:solid 0px red;
	width:475px;
	float:left;
}
#ThankyouPage #OrderSummary .divContentHeader #Date
{
	border:solid 0px blue;
	width:100px;
	float:right;
	text-align:center;

}
#ThankyouPage #OrderSummary .divContentHeader .Plain
{
	border:solid 0px blue;
	font-weight:normal;
}

#ThankyouPage #OrderSummary #OrderSummaryList
{
	clear:both;
	border-left: solid 1px #D1D1D1;
	border-right: solid 1px #D1D1D1;
	border-bottom: solid 1px #D1D1D1;
	margin-bottom: 10px;
}
#ThankyouPage #OrderSummary #OrderSummaryList #Header
{
	background:#FAFAFA;
	color:#D1D1D1;
	border-bottom:1px solid #D1D1D1;
	width:715px;
	clear:both;
	overflow:hidden;
}
#ThankyouPage #OrderSummary #OrderSummaryList #Header #Qty
{
	width:50px;
	float:left;
}
#ThankyouPage #OrderSummary #OrderSummaryList #Header #Item
{
	width:580px;
	float:left;
}
#ThankyouPage #OrderSummary #OrderSummaryList #Header #Price
{
	width:70px;
	float:left;
	text-align:center;
}

#ThankyouPage #OrderSummary #OrderSummaryList #ItemRow
{
	clear:both;
	overflow:hidden;
	width:100%;
}
#ThankyouPage #OrderSummary #OrderSummaryList #ItemRow #Qty
{
	width:50px;
	float:left;
}
#ThankyouPage #OrderSummary #OrderSummaryList #ItemRow #Name
{
	width:580px;
	float:left;
}
#ThankyouPage #OrderSummary #OrderSummaryList #ItemRow #Price
{
	width:70px;
	float:left;
	text-align:right;
}

#ThankyouPage #OrderSummary #OrderSummaryList #Tracking
{
	clear:both;
	overflow:hidden;
	width:100%;
}
#ThankyouPage #OrderSummary #OrderSummaryList #Tracking #Item
{
	width:630px;
	float:left;
	text-align:right;
}
#ThankyouPage #OrderSummary #OrderSummaryList #Tracking #Price
{
	width:70px;
	float:left;
	text-align:right;
	padding-right:0px;
}

#ThankyouPage #OrderSummary #OrderSummaryList .divDiscount
{
	clear:both;
	overflow:hidden;
	width:100%;
}
#ThankyouPage #OrderSummary #OrderSummaryList .DiscountLabel
{
	width:630px;
	float:left;
	text-align:right;
}
#ThankyouPage #OrderSummary #OrderSummaryList .DiscountValue
{
	width:70px;
	float:left;
	text-align:right;
	padding-right:0px;
}

#ThankyouPage #OrderSummary #OrderSummaryList #Footer
{
	clear:both;
	background:#F2F2F2;
	height:20px;
	overflow:hidden;
	width:100%;
}
#ThankyouPage #OrderSummary #OrderSummaryList #Footer #Total
{
	width:630px;
	float:left;
	text-align:right;
	font-weight:bold;
}
#ThankyouPage #OrderSummary #OrderSummaryList #Footer #Space
{
	width:70px;
	float:left;
	text-align:right;
	font-weight:bold;
	padding-right:0px;
}

#ThankyouPage #OrderSummary #ShippingAddress
{
	border:solid 0px red;
	width:200px;
	float:left;

}
#ThankyouPage #OrderSummary #BillingAddress
{
	border:solid 0px red;
	width:200px;
	float:left;
}
#ThankyouPage #OrderSummary #PaymentDetails
{
	border:solid 0px red;
	width:200px;
}
#PaymentStatusImage
{
	border:solid 0px red;
	width:70px;
	float:left;
}
#PaymentStatusText
{
	border:solid 0px red;
	width:500px;
}

.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=60);
    opacity:0.60;         
}
.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF; 
    position:absolute; 
    width:150px; 
    height:50px;    
}
.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}
.AddToCartPanelPopUp
{
	background-color: #FFFFFF; 
	padding: 10px;
	width: 250px; 
	text-align: left;
}        
#AddToCartPopUpButtons
{
	text-align:center;
}
.divSeparatorLine
{
	border-top:dotted 1px black;
	height:5px;
}