/* THIS IS THE MAIN CSS FILE FOR SHIELD SAFETY. PLEASE COMMENT YOUR CSS CODE TO EXPLAIN WHAT IT DOES */

/* THE FOLLOWING LINE FIXES A BOTTOM SCOLLBAR ISSUE IN IE. THERE IS A BUG IN IE WITH DHTML, CSS, AND THE BOTTOM SCROLLBAR */
HTML { overflow-x: hidden; }

body {
	font-family:verdana, arial;
	font-size:10pt;
	margin-bottom:30px;
	margin-top:0px;
}
BODY td { font-size:10pt; }

/* THE FOLLOWING CODE DETERMINES MAIN BODY CONTAINER WIDTH */
.mainBodyDiv { width:930px; background-color:white; padding:6px;  }
.mainBodyContainer { width:930px; background-color:white; }
.mainBodyContent { text-align:left; padding:5px; }
	
.bodyStyle { font-family: "Trebuchet MS"; }

.shippingOptionHeader { font-family: "Trebuchet MS"; }
.shippingOption { font-family: "Trebuchet MS"; }
.shippingOptionDescription { width:200px; font-size:13pt; }
.shippingOptionAmount{ font-size:13pt; text-align:right; }

/* THE FOLLOWING CODE FORMATS SECTION HEADERS ON REGISTRATION PAGES */
.regHeaderTitles { font-family:trebuchet ms, tahoma; font-size:14pt; font-weight:bold; color:#9B0019 }

 

/* BOTTOM FOOTER FORMATTING */
.bottomCopyright {
	font-family:verdana;
	font-size:10px;
	Xpadding-top:20px;
	Xpadding-bottom: 20px;
	color:#929AA1;
	Xline-height:20pt;
	font-style: normal; 
}
.bottomCopyright A {
	color:#929AA1;
}
.bottomCopyright a:hover{
	color:black;
}

.itemName {
	font-family: "trebuchet MS";
	font-size: 17px;
	font-weight: bold;
}

.tabTops, .tabTopsInactive {
	text-align:center;
	vertical-align:middle;
	border-top:solid 1px #9E948E; border-left:solid 1px #9E948E; border-right:solid 1px #9E948E;
	z-index:2;
	HEIGHT: 17px; top: -17px;
	BACKGROUND-COLOR: #f7f7ef;
	POSITION: absolute; 
}
.tabTopsInactive { cursor: pointer; background-color:#DDD9CD; border-bottom:solid 1px #9E948E; }
.tabMainBody { position:relative; BORDER: #9e948e 1px solid; PADDING: 12px; WIDTH: 700px; BACKGROUND-COLOR: #f7f7ef; }
.tabBottoms { border-style:solid; border-width:1px; border-color: #9E948E; padding:4px; }
.table_header { background-color:#E9E5D9;border-style:solid; border-width:1px; border-color: #9E948E; padding:4px; font-weight:bold; text-align:center; }

.sideButtonContainer {
	position: absolute;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	left: 450px;
	top: 50px;
	width: 300px;
	text-align: right;
	padding:0px;
}

.sideButtons {
	width: 100%; 
	margin-bottom: 3px; 
}

.sideButtonsHover {
	width: 100%; 
	margin-bottom: 3px; 
	cursor: pointer;
}

.sidebuttonContent {
	padding-top:10px;
	height:23px;
}

/* THE FOLLOWING CODE FORMATS THE AUTOMATIC LOGOUT SECTION */
.autoLogoutBox { padding-top: 100px; padding-left: 150px; text-align: left; width: 640px; }

.navText {
	vertical-align:middle;
	padding-right:10px;
}

.mainBodyWrapper {
	position:absolute;
	text-align:left; 
	top:362px; 
	left:0px; 
	width:100%;
}
	
.bodyPosition{
	position:relative; 
	left:45px;
}

/* THE FOLLOWING CODE FORMATS TEXT ON THE JOIN US AND LEARN MORE PAGES */
.join_themeWord { font-size:18px; color:#AF8F3E; font-weight:bold; }
.join_body { width:90%; padding-top:5px; font-family:Verdana; font-size:10pt; font-style:italic; line-height:20pt; }
.join_body #desc { padding-left:20px; }
.join_body #reference { font-size:8pt; padding-left:6px; }
.join_body #desc A { color:#AF8F3E; text-decoration:none; font-weight:bold; }

/* THE FOLLOWING CODE FORMATS TEXT ON THE RETURNS, PRIVACY POLICY, AND ABOUT US PAGES */
.docs_body { line-height: 14pt; text-align:left; }
.docs_body LI { padding:5px; }
.docs_sectionHeader { font-size:14px; font-weight: bold; color: #800000; }

/* THE FOLLOWING CODE IS USED FOR PLEASE WAIT SPLASH SCREENS */
.maskLayer  
{
	Z-INDEX: 0; 
	LEFT: 0px; 
	WIDTH: 2000px; 
	POSITION: absolute; 
	TOP: 0px; 
	HEIGHT: 2000px; 
	BACKGROUND-COLOR: white; 
	cursor:text; 
	line-height:14pt;
}

/* CSS FILTERS ARE A PROPRIETARY MICROSOFT SOLUTION AND WILL ONLY WORK IN IE */
imsss { border:1px solid black; }

.tdPaymentMethods { width:120px; text-align:right; }

.currentBalance { font-size:13pt; color:Gray; }

/* THE FOLLOWING LINE MAKES IT SO IMAGE LINKS DON'T HAVE THAT BLUE BORDER */
.imageLinkNoBorder IMG { border: none; }

.paymentOptionSectionHeaders {
	width:100%; 
    border-bottom:2px dotted silver; 
    margin-bottom:10px; 
    font-family:verdana; 
    font-size:11pt; 
    font-style:italic; 
    font-weight:normal;
    color:#70706C;
}
.tdTotalOrderDescription { padding-right:30px; }
.tdTotalOrderAmount { font-weight:bold; }
.tdPaymentDescription { padding-right:30px; }
.tdPaymentAmount { font-weight:bold; }
.tdPaymentChange {}
.tdRemainingBalanceDescription { font-weight:bold; font-family:Arial; font-size:12pt; }
.tdRemainingBalanceDue { font-weight:bold; font-family:Arial; font-size:12pt; }
.smallPaymentIcons { width:29px; vertical-align:middle; }

/* THE FOLLOWING CODE FORMATS ITEM ATTRIBUTES ON SHIELD SAFETY */
TABLE TABLE#infoAttributes TD { border: 0; line-height: 5px; font-size: 8pt; }

/* THE FOLLOWING CODE FORMATS BUNDLE "PHANTOM" ROWS ON SHIELD SAFETY */
.infoBundlePhantom TD { font-family:Verdana,arial; font-size:10pt; padding-bottom:2px; padding-top:2px; }

/* THE FOLLOWING CODE FORMATS THE ITEM SEARCH BOX */
.searchBox {width:200px;position:absolute;top:77px;left:595px;float:right; display:none;}
.searchBoxFields {
    width:80px;
    border:1px solid #BDAC81;
    background-color:#EEEADE;
    font-size:10pt;
    font-family:tahoma;
    padding:2px;
    padding-left:5px;
}

/* THE FOLLOWING CODE FORMATS THE TOP MENU OPTIONS ON PUBLIC CATALOG AND CONSULTANT BUSINESS CENTER */
.buttonContainer{  }
.buttonContainer img { margin:0px; padding-left:1px; float:left; border:0px; }
.buttonContainer A {  color:white; font-family:trebuchet ms, tahoma; font-size:14px; text-decoration:none; margin:20px;}
.buttonContainer A:hover { text-decoration:underline; color:#b79a5d; }
.buttonContainer SPAN { color:#B58E39; font-size:11pt; padding-right:3px; padding-left:3px; }

/* THE FOLLOWING CODE FORMATS ITEM ENTRY FORMS */
.enterProductForm {font-size:14pt; padding:5px;}
.itemEntryVales { font-size:12pt; }
.itemEntry { font-family: "Trebuchet MS"; font-size: 14px; }
.itemEntry TD{ padding:2px; height:25px; }
.itemEntryLabel { text-transform:uppercase; text-align: right; width: 200px; font-size:12pt; }
.itemEntryBox { background-color: #efefed; border-right: #b6c8bf 1px solid; border-top: #b6c8bf 1px solid; border-left: #b6c8bf 1px solid; border-bottom: #b6c8bf 1px solid; }

.tblOrders {			 
	border-collapse:collapse;    
}
.tblOrders A {
	color:Gray;
}
.tblOrders A:hover {
	color: #802A2A;
}
.tblOrders TD { padding:0px; }
.trOrderItemTableHeader {}
.trOrderItemTableHeader TD {	
	font-family:arial;
	font-size:9pt;
	font-weight:bold;
	color:#014E6B;
	text-transform:uppercase;
	padding-bottom:1px;
	border-bottom:1px solid #9E948E; 
}
.trOrderDetail TD {			 
	font-size:10pt;
	border-bottom:1px solid #E6E6E8; 
	padding-bottom:4px;
	padding-top:6px;
}
.trOrderDetail TD INPUT {
	border:1px dotted gray; 
	margin:3px;
	text-align:center;
}

.tdOrderTotalsFieldName {
	font-family: arial;
	font-size:9pt;
	font-weight:bold;
	color:gray; 
	line-height:20px;
	text-transform:uppercase;
}
	
.orderDetails TD {font-family:arial;font-size:12px;line-height:18px; float:none;}

/* THE FOLLOWING CODE FORMATS THE FIELD NAMES==================================*/
.orderDetailsFieldName {	   
	font-size:13px;			 
	text-align:right;
	padding-right:8px; 
	color:gray;
	width:150px;
} 
.editAddressFieldName {
	font-family:tahoma, arial;
	font-size:7pt;
	text-transform:uppercase;
	text-align:right;
	padding-right:8px;
	font-weight:bold;
	color:gray;
	width:150px;
}   
/* ============================================================================*/

.orderNumber { padding-left:10px; font-size:14pt; color:gray; }
.rbCreditCardOptions { font-family:arial; font-size:12pt; font-weight:bold; line-height:25pt; } 
.rbMyCreditCardOptions { line-height:25pt; font-size:9pt; font-family:arial; }
.cCardContainer { background-color:#F9F9F9; padding:5px; border:1px dotted gray; margin-bottom:20px; width:500px; }

/*.cCardContainer INPUT {font-family:arial; font-size:14pt; padding:5px; border:1px dotted gray;}
.cCardContainer SELECT {font-family:arial; font-size:14pt; padding:50px; border:1px dotted gray;}*/
.lblReadOnlyCard {font-family:arial; font-size:14pt; padding:5px; border:1px dotted gray; background-color:#ECECEC; width:225px; color:gray;}
.savedFieldName {width:150px; text-align:right; font-weight:bold; font-size:9pt; font-family:Arial; padding-right:10px; padding-bottom:10px;}
.savedFieldTable {}
.cCardContainer  #tdFieldName  {width:150px; text-align:right; font-weight:bold; font-size:9pt; font-family:Arial; padding-right:10px; padding-bottom:10px;}

/* headers links for Customer and Consultant Biz Centers, and Catalog */
#headerLinks A {font-weight:bold;color:gray;font-family:trebuchet ms, tahoma; font-size:11pt;  text-decoration:none}
#headerLinks A:hover {text-decoration:underline; color:black;}
#headerLinks SPAN {color:#B58E39;font-size:11pt; padding-right:6px; padding-left:6px; }
#headerLinks {position:absolute; width:600px; top:80px; left:130px; text-align:left;}

/* THE FOLLOWING CODE FORMATS THE HEADER ON PAYMENT SUMMARY AND CONFIRM BATCH PAYMENT */
.batchSectionHeader { width: 300px; text-align:right; font-family:arial; font-size:11pt; font-style:italic; }        

.INPUT {
	font-family:verdana, arial; 
	font-size:10pt; 
	padding:4px;
	border:1px solid #6D6D6D;
	background-color:#fbfbfa;
}

 
.btn_go {
	font-family: Tahoma, arial; 
	font-size:12pt;
	color:White; 
	background-color:#AF8F3E;
	border:1px solid black;
	text-transform:uppercase;
	height:32px;
}
 
AZ { color:#AF8F3E; }
A { color:#977B36; }

/* CSS USED BY MY ACCOUNT PAGES */
.myAccountSubHeader { padding-top: 20px; width: 100%; border-bottom: 1px solid #70706C; }
.myAccountSubTitle { color: #70706C; font-size: 14pt; font-style: italic; }
.myAccountChangeLink { font-family:verdana, arial; cursor: pointer; background-repeat: no-repeat; background-color: transparent; color: #AD8108; border-style: none; font-size: 10pt; vertical-align: bottom; text-align: right }
.myAccountChangeLink A { font-family:verdana, arial; color: #AD8108; font-size: 10pt; text-decoration: none; }
.myAccountError { color: Red; font-size: 8pt; }

/* THE FOLLOWING CODE FORMATS THE BOTTOM OPTIONS DURING ORDER ENTRY */
#orderOptionsRow TD { font-size:12px; font-family:arial; text-align:left; padding-top: 30px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
#orderOptionsRow a { font-family:Arial;	font-size:13px; color: #AD8108; }
#orderOptionsRow a:hover { color: #AD8108; text-decoration:none; }


    
    

    #transItemContainer div {display:block; float:left; padding-bottom:2px;padding-top:1px; }
    #transItemContainer .itemRow {position:relative; border-bottom:1px solid #E6E6E8; height:55px; clear:both; }
    #transItemContainer #itemListHeader {overflow:auto; border-bottom:1px solid #9E948E;color:#831518;font-size:11px;font-weight:bold;padding-bottom:1px;text-transform:uppercase;}
    #transItemContainer .image {width:60px; display:block; float:left}
    #transItemContainer .sku {width:80px;}
    #transItemContainer .desc {width:450px;} 
    #transItemContainer .qtyO {width:120px; text-align:right}
    #transItemContainer .extPrice {width:120px; text-align:right}
    #transItemContainer .spanSpecialDescription {position:absolute; color:brown; display:block; font-size:11px; font-weight:bold; line-height:normal; margin-top:-2px;}  
    #transItemContainer .image IMG {height:45px}    
	#transItemContainer .totalsRow	span {text-align:right; width:100px;}
    #transItemContainer .totalsRow .totals {width:720px;  padding-right:8px;}
    #transItemContainer .rewardIcon {position:absolute; top:0px; top:8px; left:610px;}   
	#transItemContainer .spanHostBenefit {font-size:11px; font-weight: bold;color: brown; float:none;margin-top:-2px;padding-top:0; display:block; }
	#transItemContainer .rewardIcon {position:absolute; top:0px; top:8px; left:450px;} 

	#totalsContainer {position:relative; margin-top:10px;  padding:10px; left:127px}
	#totalsContainer .totalsRow { }            
	#totalsContainer div {display:inline;margin-right:25px;}
	#totalsContainer span {margin-right:5px;}
	#totalsContainer #totalsHeader {text-align:left;display:block; color:brown; font-size:14px; font-weight:bold; }
	#totalsContainer #promotionDetails {position:absolute; top:13px; left:400px;color:brown;font-size:12px;}

	.confirmRow {background-color: #F5F7F1;color: #70706C;font-weight: bold;text-align: center;font-size:16px;height:45px;border:1px dotted  gray;}
	.confirmRow TD {padding: 5px;}
			 
      #itemListContainer .itemID {display:none;}
	  
    #sponsorWrapper {position:relative;overflow:auto; padding:0px;height:50px; margin:auto; width:991px;  margin-top:20px;}
    #sponsorWrapper #sponsorThumbImage {width:50px; height:50px; float:left; margin-right:20px;}
    #sponsorWrapper #sponsorNameHeader {font-style:italic; color:Black; float:left; margin-top:5px;font-weight:bold;}
    #sponsorWrapper #questionText {float:right; margin-top:5px; margin-right:15px;font-size:12px;}
    #sponsorWrapper #email {position:absolute; top:24px; left:925px; font-size:12px;}
    #sponsorWrapper #phone {position:absolute; top:24px; left:755px; font-size:12px;}