*               { margin: 0; padding: 0; }
form            { height: 100%; }
html, body      { height: 100%; }
.wrapper        { min-height: 70%; height: auto !important; height: 100%; margin: 0 auto -4em; }
.footer, .push  { clear: both; height: 4em; }

img.bg {
  /* Set rules to fill background */
  min-height: 100%; min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%; height: auto;
	
  /* Set up positioning */
  position: fixed; top: 0; left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg { left: 50%; margin-left: -512px; /* 50% */ }
}

/********* Inputs *********/
.spanDropDownList   { padding: 2px; width: 169px; height: 20px; display: block; margin-top: 15px; }
.spanTextInput      { padding: 2px; width: 169px; height: 20px; display: block; }
.textInput          { border: 1px solid #d4d4d4; height: 20px; }
.labelHint          { top: -42px; left: 9px; z-index: 200; width: 160px; color: #6a6a6a; }
.grayLabelHint      { top: -42px; left: 9px; z-index: 200; width: 160px; color: #c8c8c8; }
.grayLabel          { color: #c8c8c8; }
.yellowLabel        { color: #ffb200; }
.white              { color: #ffffff; }
.xlargeFont         { font-size: x-large; }

/********* Category Side Menu *********/
#productSideMenu    { padding-top: 20px; padding-left: 10px; }
#productMenu        { width: 240px; margin-left: 25px; padding-right: 10px; }
/*Old Way - Broke Firefox #productMenu        { width: 240px; position: relative; float: left; margin-left: 25px; padding-right: 10px; }*/
.productLink        { text-decoration: none; color: #9e9e9e; }

/********* Footer Menu *********/
.footerMenu, .footerMenu *  { padding: 0; list-style: none; }
.footerMenu li              { position: relative; }
.footerMenu> li             { float: left; margin-right: 10px; }
.footerMenu a               { text-align: center; padding: .50em 1em; text-decoration: none; zoom: 1; /* IE7 */ }
.footerMenu a               { color: #000000; }
.footerMenu li              { min-width: 10em; white-space: nowrap; *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; }

/********* Datalist *********/
.homeProductBox         { background-color: #f5f5f5; width: 235px; border: 25px solid #f5f5f5; margin-right: 25px; margin-top: 10px; margin-bottom: 10px; height: 200px; }
.homeProductDataList    { font-size: 12px; width: 235px; }
.productBox             { background-color: #f5f5f5; width: 260px; border: 25px solid #f5f5f5; margin-right: 25px; margin-top: 10px; margin-bottom: 10px; height: 200px; }
.productDataList        { font-size: 12px; width: 260px; }

/********* Gridview *********/
.cartProductBox     { background-color: #f5f5f5; width: 260px; border: 25px solid #f5f5f5; margin-right: 25px; margin-top: 10px; margin-bottom: 10px; height: 230px; }
.ninja              { display: none; }
.cartProductInfo    { margin-top: -90px; }

/********* Account *********/
.panelUpdateShippingForm      { display: inline-block; text-align: left; vertical-align: middle; min-height: 510px; padding: 15px; margin-right: 90px; margin-left: 50px; margin-top: 25px; }
.panelUpdatePasswordForm    { display: inline-block; text-align: left; vertical-align: middle; min-height: 510px; padding: 15px; margin-right: 10px; margin-top: 25px; }

/********* Checkout *********/
.panelShippingForm      { display: inline-block; text-align: left; vertical-align: middle; min-height: 551px; padding: 15px; background-color: #f5f5f5; margin-right: 10px; width: 367px; }
.panelCreditCardForm    { display: inline-block; text-align: left; vertical-align: middle; min-height: 551px; padding: 15px; background-color: #f5f5f5; margin-right: 10px; width: 367px; }
.panelBillingForm       { display: inline-block; text-align: left; vertical-align: middle; min-height: 551px; padding: 15px; background-color: #f5f5f5; width: 367px; }
.panelSubmitShippingAndBilling { width: 1405px; padding-top: 30px; margin-left: 1040px; }
.panelVerifyShipping      { width: 350px; display: inline-block; text-align: left; min-height: 450px; padding: 15px; margin-right: 10px; color: #c8c8c8; }
.panelVerifyPayment    { width: 350px; display: inline-block; text-align: left; min-height: 450px; padding: 15px; margin-right: 10px; color: #c8c8c8; }
.panelVerifyBilling       { width: 350px; display: inline-block; text-align: left; min-height: 450px; padding: 15px; color: #c8c8c8; }
.errorText              { font-size: 10pt; }

/********* Credit Card *********/
.cards { overflow: hidden; }
.cards li { 
  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s;
  transition: all 0.2s; background-image: url('/Images/SiteContent/card_logos.png'); 
  background-position: 0 0; float: left; height: 32px; margin-right: 8px; text-indent: -9999px; width: 51px;
}
.cards li:last-child    { margin-right: 0; }
.cards .amex            { background-position: 204px 0; }
.cards .mastercard      { background-position: 153px 0; }
.cards .maestro         { background-position: 102px 0; }
.cards .discover        { background-position: 51px 0; }
.cards .visa.off        { background-position: 0 32px; }
.cards .amex.off        { background-position: 204px 32px; }
.cards .mastercard.off  { background-position: 153px 32px; }
.cards .maestro.off     { background-position: 102px 32px; }
.cards .discover.off    { background-position: 51px 32px; }
.creditCardInput        { line-height: 18px; border: 1px solid #d4d4d4; height: 22px; width: 180px; }
form input.valid        { background: url('/Images/SiteContent/tick.png') 160px center no-repeat; }