/* 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; }
.contactInsert{ border:1px solid #C9CECA; background-color:#E9F7EA; padding:20px 20px 0 20px}