/*
- 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
*/

/* Begin Global Styles */
H1.idstcpagegeadings {

}



/* End Global Styles */


/* Begin General Table Styling */

/* End General Table Styling */


/* Begin DistLogin Styles */
#distributorwrapper {
width: 400px;
}
/* End DistLogin Styles */


/* Begin Order Page Styles */

 

/* Begin Enroll Styles */
.outerenroll {
	width: 400px;
	margin:0px;
	padding: 0px;
}

fieldset.enroll {
	margin: 1em 0;
	padding: 1em;
	border-top: 1px solid #023d55;
	background:#ffffff;
	position:relative;
	margin-bottom:0px;

}

legend.enroll {

	color:#43499F;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px 10px 20px 15px;
	padding:0px 0px 0px 0px;;
	font-size:18px;
	background:#ffffff;
	position:absolute;
	top: -.5em;
	left: .2em;

}

label.enroll {

font-weight: normal;
font-size: 14px;
color: #000000;
/* These 2 styles below allow for the form elements to align next to one another */
float: left;
width: 12em;
}

/* End Enroll Styles */

/* Begin NewRep Page Styles */
/* This style represents the Your Enroller Is text */
.idstcOrder_EnrollerText {
	
	font-weight: bold;
	font-size: 14px;
	text-align:left;
	color: #000000;
}
/* This style represents the Your Enroller Is value */
.idstcOrder_EnrollerValue {
	
	font-weight: normal;
	font-size: 14px;
	color: #0fa628;
}

.idstcInstructions
{

padding-bottom:4px;
color: #000000;
font-size: 14px;
font-weight:normal;
}
.idstcReqFieldIndicator
{

font-size: 14px;
font-weight:normal;
color: #0fa628;

}
.idstcFormFieldDescripton
{
	
	font-weight: bold;
	font-size: 14px;
	text-align:left;
	color: #000000;
	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;
font-weight: bold;
text-align:left;
}
table.newrepsub td {

font-size: 14px;
font-weight: normal;
color: #000000;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #ffffff;
}
table.newrepsub th {

font-size: 14px;
font-weight: normal;
color: #000000;
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;
font-weight: bold;
text-align:left;
}
table.tallynewrep td {

font-size: 14px;
font-weight: normal;
color: #000000;
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: #ffffff;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #47aa42;
}

/* End NewRep Page Styles */

/* Begin Edit Info Page Styles */
#editinfowrapper {
width: 400px;
}

/* End Edit Info Page Styles */

/* Begin Searchb */
H1.searcbheader {

font-weight: bold;
font-size: 14px;
color: #023d55;

background-color: #ebebeb;
padding: 3px;
}


#searchresults {

font-weight: bold;
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;
font-weight: bold;
text-align:left;
}
table.searchresults td {

font-size: 14px;
font-weight: bold;
color: #000000;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #f6f6f6;
}
table.searchresults th {

font-size: 14px;
font-weight: bold;
color: #000000;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #ffffff;
}

table.distnumbersearch {

font-weight: normal;
font-size: 14px;
border: 1px solid #000000;
background:#f6f6f6;
padding: 2px;
}


table.continuearea {

font-weight: normal;
font-size: 14px;
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 {

font-weight: bold;
font-size: 14px;
color: #000000;
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;
font-weight: normal;
font-size: 14px;
color: #000000;
width: 35px;
border: 1px solid #0c2a5b;
}

table.viewcart {
border-width: 1px;
border-spacing: 0;
border-style: none;
border-color: #a3a3a3;
border-collapse: collapse;
background-color: white;
font-weight: bold;
text-align:left;
}

table.viewcart th {

font-size: 14px;
font-weight: normal;
color: #000000;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #ffffff;

}
table.viewcart td {

font-size: 14px;
font-weight: bold;
color: #000000;
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;
font-weight: bold;
text-align:left;
}
table.subtotal td {

font-size: 14px;
font-weight: bold;
color: #000000;
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;
}

fieldset.checkout {
margin: 1em 0;
padding: 1em;
border-top: 1px solid #023d55;
background:#f4f4f4;
position:relative;
margin-bottom:0px;

}

legend.checkout {

	color:#43499F;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px 10px 20px 15px;
	padding:0px 0px 0px 0px;;
	font-size:18px;
	background:#ffffff;
	position:absolute;
	top: -.5em;
	left: .2em;

}

label.checkout {

font-weight: bold;
font-size: 14px;
color: #000000;
/* 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 {

font-weight: bold;
font-size: 14px;
color: #000000;
left: 195px;
position:absolute;
margin-left: 5em;
background-image:url(/images/question_pict.gif);
background-repeat:no-repeat;
padding-left: 35px;
height: 35px;
}

* 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;
font-weight: bold;
text-align:left;
}

table.subtotalp th {

font-size: 14px;
font-weight: normal;
color: #000000;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #ffffff;
}

table.subtotalp th.price {

font-size: 14px;
font-weight: bold;
color: red;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #ffffff;
}
table.subtotalp td {

font-size: 14px;
font-weight: bold;
color: #000000;
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;
font-weight: bold;
text-align:left;
}
table.tally td {

font-size: 14px;
font-weight: bold;
color: #000000;
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: #ffffff;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #47aa42;
}

table.shipping {

font-size: 14px;
font-weight: bold;
color: #000000;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #ededed;
width: 400px;
}

div.autoship {

font-size: 14px;
font-weight: bold;
color: #000000;
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;
}

LI.invoice {

font-weight: bold;
font-size: 14px;
color: #000000;
list-style-type: none;
}

.invoicetxt {

font-weight: normal;
font-size: 14px;
color: #000000
}

.btminvoiceshadow {
background-image:url(../images/invoice_table_shadow.gif);
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;
font-weight: bold;
text-align:left;
}
table.shiptobillto td {

font-size: 14px;
font-weight: normal;
color: #000000;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #ffffff;
}
table.shiptobillto th {

font-size: 14px;
font-weight: bold;
color: #000000;
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 {
font-size: 14px;
color: #000000;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #f6f6f6;
}

table.productoverview th {
font-size: 14px;
color: #000000;
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;
font-weight: bold;
text-align:left;
}
table.tallythankyou td {

font-size: 14px;
font-weight: bold;
color: #000000;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #ffffff;
}

table.tallythankyou td.tallythankyoutotal {

font-size: 14px;
font-weight: bold;
color: #ffffff;
border-width: 1px;
padding: 3px;
border-style: solid;en
border-color: #a3a3a3;
background-color: #47aa42;
}
/* End Thankyou Shop Styles */


/* Begin CCCOMP Page Styles */
.outercccomp {
width: 400px;
margin:0px;
padding: 0px;
}

.cccomptablewrapper {
background-color: #f6f6f6;
width: 200px;
border: 1px solid #000000;
}
fieldset.cccomp {
margin: 1em 0;
padding: 1em;
border-top: 1px solid #023d55;
background:#f6f6f6;
position:relative;
}

legend.cccomp {

color:#43499F;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px 10px 20px 15px;
	padding:0px 0px 0px 0px;;
	font-size:18px;
	background:#ffffff;
	position:absolute;
	top: -.5em;
	left: .2em;
}

label.cccomp {

font-weight: bold;
font-size: 14px;
color: #000000;
/* 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 {

font-weight: bold;
font-size: 14px;
color: #000000;
list-style-type: none;
}

.cccomptxt {

font-weight: normal;
xfont-size: 14px;
color: #000000
}

table.tallycccomp {
border-width: 1px;
border-spacing: 0;
border-style: none;
border-color: #a3a3a3;
border-collapse: collapse;
background-color: white;
font-weight: normal;
text-align:left;
}
table.tallycccomp td {

font-size: 14px;
font-weight: normal;
color: #000000;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #ffffff;
}

table.tallycccomp td.tallycccomp {

font-size: 14px;
font-weight: normal;
color: #ffffff;
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #a3a3a3;
background-color: #47aa42;
}
/* End CCCOMP Page Styles */

/* Begin Global Form Field Styles */

fieldset {
margin: 1em 0;
padding: 1em;
border-top: 1px solid #000000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
background:#ebebeb;
position:relative;
}

legend {

font-weight: bold;
font-size: 14px;
color: #000000;
position:absolute;
top: -.5em;
left: .2em;
}

label {

font-weight: bold;
font-size: 14px;
color: #000000;
/* 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-weight: normal;
font-size:12px;

color: #000000;
float: left;
padding-left: 145px;
padding-top: 5px;
}

.btmformshadow {
background-image:url(/images/bottom_form_shadow.gif);
background-repeat:no-repeat;
background-position:center;
height: 10px;
width: 400px;
font-size: 0; /* Removes IE extra height  spacing */
}

.requiredfield {

font-weight: bold;
font-size: 14px;
color: #023d55;
}

.idstcErrorMessage {
background-image:url(/images/error_pict.gif);
background-repeat:no-repeat;

font-weight:bold;
font-size: 14px;
color: red;
height: 40px;
padding-left: 30px;
/*padding-top: 8px; Remove for now*/
margin-top:10px;
margin-bottom:10px; 

}

.idstcErrorMessagepassword {
background-image:url(/images/error_pict.gif);
background-repeat:no-repeat;

font-weight:bold;
font-size: 14px;
color: red;
height: 40px;
padding-left: 30px;
margin-top:10px;
margin-bottom:10px;
}

.errortxt {

font-weight:bold;

color: red;
}

.spacing {
padding: 2px;
margin-left:7px;
}

.idstcTextBox {
background-image:url(/images/form_background.gif);
background-repeat:repeat-x;

background-color: #ffffff;
font-weight: normal;
font-size: 14px;
color: #000000;
width: 150px;
border: 1px solid #0c2a5b;
}

.idstcTextBoxSm {
background-image:url(/images/form_background.gif);
background-repeat:repeat-x;

background-color: #ffffff;
font-weight: normal;
font-size: 14px;
color: #000000;
width: 50px;
border: 1px solid #0c2a5b;
}

input {
background-image:url(/images/form_background.gif);
background-repeat:repeat-x;

background-color: #ffffff;
font-weight: normal;
font-size: 14px;
color: #000000;
width: 150px;
border: 1px solid #0c2a5b;
}

#SiteURL{
width:120px;
}

input.idstcImageButton, .idstcImageButton {
width:auto;
background-image:none;
border:none;
cursor: hand;
}


input.checkbox {
background: none;
width:auto;
border:none;
}

input.idstcRadioButton {
background: none;
width:auto;
border:none;
}

.idstcDropDown {
background-image:url(/images/form_background.gif);
background-repeat:repeat-x;

background-color: #ffffff;
font-weight: normal;
font-size: 14px;
color: #000000;
width: 150px;
border: 1px solid #0c2a5b;
}

.idstcDropDownExpDate {
background-image:url(/images/form_background.gif);
background-repeat:repeat-x;

background-color: #ffffff;
font-weight: normal;
font-size: 14px;
color: #000000;
width: 60px;
border: 1px solid #0c2a5b;
}

input.cvvTextBox {
background-image:url(/images/form_background.gif);
background-repeat:repeat-x;

background-color: #ffffff;
font-weight: normal;
font-size: 14px;
color: #000000;
width: 75px;
border: 1px solid #0c2a5b;
}

/*.idstcImageButton {
margin-left: 150px;
}*/
/* End Global Form Field Styles */



/* Begin Older IDSTC Styles - Had to import these styles for pages that are not currently re-redone */

/* Begin Join.asp Page Styles */
#idstcJoinContent .idstcJoinOptionProductName
{
	color:#43499F;
	text-transform:uppercase;
	font-weight:normal;
	margin:10px 10px 10px 15px;
	padding:5px;
	font-size:18px;
	background-color:#e8e8e8;
}
/* This is style is for the Join options text */
.idstcJoinOptionDescription, idstcAutoshipOptionDescription {
font-weight: normal;
font-size:14px;
color: #000000;
padding: 2px;

}
#idstcJoinContent .idstcJoinOptionPrice
{
	

	font-size:18px;
	text-align: right;
	color: #0fa628;
	padding:5px;
	background-color:#e8e8e8;
}
#idstcJoinContent .idstcJoinOptionSpacer
{
	width:40px;
}
#idstcJoinContent .idstcAutoshipOptionHeader
{
	
	font-weight:bold;
	font-size:14px;
	padding-bottom:4px;
	color: #0fa628;
	text-align: left;
	vertical-align: top;
}
#idstcJoinContent .idstcAutoshipOptionProductName
{
	
color:#43499F;
	text-transform:uppercase;
	font-weight:normal;
	margin:10px 10px 10px 15px;
	padding:5px;
	font-size:18px;
	background-color:#e8e8e8;
}
#idstcJoinContent .idstcAutoshipOptionSpacer
{
	width:40px;
}
#idstcJoinContent .idstcAutoshipOptionPrice
{
		font-size:18px;
	text-align: right;
	color: #0fa628;
	padding:5px;
	background-color:#e8e8e8;
}
/* This style is for the Join Agreement text box on the Join page */
.idstcJoinAgreement
{

border: 1px solid #676e71;
background-color: #ffffff;
font-weight: normal;

color: #000000;
padding: 3px;
width:95%;
height: 300px;
}
/* End Join.asp Page Styles */

/*Begin Old Order Page Styles */
#idstcOrderContent HR
{
color:#7b7b7b;
	 
}
#idstcOrderContent .idstcPageHeader
{
text-align:left;
font-weight:bold;
margin-bottom:10px;
display:none;
}

.idstcProductName {

font-size: 14px;
font-weight:bold;
color: #023d55;
}

#idstcOrderContent .idstcProductDescription
{
	
	font-size: 14px;
	font-weight:normal;
	color: #000000;
}

#idstcOrderContent .idstcProductPrice {

font-weight:bold;
color: #0fa628;
font-size: 14px;
}
#idstcOrderContent .idstcProductQuantityText {


font-weight:normal;
color: #676e71;
}
/*End Old Order Page Styles */

/* Begin Product Description */
.productsearchwrapper {

padding: 2px;
margin-bottom: 10px;
}

.idstcProductSearchTxt {

font-size: 14px;
font-weight:normal;
color: #000000;
}

.productsearchbox {

background-color: #ffffff;
font-weight: normal;
font-size: 14px;
color: #000000;
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: 44px;
}

.idstcProductMenu
{
	 
xmargin-left: 3px;
padding: 0px;
	
}

ul.idstcProductCategoryMenuList {
list-style-type: none;
margin: 0px;
padding: 0px;
}


.idstcMenuContainer
{
list-style-type: none;
list-style-image: none;
margin: 0px;
	
}

li.idstcProductCategoryMenuItem
{
color:#0c2a5b;
background-image: url(../images/list_back.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 1px 0 0px 10px;
margin: .1em 0;
text-decoration: underline;

}	
	 


li.idstcProductSubCategoryMenuItem
{
 margin-left:15pt;
 list-style-position:outside;
 font-weight:normal;
 padding-top: 3px;
}

li.idstcProductSubCategoryMenuItem_Selected
{
 margin-left:14px;
 list-style-position:outside;
 font-weight:normal;
 padding-top: 3px;
  
}

a.idstcProductCategoryMenuItem
{


font-size: 16px;
font-weight: bold;
color:#023d55;
text-decoration:none;
 
}


a.idstcProductCategoryMenuItem:hover 
{

font-size: 16px;
font-weight: bold;
color:#11c923;
text-decoration:underline;
 
}

a.idstcProductSubCategoryMenuItem
{


font-weight: normal;
color: #4c4c4c;
text-decoration:none; 
}


a.idstcProductSubCategoryMenuItem:hover 
{


font-weight: normal;
color: #11c923;
text-decoration:underline; 

}

a.idstcProductSubCategoryMenuItem_Selected
{		


font-weight: normal;
color: #11c923;
text-decoration:none;
padding-left:3px;

}
 


/* End Older IDSTC Styles */