/*
---------------------------------------------------------------------------------------------------------
    CHECKOUT
---------------------------------------------------------------------------------------------------------
*/

input.textbox
{
	background-image:url('../Main/Images/input_bg.gif');
	background-position:bottom;
	background-repeat:repeat-x;
	
	border:solid 1px #cbcbcb;
	width:200px;
	
}

h1 {display:block;}
h2,h3 {margin-bottom:5px; color:#666;}
*.Error {color:#c00;margin:0;}
/*
	FIELD ELEMENTS
////////////////////////////////
*/

fieldset div.field
{
	height:45px;
	margin:7px 0;
}
fieldset div.field label
{
	font-weight:bold;
	display:block;
	padding:0;
}

fieldset div.field input,
fieldset div.field select
{
	/*background-color:#fefef4;*/
}


/*
	PAGE ERROR
////////////////////////////////
*/
div.Error {
	background-color:#ffc;
	color:#a00;
	border:1px solid #a00;
	margin:10px 0;
	padding:10px;
}
div.Error a:link,
div.Error a:visited {
	color:#05a;
}



div#CartBody {
	background-color:#dde4ea;
	
	padding:10px;
}

/*
	ACCOUNT/SIGN-IN COLUMNS
	(used on MyCart/Checkout.aspx, MyCart/SignIn.aspx and ~/Login.aspx)
////////////////////////////////
*/
fieldset#fsSignIn, fieldset#fsCreateAccount, div#AnonymousCheckout {
	background-color:#fff;
	float:left;
	width:250px;
	height:250px;
	padding:10px;
	padding-bottom:35px;
	margin:10px 10px 0 15px;
	
}
fieldset
{
	border:none;
}
fieldset#fsSignIn {
	right:10px;
	background-color:#e5e5e5;
	
}
fieldset#fsCreateAccount {
	width:250px;
}
fieldset#fsSignIn h2, fieldset#fsCreateAccount h2, div#AnonymousCheckout h2 {
}
fieldset#fsSignIn input.button
fieldset#fsCreateAccount input.button {
}

div#AnonymousCheckout input.button,
div#AnonymousCheckout a.Forgot {
	display:block;
	margin:20px auto;
}

a#lnkShopWithConfidence {
	color:#0055a6;
	font-weight:bold;
	margin:10px 0;display:block;
}

fieldset div.info {
	clear:left;
	color:#666;
}
fieldset div.info em,
fieldset div.info strong {
	color:#333;
}

/*
	USER INFO
////////////////////////////////
*/
fieldset
{
	
}
fieldset#UserFields {padding:10px;}

fieldset#UserFields div#UserFirstName,
fieldset#UserFields div#UserMiddleInitial,
fieldset#UserFields div#UserLastName
{
	float:left;
}
fieldset#UserFields div#UserFirstName input,
fieldset#UserFields div#UserMiddleInitial input,
fieldset#UserFields div#UserLastName input
{
	margin-right:5px;
}

div#UserMiddleInitial input
{
	width:30px;
}
fieldset#UserFields div#nameRow
{
	
	width:100%;
	height:65px;
}
/**First Name and Middle Initial
div#UserFirstName {margin-right:20px;}
div#UserMiddleInitial input {width:25px;margin-right:20px;}

div#UserFirstName,
div#UserMiddleInitial
{
	float:left;
}**/

/**First and Last Name
div#UserFirstName input,
div#UserLastName input
{
	width:270px;
}**/
div#Password{clear:left;}/*must clear the float placed on the MiddleInitField*/

/**Phone Number fields**/
div#UserPhoneNumber {float:left;}
div#UserPhoneNumber input {width:100px;margin-right:20px;}

div#EmailAddress {float:left;}
div#EmailAddress input {width:25em;}
/*
	USER ADDRESSES
////////////////////////////////
*/

div#UserAddresses
{
/*	height:385px;*/
	margin-top:10px;
}
div#UserAddresses.AccountInfo
{
	margin-bottom:5px;
}
div#UserAddresses.AccountInfo fieldset.AddressField
{
	width:444px;
	
}
div#UserAddresses fieldset.AddressField
{
	float:left;
	width:365px;
	/*IE6 rule with different width*/
	padding:10px;
}
div#UserAddresses div#BillingAddress fieldset.AddressField
{
	margin-right:12px;
	/*IE6 rule with different margin*/
}
div.BillingMessage
{
	height:45px;
}
div.CopyBillingField
{
	background-color:#fff;
	border:1px solid #446173;
	padding:3px;
	margin-bottom:25px;
	font-weight:bold;
}
p.ValidationWarning
{
	margin:1em 0;
	color:#a00f14;
	font-weight:bold;
	
	margin-right:10px;
}
/**Address Lines One and Two**/
div.StreetAddressField,
div.AddressLineTwoField
{
	clear:both;
	float:none;
}
div.StreetAddressField input,
div.AddressLineTwoField input
{
	
	width:325px;
}
/**Name fields**/
fieldset.AddressField div.FirstNameField,
fieldset.AddressField div.MiddleInitField,
fieldset.AddressField div.LastNameField
{
	margin-right:5px;
	float:left;
	
}
div.MiddleInitField input
{
	width:20px;
}
/**City, State and Zip**/
fieldset.AddressField div.CityField,
fieldset.AddressField div.StateField,
fieldset.AddressField div.ZipCodeField
{
	float:left;
	margin-right:5px;
}
fieldset.AddressField div.ProvinceField
{
	float:left;
	margin:0;
	padding:0;
}
div.ProvinceField input
{
	width:110px;
}

div.ZipCodeField {margin-right:0;}
div.CityField input {width:120px;}
div.StateField select {width:110px;}
div.ZipCodeField input {width:65px;}

/**
	Shipping Option
/////////////////////////////////////////
**/
fieldset#ShippingFields 
{
	padding:10px;
	margin-top:10px;
	/*margin:60px 0px 10px 0px;*/
	/*TODO: fix the firefox margin issue or take this _rule to an ie specific stylesheet*/
	/*_margin:10px 0px;*/
	clear:both;
	height:92px;
}
label#lblLoading {display:none;}
img#imgSpinner { visibility: hidden; }

select#ddShippingOption {width:400px;}


fieldset#CartContents,
fieldset#CardInfoFields
{
	margin:10px 0;
}
fieldset#CartContents
{
	margin-bottom:5px;
	clear:both;
	margin-top:100px;
	_margin-top:0px;
}
/**
	Cart Type/Info
/////////////////////////////////////////
**/

/**Cart Info (card type, name on card, card number, exp date ...)**/
fieldset#CardInfoFields 
{
	padding:10px;
}
fieldset#CardInfoFields ul {margin:0 10px;}
fieldset#CardInfoFields ul#CardTypeList li {height:30px;line-height:30px;}
fieldset#CardInfoFields ul#CardTypeList li img {position:relative;top:3px;}
fieldset#CardInfoFields ul#CardInfoList {height:55px;}
fieldset#CardInfoFields ul li div.field {margin-right:10px;}
h4#CardTypeHeader {margin-bottom:0;}
h4.reviewHeader {margin-bottom:0; color:Black;}
ul#CardInfoList {clear:both;}
ul#CardInfoList li div#CardNameField,
ul#CardInfoList li div#CardNameField input 
{
	width:250px;
}
ul#CardInfoList li div#CardNumberField,
ul#CardInfoList li div#CardNumberField input
{
	width:130px;
}
ul#CardInfoList li div#CardIDField
{
	width:120px;
}
ul#CardInfoList li div#CardIDField input {width:35px;}
ul#CardInfoList li div#CardIDField a {}

div#CardValidationControls span {}

/*Order-Being-Reviewed Contents*/
div#SummaryActions_top h4 {float:left;margin:0;padding:0;}
div#SummaryActions_top input {float:right;}

div#PlaceOrder {height:50px;}
div#SecureCheckout {
	float:right;margin:5px 0;padding:5px;line-height:25px;height:100px;
	color:#273D4F;
	text-align:right;
}
div#SecureCheckout img {float:left;border:none;}
div#SecureCheckout label {float:left;margin:0 5px;}
div#PlaceOrder input.PlaceOrder {float:right;margin:10px 0;}



/*
	CONFIRMATION
////////////////////////////////
*/
div#PurchasingInformationSection strong.EmailInfo
{
	margin-left:30px;
}
div#confirmationInnerContainer
{
	margin: 0px 0px 10px 18px;
}
strong#ThanksForYourOrder {
	font:11px Arial, Helvetica, sans-serif;
	color:#5a9133;
	font-style:italic;
}

ul#ConfirmationItemsList,
div#CartContents,
fieldset.ApplicationFields {
	border:1px solid #e2e2d8;	
	padding-bottom:40px;
	border-width:1px 0;
	background-color:#fffce9;
}
ul#ConfirmationItemsList {
	padding:20px;padding-top:0;
}
ul#ConfirmationItemsList li {
	padding-top:20px;
	font-weight:bold;
}
ul#ConfirmationItemsList li em {
	color:#a00f14;
}
div#CartContents h4 {
	margin:10px;
}
div#CartContents table.cartFooter
{
	margin-bottom:10px;
}

ul#UserInfoList li
{
	
	width:250px;
}

ul#UserInfoList
{
	
	clear:both;
	width:100%;
	float:left;
	
}

div#PurchasingInformationSection
{
	
	height:190px;
}

div#CartContents h4
{
		
}


td.DescriptionCell * {
	margin:0;
	padding:0;
	font-weight:normal;
}
td.DescriptionCell a {
	display:block;
	color:#0055a8;
	margin-bottom:5px;
}
.ContentArea h2
{
	color:#f7931e;
}
td.DescriptionCell h1, h2 {
	color:#000;
	font-weight:bold;
}


#totals
{
	background:url(../../Images/MerchTotalBG.gif) repeat-x;
	text-align:right;
	padding:5px;
	color:#F6ED92;
	font-weight:bold;
	 padding-right:80px;
}
#totals span
{
	position:absolute;	
}





#CartMaster
{
	font-family:Trebuchet MS;	
}
#ThanksForYourOrder
{
	font-style:normal !important;
	color:#000 !important;
	font-family:Trebuchet MS !important;
}
#ConfirmationItemsList
{
	background-color:#DDE4EA !important;	
	margin:0 !important;
	padding:0 !important;
}
#ConfirmationItemsList li
{
	margin:0 !important;
	padding:0 !important;
}
#ConfirmationItemsList em span
{
	font-style:normal;	
}


#CartMaster h4
{
	 !important;	
	margin-top:20px !important;
	margin-left:0 !important;
}
#CartMaster #CartContents
{
	background-color:#DDE4EA !important;	
	padding:0 !important;		
}
#CartMaster #PurchasingInformationSection, #CartMaster strong
{
	margin:0 0 10px 0 !important;	
}
#CartMaster #EmailInfo
{
	margin-bottom:20px;	
}
#SiteFooter /*overwrite default footer width since this page is wider*/
{
	width:820px !important;
	position:absolute;
	left:-11px;
	border-left:#405D6F solid 1px;
	border-right:#405D6F solid 1px;
}
/**
	This fixes the footer on the AccountInfo page, which kinda lives in two different worlds:
	the ShoppingCart world and the main site world
**/
div#MasterContainer div#SiteFooter {
	width:800px!important;
	position:static;
	border:inherit;
}

h1#CheckoutPageTitle
{
    float: left;
    position: relative;
    width: 350px;
}

html body #ShippingCountryFlagsImages
{
    width: 310px;
    margin: 0px 0px 10px 465px;
    color:#45444A;
    padding:0px 0px 0px 12px;   
    font-weight: bold;
    text-align: right;
}

.LogIn
{
	background-color:#FFF;
	padding:10px;
	float:left;
	width:594px;
}

.CheckOut
{
	background-color:#FFF;
	
	padding:10px;
	width:594px;
}
.GetQuote
{
	background-color: #FFF;
	width: 594px;
	float:left;
	padding-bottom:10px;
}
.GetQuoteTop
{
	background-color: #063365;
	padding: 5px 5px 5px 20px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
}

div.getQuoteContents
{
	padding: 10px 11px;
}