

/* SHOPPING CART NAVIGATION */
#ShoppingCartNav { margin:0 0 30px 0; padding:5px 0 5px 0; float:left; width:729px; display:inline; position:relative;  }
#ShoppingCartNav li { margin:0 75px 0 0; list-style:none; float:left; font-size:10px; line-height:12px; font-family:Georgia, "Times New Roman", Times, serif; }
#ShoppingCartNav li.Active { color:#b41717; }
#ShoppingCartNav li.Inactive { color:#CCC; }
#ShoppingCartNav h5 { margin:0 5px 0 0; font-size:34px; line-height:36px; position:absolute; top:-5px; font-weight:normal; float:left; font-family:Georgia, "Times New Roman", Times, serif; }
#ShoppingCartNav span { position:relative; left:25px; }
#ShoppingCartNav a { color:#666; text-decoration:none; }
#ShoppingCartNav a:hover { color:#666; text-decoration:underline; }
#ShoppingCartNav .NumberSelected { color:#666; }

#requestInformation li label{text-align:left}
/* THESE ARE STYLES FOR THE CART AND CHECKOUT PAGE LAYOUT */
/* for two column checkout use this: 
.checkoutColumn{float:left;width:50%} 
*/
/*container around shopping cart page*/
#ShoppingCartContainer{float:left;clear:both;width:560px;margin-top:0px}
/*container around checkout page*/
#CheckoutContainer{float:left;clear:both;width:560px}
/* //////////////////////////////// GENERAL STYLES //////////////////////////////////////// */
.colorBlack{color:#000000;}
.w30{width:30px}
ul li.w150{width:150px}
ul li.w120{width:120px}
ul li.fl{float:left;clear:none}
.fl{float:left;clear:none}
.fr{float:right}
.cb{clear:both}
ul li.mt20{margin-top:20px}
ul li.mt10{margin-top:10px}
.mt5{margin-top:10px}
.ml0{margin-left:0px}
.ml10{margin-left:10px}
ul li.mb20{margin-bottom:20px}
.db{display:block}
.red{color:#ff0000}
.dn{display:none}
.pb5{padding-bottom:5px}
.mb10{margin-bottom:10px}
.mr10{margin-right:10px}
.pr10{padding-right:10px}
.pl10{padding-left:10px}
.mp0{margin:0px;padding:0px}
label.fn{float:none;clear:none}
.msgText{color:#cc0000;font-weight:bold}
.updateDeleteBtns{margin-right:5px;margin-top:5px;background-color:#efefef;cursor:pointer;border:1px solid #cccccc;font-size:.75em;display:inline}
.privacyNote{text-align:center;padding-top:15px}
li input.noStyle{border:0px}
/* ////////////////////////////////////////////////////////
///////////////////// FORM SECTION TITLES /////////////////
////////////////////////////////////////////////////////// */
h2.FormSectionTitle{margin:0px 0px 0px 0px; clear:both; }
/* 
////////////////////////////////////////////////////////////////////////
/////////////////////////// FORM STYLES ////////////// /////////////// //////////////////////////////////////////////////////////////// */
.requiredDesignation{display:block; padding:5px; margin-bottom:10px; color:#ff0000;}
form{margin:0px;padding:0px}
.InputForm{overflow:hidden;padding:0px; margin:0px 0px 20px 0px;}
.InputForm h2{margin-top:0px;margin-bottom:0px}
.InputForm h3{font-size:14px;font-weight:normal;margin:0px;padding:5px 0 5px 0;font-weight:bold}
.Form{padding:0px;list-style:none; display:block; height:1%; overflow:hidden; margin:0px}
#content ul.Form li{margin:0px 0px 0px 0px;overflow:hidden;height:1%;clear:both;font-weight:normal;padding:3px; line-height:14px;}
ul.Form li{margin:0px 0px 0px 0px;overflow:hidden;height:1%;clear:both;font-weight:normal;padding:3px; line-height:14px;}


.Form li.altRow{background-color:#efefef}
.Form li.required{color:#ff0000}
.Form li.required label{color:#ff0000}
.Form label{width:150px;margin-right:2px;float:left;text-align:left;display:block;vertical-align:middle;padding:2px 5px 2px 0px;color:#000000}
.Form li.fullSpan label{width:100%;clear:both;float:none;text-align:left}
.Form li.fullSpan{}
.Form input{padding:2px;float:left;display:block;margin:0px 0px 0px 0px;vertical-align:middle}
.Form textarea{padding:0px;float:left;display:block;margin:0px 0px 0px 0px;font-size:11px;vertical-align:middle;border:1px solid #666666;font-family:Arial, Helvetica, sans-serif;font-size:1em}
.Form select{float:left;display:block;margin:0px 0px 0px 0px;font-size:11px}
.Form a{font-weight:normal;font-size:12px}
.required em{color:#000000;font-style:normal}
.validation-failed{border:2px solid #993333;font-size:11px;vertical-align:top}
.Form li.ratingSelection input{float:none;display:inline;margin-right:5px;border:0px}
.Form li.ratingSelection label.inline{display:inline;float:none;width:auto;margin:0px 0px 0px 0px} 
.Form li .note{font-size:.9em;padding-left:5px}
.Form li span{float:left;padding:0 5px 0 5px;color:#000000}
/* Contact Page */
#ContactForm.InputForm{width:480px;margin-bottom:10px;background-color:#FFFFFF;border:0px}
#ContactForm p{width:95%}
#ContactForm li{margin-bottom:0px}
/* Account Info */
#AccountForm{margin-bottom:10px}
#AccountForm.inputForm table tr td.firstColumn{width:100px}
InputForm.NoStyle{border:0px;background-color:transparent}
/* Account Login*/
#AccountLoginForm.InputForm{}
#AccountLoginForm ul.Form{}
/* forgot password form*/
#ForgotPasswordForm.InputForm{}
/* Account Info */
#CheckoutInfoForm{margin-bottom:10px}
#CheckoutInfoForm.inputForm table tr td.firstColumn{width:100px}
/* Shipping Info */
#ShippingForm{margin-bottom:10px}
#ShippingForm.InputForm table tr td.firstColumn{width:100px}
/* Billing Info */
#BillingForm{margin-bottom:10px}
#BillingForm.InputForm table tr td.firstColumn{width:100px}
/* Payment Info */
#PaymentForm{margin-bottom:10px}
#PaymentForm.InputForm table tr td.firstColumn{width:100px}
/* Create Account */
#CreateAccountForm{}
#CreateAccountForm .Form li{margin:5px 0px 0px 0px;clear:both}
#CreateAccountForm{margin-bottom:10px}
#CreateAccountForm.InputForm{border:0px;background-color:#FFFFFF;padding:0px}
/* Account Login */
#AccountLoginForm{margin-bottom:10px}
#AccountLoginForm.inputForm table tr td.firstColumn{width:100px}
#SendToFriendForm label{width:180px}
#SendToFriendForm.InputForm{width:500px}
/* 
////////////////////////////////////////////////////////////////////////////////
//////////////////////////////// BUTTONS /////////////////////////////////////// 
////////////////////////////////////////////////////////////////////////////////
*/
/* Specify a width on .CartBtn to expand the entire width of the form */
.EditCartBtn { background-color:#ae0101; color:#ffffff; border:1px solid #000000; cursor:pointer; } 
.ContinueShoppingBtn{background-color:#ae0101;color:#ffffff;border:1px solid #000000;cursor:pointer}
#CalculateBtn{margin-left:5px;display:inline;float:left;width:130px}  
.CartBtn{background-color:#999999;color:#FFFFFF;font-weight:bold;border:1px solid #000000;font-size:11px;cursor:pointer;overflow:visible;display:block;width:281px;margin:0px auto 10px auto;clear:both} 
.SubmitBtn{margin-top:10px;margin-bottom:10px;display:block;float:right; color:#000000;}
.QuantityBtn{font-size:10px;float:left;width:45px;padding:0px;margin:0px} 
.MyAccountBtn{background-color:#999999;color:#FFFFFF;font-weight:bold;border:1px solid #000000;font-size:11px;cursor:pointer;overflow:visible;display:block;margin:0px auto 10px 95px;clear:both} 
.ShoppingCartBtn{background-color:#999999;color:#FFFFFF;font-weight:bold;border:1px solid #000000;font-size:11px;cursor:pointer;overflow:visible;display:block;width:239px;margin:10px auto 10px auto;clear:both} 
/* ///////////////////////////////////  HISTORY TABLE //////////////////////////////////////////////// */
.historyTable tr td{border-bottom:1px solid #cccccc; padding-top:10px; padding-bottom:10px;}
/* ////////////////////////////////// FIELDS //////////////////////////////////////////////////////// */
.Username { width:120px; background-image:url(images/bg-textinput.gif); background-repeat:repeat-x; background-position:top; }
.Password{width:120px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Destination{width:100px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Method{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Company{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Business{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Name{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.FirstName{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.LastName{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.EmailAddress{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Email{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Address{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Address2{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.City{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.State{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Country{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Province{width:180px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Zip{width:50px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.reviewDescript{width:250px;height:100px}
.HomePhone{width:120px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.WorkPhone{width:120px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.WorkPhoneExt{width:40px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Fax{width:100px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.Comments{width:250px;height:200px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.CardType{width:140px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.CardNumber{width:140px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.CardExpMonth{width:40px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.CardExpYear{width:60px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
.CardSecurityCode{width:40px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
#AccountLoginForm .Email{width:140px;background-image:url(images/bg-textinput.gif);background-repeat:repeat-x;background-position:top}
/* 
/////////////////////////////////////////////////////////////////////////////////////////
////////////////////MY ACCOUNT PAGE LAYOUT (ADVANCED COSMETIC STYLE ) ///////////////////
////////////////////////////////////////////////////////////////////////////////////// */
#MyAccountLeftColumn { width:48%; float:left; overflow:hidden; }
#MyAccountRightColumn{width:48%;float:right;overflow:hidden}
#MyAccountRightColumn label{width:85px;float:left;display:block;vertical-align:middle;padding:2px 0px 2px 0px;color:#000000}
/*
//////////////////////////////////////////////////////////////////////////////// 
//////////////////////////////// SHOPPING CART ///////////////////////////////// 
////////////////////////////////////////////////////////////////////////////////
*/
#ShoppingCartColumn {}
#ShoppingCart{margin:0px 0px 0px 0px;padding:0px;overflow:hidden;clear:both;height:1%} 
#ShoppingCart.pr10{padding-right:10px}
#ShoppingCart table{width:100%;padding:0px;margin:0px}
#ShoppingCart h2{}
/* Heading Row */
#ShoppingCart thead tr th{padding:5px;border-bottom:1px solid #DDDDDD;border-top:0px solid #aaaaaa;background-color:#efefef} 
.h_ItemDesription{text-align:left}
.h_ItemPrice{text-align:center} 
.h_ItemQuantity{text-align:center;width:140px} 
.h_ItemTotal{text-align:center} 
/* Content Rows */
#ShoppingCart tbody tr{vertical-align:top} 
#ShoppingCart tbody tr.AltRow{vertical-align:top;background-color:#ECECEC} 
#ShoppingCart tbody tr td{border-bottom:1px solid #DDDDDD;padding:10px} 
#ShoppingCart table tbody tr td.cartSeparator{background-color:#f0efe6;color:#000000}
#ShoppingCart tbody tr td.divider{border:0px;height:0px} 
.ItemImage{text-align:center} 
.ItemImage img{border:0px solid red} 
.ItemDescription{text-align:left} 
.ItemDescription ul{list-style:none;list-style-image:none;padding:0px;margin:5px 0px 0px}
.ItemPrice{text-align:center}
.ItemQuantity{text-align:center}  
.ItemQuantityChkout{text-align:center} 
.ItemQuantityTextBox{background-color:#eeeeee;margin-bottom:5px;width:25px;font-size:11px;text-align:center} 
.ItemEdit{text-align:center}
.ItemEdit a{font-size:12px}
.ItemTotal{text-align:center} 
/* Totals */
#totalsContainer{width:100%;float:left;padding-bottom:0px;clear:both}
#Totals{width:48%;float:right;list-style:none;text-align:right;background-color:#efefef;border:1px solid #cccccc;border-top:0px;display:inline;margin-top:0px;padding:0px} 
#Totals li{text-align:right;margin-bottom:0px} 
#Totals label{}
#OrderSubTotal{color:#990000;padding:5px;margin:0px;background-color:#FFFFFF;border-bottom:1px solid #cccccc} 
#ShippingCost{color:#990000;padding:5px}
#OrderTotal{color:#ae0101;font-weight:bold;border-top:1px solid #cccccc;padding:5px;background-color:#FFFFFF} 
#CalculateShipping{margin-top:0px;padding:10px;background-color:#FFFFFF}
#CalculateShipping label{display:block;margin-bottom:5px}
#CalculateShipping h1{display:block;margin:0px;border-bottom:1px dashed #aaaaaa;padding:5px;text-align:center;font-size:12px;margin:0} 
#CalculateShipping span{text-align:right;margin:0px;padding:5px;display:block} 
#CalculateShipping .zipInput{width:50px;margin-right:5px;margin-left:5px}  
#ShippingMethod_1{overflow:hidden;padding:10px;height:1%}
/* Existing Members */
#membershipOptions{width:100%;float:left;margin-top:20px}
#ExistingMembers h2{}
#ExistingMembers{width:48%;float:left;margin:0px;display:inline}
#ExistingMembers label{display:block;vertical-align:middle;text-align:left;padding:2px 0px 2px 0px;color:#000000}
#ExistingMembersForm{background-color:#efefef;border:1px solid #cccccc}
#ExistingMembersForm p{margin:0px;padding:0px}
#ExistingMembersForm.InputForm table tr td.firstColumn{}
#ExistingMembersForm .Form li{}
/* New Customers */
.checkOutButton{margin:auto;padding:3px}
#NewCustomers{width:48%;float:right}
#NewCustomersForm{background-color:#efefef;padding:10px;border:1px solid #cccccc}
#NewCustomersForm p{margin:0px;padding:0px 0px 10px 0px}
#NewCustomersForm.InputForm table tr td.firstColumn{width:100px}
#NewCustomersForm .Form li{margin:5px 0px 0px 0px;clear:both;float:left;width:239px}
/*multiple inputs in one list item - vertically*/	
 ul.multipleLabelBlock{margin:0px;padding:0px;list-style:none;list-style-image:none;clear:both;margin-left:0px}
 ul.multipleLabelBlock li{float:none;width:auto;margin:0px;padding:0px;border-bottom:0px solid #efefef;overflow:hidden;height:1%}
 ul.multipleLabelBlock li label{width:auto;float:left;font-weight:normal;padding:0 10px 0 5px;white-space:normal;width:150px}
 ul.multipleLabelBlock li input{float:left;width:auto;display:block;padding:0px;margin:0px;width:15px;height:15px}
/*multiple inputs in one list item - horizontally*/	
.Form li ul.multipleLabel{float:left;margin:0px;padding:0px;min-width:150px}
.Form li ul.multipleLabel li{float:left;width:auto;margin:0px;padding:0px;border-bottom:0px solid #efefef;clear:none;width:auto}
.Form li ul.multipleLabel li label{display:inline;font-weight:normal;padding:0 10px 0 5px;float:none;clear:none;width:auto}
.Form li ul.multipleLabel li input{display:inline;float:none;clear:none}
/* horizontal forms */
ul.inline3 li{float:left;width:31%;border-bottom:0px}
ul.inlineForm{margin:0px;padding:0px;list-style:none;list-style-image:none;font-size:12px}
ul.inlineForm li{float:left;border-bottom:0px;border-bottom:0px;display:block;padding-top:5px;padding-bottom:5px;overflow:hidden;height:1%;border-top:0px solid #ffffff}
div.narrowInline .multiSelectBox{background-color:#FFFFFF;width:160px;height:200px;margin:0px;float:left;border-style:inset;float:left;margin:0px 0px 0px 0px;padding:0px;list-style:none;overflow:auto}
div.narrowInline .multiSelectBox  li{padding:0px 2px 2px 2px;line-height:1.5em;float:left;overflow:visible;height:auto;width:155px}
div.narrowInline .multiSelectBox li label{width:128px}
.multiSelectBox{background-color:#FFFFFF;width:200px;height:100px;margin:0px;float:left;border-style:inset;border-width:2px;overflow:auto;float:left;margin:0px 0px 0px 0px;padding:0px;list-style:none;border-color:#000000;padding-top:0px}
.multiSelectBox  li{padding:0px 2px 2px 2px;line-height:1.5em;float:left;width:196px}
.multiSelectBox  li input{float:left;clear:none;margin-top:4px;display:block;padding:0px;margin:0px;vertical-align:top}
.multiSelectBox  li label{text-align:left;padding:0px 0px 2px 5px;display:block;float:left;clear:none;width:170px;font-weight:normal;margin:0px}
.definitionTable{border-right:1px solid #cccccc;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc}
.definitionTable thead{background-color:#efefef}
.definitionTable thead tr th{border-left:1px solid #cccccc} 
.definitionTable tbody tr td{border-top:1px solid #cccccc;padding-top:10px;padding-bottom:10px;border-left:1px solid #cccccc}
.submitContainer{text-align:left;padding:5px 0 0 0;clear:both}


span.note{ clear:both; margin-left:157px; padding-bottom:10px; display:block; margin-bottom:10px;}
