/*
- Place call to sylesheet in 'Header File' instead of having it repeat in every include file
- It is MANDATORY that any style additions should be commented properly
*/
legend { color:#78C043; margin-left:-10px !important; padding-left:0 !important; }
legend.checkout { }
legend.enroll { }
legend.cccomp { }
/*legend { background-color:#FFF; margin:0; padding:0; }*/
fieldset { margin-top: 15px; padding-top:10px;}
fieldset.enroll { }
fieldset.checkout { }
fieldset.cccomp { }
/*fieldset { margin: 1em 0; padding: 1em; border: 1px solid silver; background: #ffffff; position: relative; }*/
/* Begin Global Styles */
input[disabled].hidemewhendisabled { padding: 3px; }
/* End Global Styles */
/* Begin DistLogin Styles */
#distributorwrapper { width: 400px }
/* End DistLogin Styles */
/* Begin Enroll Styles */
.outerenroll { width: 400px; margin: 0px; padding: 0px; }
label.enroll { /* These 2 styles below allow for the form elements to align next to one another */ float: left; width: 12.5em; }
/* End Enroll Styles */
/* Begin NewRep Page Styles */
/* This style represents the Your Enroller Is text */
.idstcOrder_EnrollerText { text-align: left; }
/* This style represents the Your Enroller Is value */
.idstcOrder_EnrollerValue {color: #0fa628; }
.idstcInstructions { padding-bottom: 4px;}
.idstcReqFieldIndicator { color: red; }
.idstcFormFieldDescripton { text-align: left; padding: 3px; }
#newrepwrapper { width: 400px; margin: 0px; padding: 0px; }
table.newrepsub { border-width: 1px; border-spacing: 0; border-style: none; border-color: #a3a3a3; border-collapse: collapse; background-color: white; text-align: left; }
table.newrepsub td { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ffffff; }
table.newrepsub th { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #f6f6f6; }
table.tallynewrep { border-width: 1px; border-spacing: 0; border-style: none; border-color: #a3a3a3; border-collapse: collapse; background-color: white; text-align: right; }
table.tallynewrep td { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ffffff; }
table.tallynewrep td.tallynewrep { font-size: 14px; font-weight:bold; color: #666; border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #cccccc; }
#DuplicateMessage,
#AvailableMessage	{ font-size:12px; font-style:italic; padding:10px;}	
#DuplicateMessage	{ color:red; border:1px solid red; background-color:#FFF0F0; }
#AvailableMessage	{ color:green; border:1px solid green; background-color:#E4FCE6;}	
/* End NewRep Page Styles */
/* Begin Edit Info Page Styles */
#editinfowrapper { width: 400px }
/* End Edit Info Page Styles */
/* Begin Searchb */
H1.searcbheader { color: #023d55; border: 1px dashed #023d55; background-color: #ebebeb; padding: 3px; }
#searchresults { font-size: 14px; color: #6d9b13; }
table.searchresults { border-width: 1px; border-spacing: 0; border-style: none; border-color: #a3a3a3; border-collapse: collapse; background-color: white; text-align: left; }
table.searchresults td { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #f6f6f6; }
table.searchresults th { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ffffff; }
table.distnumbersearch { border: 1px solid #000000; background: #f6f6f6; padding: 2px; }
table.continuearea { border: 1px solid #000000; background: #f6f6f6; padding: 2px; }
/* End Searchb */ 
/* Begin Password Lookup */
#outerpassword { width: 400px }
#outerpasswordcentered { width: 250px; position: relative; left: 50%; margin-left: -110px; }
#passwordemailed { border: 1px solid #000000; text-align: center; padding: 4px; width: 400px; }
/* End Password Lookup */
/* Begin View Cart */
input.idstcQuantityBox { background-image: url(/images/form_background.gif); background-repeat: repeat-x; background-color: #ffffff;width: 35px; border: 1px solid #cccccc; }
table.viewcart { border-width: 1px; border-spacing: 0; border-style: none; border-color: #a3a3a3; border-collapse: collapse; background-color: white; text-align: left; }
table.viewcart th { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ffffff; }
table.viewcart td { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #e3e3e3; }
table.subtotal { border-width: 1px; border-spacing: 0; border-style: none; border-color: #a3a3a3; border-collapse: collapse; background-color: white; text-align: left; }
table.subtotal td { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #e3e3e3; }
/* End View Cart */
/* Begin Checkout */
.outercheckout { width: 400px; margin: 0px; padding: 0px; }
label.checkout { /* These 2 styles below allow for the form elements to align next to one another */ float: left; width: 7em; }
form p.checkout { position: realtive }
.forgotpasswordtxt { margin-left: 0; }
/* * html .forgotpasswordtxt { width: 12em }
End Checkout */
/* Begin Subtotal Page Styles */
table.subtotalp { border-width: 1px; border-spacing: 0; border-style: none; border-color: #a3a3a3; border-collapse: collapse; background-color: white; text-align: left; }
table.subtotalp th { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ffffff; }
table.subtotalp th.price { color: red; border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ffffff; }
table.subtotalp td { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #e3e3e3; }
table.tally { border-width: 1px; border-spacing: 0; border-style: none; border-color: #a3a3a3; border-collapse: collapse; background-color: white; text-align: right; }
table.tally td { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ffffff; }
table.tally td.tallytotal { font-size: 14px; font-weight:bold; color: #666; border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #cccccc; }
table.shipping td { border-width: 1px; padding: 5px; border-style: solid; border-color: #a3a3a3; background-color: #ededed; width: 400px; }
div.autoship { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ededed; width: 400px; }
/* End Subtotal Page Styles */
/* Begin Thankyou Shop Styles */
.invoicetablewrapper { background-color: #f6f6f6; width: 200px; border: 1px solid #000000; }
ul.invoice { margin: 0px; padding-left: 3px; list-style-type: none !important; }
li.invoice { list-style-type: none !important; }
.invoicetxt {}
.btminvoiceshadow { background-repeat: no-repeat; height: 7px; width: 200px; font-size: 0; /* Removes IE extra height spacing */ }
table.shiptobillto { border-width: 1px; border-spacing: 0; border-style: none; border-color: #a3a3a3; border-collapse: collapse; background-color: white; text-align: left; }
table.shiptobillto td { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ffffff; }
table.shiptobillto th { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #f6f6f6; }
table.productoverview { border-width: 1px; border-spacing: 0; border-style: none; border-color: #a3a3a3; border-collapse: collapse; background-color: white; text-align: left; }
table.productoverview td { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #f6f6f6; }
table.productoverview th { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ffffff; }
table.tallythankyou { border-width: 1px; border-spacing: 0; border-style: none; border-color: #a3a3a3; border-collapse: collapse; background-color: white; text-align: right; }
table.tallythankyou td { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ffffff; }
table.tallythankyou td.tallythankyoutotal
{ font-weight:bold; color: #666; border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #cccccc; }
/* End Thankyou Shop Styles */
/* Begin CCCOMP Page Styles */
.outercccomp { width: 400px; margin: 0px; padding: 0px; }
.cccomptablewrapper { background-color: #ffffff; width: 200px; border: 1px solid #cccccc; }
label.cccomp { /* These 2 styles below allow for the form elements to align next to one another */ float: left; width: 6em; }
UL.cccomp { margin: 0px; padding-left: 3px; list-style-type: none; }
LI.cccomp { list-style-type: none; }
.cccomptxt {}
table.tallycccomp { border-width: 1px; border-spacing: 0; border-style: none; border-color: #a3a3a3; border-collapse: collapse; background-color: white; text-align: right; }
table.tallycccomp td { border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #ffffff; }
table.tallycccomp td.tallycccomp { font-size: 14px; font-weight:bold; color: #666; border-width: 1px; padding: 3px; border-style: solid; border-color: #a3a3a3; background-color: #cccccc; }
/* End CCCOMP Page Styles */
/* Begin Global Form Field Styles */
label { /* These 2 styles below allow for the form elements to align next to one another */ float: left; width: 6em; }
/* Psuedo class that works in firefox - will not display when background image is enabled*/
input:focus,
textarea:focus { background-color: #ebebeb }
.shiptobilling { font-size: 10px; float: left; padding-left: 145px; padding-top: 5px; }
.btmformshadow { height: 10px; width: 400px; font-size: 0; /* Removes IE extra height spacing */ }
.requiredfield { color: red; }
.idstcerrorwrapper { background-image: url(/images/error_pict.gif); background-repeat: no-repeat; height: 40px; padding-top: 5px; }
.idstcErrorMessage { color: red; height: 40px; padding-left: 30px; /*padding-top: 8px; margin-top: 10px; margin-bottom: 10px; */}
.idstcErrorMessagepassword { background-image: url(/images/error_pict.gif); background-repeat: no-repeat; color: red; height: 40px; padding-left: 30px; margin-top: 10px; margin-bottom: 10px; }
.errortxt { font-size: 10px; color: red; }
.spacing { padding: 2px }
.idstcTextBox { background-image: url(/images/form_background.gif); background-repeat: repeat-x; background-color: #ffffff;width: 150px; border: 1px solid #cccccc; }
.idstcTextBoxSm { background-image: url(/images/form_background.gif); background-repeat: repeat-x; background-color: #ffffff;width: 50px; border: 1px solid #cccccc; }
.idstcTextBoxCustomSm { background-image: url(/images/form_background.gif); background-repeat: repeat-x; background-color: #ffffff;width: 20px; border: 1px solid #cccccc; margin-top:5px; }
input { background-image: url(/images/form_background.gif); background-repeat: repeat-x; background-color: #ffffff;width: 150px; border: 1px solid #cccccc; padding: 5px; }
.productsearchwrapper #searchButtona	{ width:40px; background-color: #75C13D; border:0; color:#FFF; cursor:hand !important;}
.productsearchwrapper #searchButtona:hover	{ background-color: #1CA0D1; }
input.idstcImageButton,
.idstcImageButton,
input.idstcButton	{ width: auto; background-color:#588527; cursor: hand !important; border:none; color:white; padding:4px; text-transform:uppercase; }
button, #submit1	{ width: auto; background-color:#588527; cursor: hand !important; border:none; color:white; }
button:hover, 
#submit1:hover,	
input.idstcImageButton:hover,
.idstcImageButton:hover,
input.idstcButton:hover { background-color:#BDD63A; }
input.checkbox { background: none; width: auto; border: none; }
input.idstcRadioButton { background: none; width: auto; border: none; vertical-align:top; }
.idstcDropDown { background-image: url(/images/form_background.gif); background-repeat: repeat-x; background-color: #ffffff;width: 158px; padding:3px; border: 1px solid #cccccc; }
body.ordercustom .idstcDropDown {width: 210px;}
option.idstcDropDown	{ border:none;}
.idstcDropDownExpDate { background-image: url(/images/form_background.gif); background-repeat: repeat-x; background-color: #ffffff;width: 60px; border: 1px solid #cccccc; }
input.cvvTextBox { background-image: url(/images/form_background.gif); background-repeat: repeat-x; background-color: #ffffff;width: 75px; border: 1px solid #cccccc; }
/*.idstcImageButton {
margin-left: 150px;
}*/
/* End Global Form Field Styles */
/* Begin Join.asp Page Styles */
#idstcJoinContent .idstcJoinOptionProductName { font-size:20px;}
/* This is style is for the Join options text */
.idstcJoinOptionDescription { padding: 2px; }
td.idstcJoinOptionProductName	{ width:550px; }
#idstcJoinContent .idstcJoinOptionPrice { font-size:20px; }
td.idstcJoinOptionPrice	{ text-align:right;}
#idstcJoinContent .idstcJoinOptionSpacer
{ width: 40px }
#idstcJoinContent .idstcAutoshipOptionHeader
{ font-size:24px; }
#idstcJoinContent .idstcAutoshipOptionProductName
{ font-size: 14px; padding-left: 4px; color: #023d55; }
#idstcJoinContent .idstcAutoshipOptionSpacer
{ width: 40px }
#idstcJoinContent .idstcAutoshipOptionPrice
{ font-size:20px; }
/* This style is for the Join Agreement text box on the Join page */
.idstcJoinAgreement { border: 1px solid #676e71; background-color: #ffffff; font-size: 10px; padding: 3px; width: 95%; height: 300px; margin-bottom:15px; }
/* End Join.asp Page Styles */
/*Begin Old Order Page Styles */
#idstcOrderContent HR { color: #7b7b7b }
#idstcOrderContent .idstcPageHeader { text-align: left; margin-bottom: 10px; display: none; }
.idstcProductName { font-size:20px; }
.idstcProductCatName	{ font-size:30px; }
.idstcProductSubcatName { font-size:18px; }
#idstcOrderContent .idstcProductDescription { }
#idstcOrderContent .idstcProductPrice { color: #0fa628; font-weight:bold;}
#idstcOrderContent .idstcProductShortDescription { font-weight:bold; font-size:14px;}
#idstcOrderContent .idstcViewProduct { font-weight:normal; font-size:14px;}
#idstcOrderContent .idstcProductQuantityText
{ color: #676e71; }
/*End Old Order Page Styles */
/* Begin Product Description */
.productsearchwrapper { xborder: 1px dashed #000000; padding: 2px; margin-bottom: 10px; }
.idstcProductSearchTxt { }
.productsearchbox { background-color: #ffffff;width: auto; border: 1px solid #0c2a5b; }
/* End Product Description */
/* Begin List Menu Styles */
.imgspacing { padding-top: 0px; padding: 0px; }
.topprodmenupict { background-image: url(../images/productmenu_header.gif); background-repeat: no-repeat; width: 150px; height: 44px; }
.btmprodmenupict { background-image: url(../images/prodmenu_btm.gif); background-repeat: no-repeat; width: 154px; height: 0; }
.idstcProductMenu { }
.idstcProductMenu ul li	{ list-style-type:none !important; margin-left:0px !important; margin-right:15px; }
ul.idstcProductCategoryMenuList { }
.idstcMenuContainer { }
li.idstcProductCategoryMenuItem { margin-left:0;}
li.idstcProductSubCategoryMenuItem { }
li.idstcProductSubCategoryMenuItem_Selected
{ padding-top: 3px; }
a.idstcProductCategoryMenuItem { display:block; height:auto; background-color:#e8e8e8;padding:5px; }
a.idstcProductCategoryMenuItem:hover { background-color:#ccc; }
a.idstcProductSubCategoryMenuItem { display:block; height:auto; background-color:#e8e8e8;}
a.idstcProductSubCategoryMenuItem:hover { background-color:#ccc; color:red;}
a.idstcProductSubCategoryMenuItem_Selected { padding: 5px;display:block; height:auto; background-color:#e8e8e8;}
/* End Older IDSTC Styles */
/* Begin Dist Info on Contact page */
.idstcContactMessage { }
.idstcContactName { color: #f36b0b; }
.idstcContactAddress {}
/* End Dist Info on Contact page */
#SiteURL	{ width:105px !important;}
/* ----------------------------------------------
-- GLOBAL STYLES FOR ALL NOTIFICATIONS
---------------------------------------------- */
.notification {
/* GENERAL */
border: 1px solid;
border-bottom-width: 2px;
color: #D65229;
display: block;
font-size: 12px;
line-height: 19px;
margin: 10px 0 20px 0;
overflow: hidden;
position: relative;
/* BOX SHADOWS */
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.15), 0px 0px 2px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.15), 0px 0px 2px rgba(0,0,0,0.05);
box-shadow: 0px 1px 2px rgba(0,0,0,0.15), 0px 0px 2px rgba(0,0,0,0.05); /* standards version last */
/* BORDER RADIUS */
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px; /* standards version last */
width:auto;
height:auto;
padding:10px 15px 5px 0px;
}
.notification p {
/* GENERAL */
padding-left:42px;
text-shadow: 0px 1px 0px rgba(255,255,255,0.65);
}
.notification p strong {
/* GENERAL */
color: #D65229;
font-weight: bold;
}
/* ----------------------------------------------
-- SUCCESS NOTIFICATION
---------------------------------------------- */
.notification.success {
/* GENERAL */
background-color: #dde6ba;
border-color: #d0e289 #c6d881 #b8cb71;
/* BACKGROUND GRADIENTS */
background: -moz-linear-gradient(top,
#fff,
#e6efc2 2%,
#d9e2b7
);
background: -webkit-gradient(linear, left top, left bottom,
from(#fff),
color-stop(0.02, #e6efc2),
to(#d9e2b7)
);
background: linear-gradient(top,
#fff,
#e6efc2 2%,
#d9e2b7
); /* standards version last */
/* filter gradient for IE */
filter: PROGID:DXImageTransform.Microsoft.Gradient(StartColorStr='#e6efc2',EndColorStr='#d9e2b7');
}
.notification.success p {
background: transparent url('/images/tick.png') no-repeat scroll 14px 17px;
}
.notification.success p strong {
color: #417800;
}
/* ----------------------------------------------
-- ERROR NOTIFICATION
---------------------------------------------- */
.notification.error {
/* GENERAL */
background-color: #f6dbd6;
border-color: #f7d5d6 #f1c8ca #f2b5b8;
/* BACKGROUND GRADIENTS */
background: -moz-linear-gradient(top,
#fff,
#fbe2e3 2%,
#eeccce
);
background: -webkit-gradient(linear, left top, left bottom,
from(#fff),
color-stop(0.02, #fbe2e3),
to(#eeccce)
);
background: linear-gradient(top,
#fff,
#fbe2e3 2%,
#eeccce
); /* standards version last */
/* filter gradient for IE */
filter: PROGID:DXImageTransform.Microsoft.Gradient(StartColorStr='#fbe2e3',EndColorStr='#eeccce');
}
.notification.error p {
background: transparent url('/images/cross.png') no-repeat scroll 14px 50%;
}
.notification.error p strong {
color: #d43c41;
}
/* ----------------------------------------------
-- WARNING NOTIFICATION
---------------------------------------------- */
.notification.warning {
/* GENERAL */
background-color: #f9f9b4;
border-color: #f7dc72 #f4d96c #eace61;
/* BACKGROUND GRADIENTS */
background: -moz-linear-gradient(top,
#fff,
#ffffb9 2%,
#f0efae
);
background: -webkit-gradient(linear, left top, left bottom,
from(#fff),
color-stop(0.02, #ffffb9),
to(#f0efae)
);
background: linear-gradient(top,
#fff,
#ffffb9 2%,
#f0efae
); /* standards version last */
/* filter gradient for IE */
filter: PROGID:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffb9',EndColorStr='#f0efae');
}
.notification.warning p {
background: transparent url('/images/exclamation.png') no-repeat scroll 14px 4px;
}
.notification.warning p strong, .notification.warning p {
color: #777909;
}
/* ----------------------------------------------
-- TIP/INFO NOTIFICATION
---------------------------------------------- */
.notification.tip {
/* GENERAL */
background-color: #dceffa;
border-color: #b8e1fd #a6d4f4 #9ed1f5;
/* BACKGROUND GRADIENTS */
background: -moz-linear-gradient(top,
#fff,
#e0f4ff 2%,
#d4e6f0
);
background: -webkit-gradient(linear, left top, left bottom,
from(#fff),
color-stop(0.02, #e0f4ff),
to(#d4e6f0)
);
background: linear-gradient(top,
#fff,
#e0f4ff 2%,
#d4e6f0
); /* standards version last */
/* filter gradient for IE */
filter: PROGID:DXImageTransform.Microsoft.Gradient(StartColorStr='#e0f4ff',EndColorStr='#d4e6f0');
display:none;
}
.notification.tip p strong {
color: #0068a4;
}
.notification.tip p {
color: #0068a4;
}
.notification.tip p {
background: transparent url('/images/tip.png') no-repeat scroll 14px 4px;
}
/* ----------------------------------------------
-- NEUTRAL NOTIFICATION
---------------------------------------------- */
.notification.neutral {
/* GENERAL */
background-color: #f0f0f0;
border-color: #e4e4e4 #d9d9d9 #cbcbcb;
/* BACKGROUND GRADIENTS */
background: -moz-linear-gradient(top,
#fff,
#f0f0f0 2%,
#e4e4e4
);
background: -webkit-gradient(linear, left top, left bottom,
from(#fff),
color-stop(0.02, #f0f0f0),
to(#e4e4e4)
);
background: linear-gradient(top,
#fff,
#f0f0f0 2%,
#e4e4e4
); /* standards version last */
/* filter gradient for IE */
filter: PROGID:DXImageTransform.Microsoft.Gradient(StartColorStr='#f0f0f0',EndColorStr='#e4e4e4');
}
.notification.neutral p strong {
color: #303030;
}
.notification.neutral p {
background: transparent url('/images/neutral.png') no-repeat scroll 14px 17px;
}
input#searchb	{ font-size: 12px; margin-bottom: 2px; width: 174px !important;}