/* GLOBAL *******************************************************/

   @font-face { font-family: "Arial Black"; src: url('fonts/ariblk.ttf'); }
   @font-face { font-family: "Verdana"; src: url('fonts/verdana.ttf'); }
   @font-face { font-family: "Verdana"; font-weight: bold; src: url('fonts/verdanab.ttf'); }

   body {
     background: #ffffff;
   }

   input:focus {
     outline: none;
   }

   select:focus {
     outline: none;
   }

   textarea:focus {
     outline: none;
   }

   .container-spacer {
     height: 4px;
   }

   .body-container {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     margin: 0px;
     margin-left: auto;
     margin-right: auto;
     padding: 4px;
     width: auto;
     height: auto;
     background: #0d1d35;
     overflow: hidden;
   }

   .title-container {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 15px;
     padding-right: 15px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin: 0px;
     width: auto;
     height: auto;
     font-family: "Arial Black";
     font-size: 20px;
     color: #ffffff;
     text-align: left;
     text-shadow: #4c4c4c 2px 2px 3px;
     background: #607282;
   }

   .products-container {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin: auto;
     width: auto;
     height: auto;
     background: #f4f4f4;
   }

   .products-container-thinline {
     height: 1px;
     border: 0;
     color: #ebebeb;
     background-color: #ebebeb;
     width: 100%;
   }

   .products-container-chkout {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin: 0px;
     width: auto;
     height: auto;
     font-family: "Verdana";
     font-size: 13px;
     color: #000000;
     text-decoration: none;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
   }

   .products-container-chkout-fieldset {
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin: 0px;
     width: auto;
     height: auto;
     font-family: "Verdana";
     font-size: 13px;
     color: #000000;
     text-decoration: none;
     text-align: left;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #FCFCFC;
   }

   input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
     color: #7D7D7D;
     font-size: 12px;
   }

   input::-moz-placeholder, textarea::-moz-placeholder {
     color: #7D7D7D;
     font-size: 12px;
   }

   input {
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
     font-size: 12px;
     height: 18px;
     padding: 5px;
   }

   input:hover {
     background: #eaeaea;
   }

   input:hover {
     background: #eaeaea;
   }

   select {
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
     font-size: 12px;
     height: 22px;
     padding: 5px;
   }

   select:hover {
     background: #eaeaea;
   }

   textarea {
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
     font-size: 12px;
     padding: 5px;
   }

   textarea:hover {
     background: #eaeaea;
   }

   .termsagreementbox_table {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin-left: auto;
     width: 100%;
     background: #ffffff;
   }

   .termsagreementbox {
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
     font-size: 12px;
     padding: 5px;
     width: 90%;
     height: 250px;
     text-align: left;
     overflow-y: scroll;
   }

   /* Billing Form Input Boxes */
   #Form_1FirstName             { width: 150px; height: 30px;  }
   #Form_1LastName              { width: 150px; height: 30px;  }
   #Form_1CompanyName           { width: 318px; height: 30px;  }
   #Form_1Address1              { width: 150px; height: 30px;  }
   #Form_1Address2              { width: 150px; height: 30px;  }
   #Form_1City                  { width: 150px; height: 30px;  }
   #Form_1State                 { width: 70px;  height: 43px;  }
   #Form_1Zip                   { width: 74px;  height: 30px;  }
   #Form_1Prov                  { width: 318px; height: 30px;  }
   #Form_1Country               { width: 330px; height: 43px;  }
   #Form_1PhoneNumber           { width: 150px; height: 30px;  }
   #Form_1FaxNumber             { width: 150px; height: 30px;  }
   #Form_1EmailAddress          { width: 318px; height: 30px;  }
   #Form_2FirstName             { width: 150px; height: 30px;  }
   #Form_2LastName              { width: 150px; height: 30px;  }
   #Form_2CompanyName           { width: 318px; height: 30px;  }
   #Form_2Address1              { width: 150px; height: 30px;  }
   #Form_2Address2              { width: 150px; height: 30px;  }
   #Form_2City                  { width: 150px; height: 30px;  }
   #Form_2State                 { width: 70px;  height: 43px;  }
   #Form_2Zip                   { width: 74px;  height: 30px;  }
   #Form_2Prov                  { width: 318px; height: 30px;  }
   #Form_2Country               { width: 330px; height: 43px;  }
   #Form_2PhoneNumber           { width: 150px; height: 30px;  }
   #Form_2FaxNumber             { width: 150px; height: 30px;  }
   #Form_2EmailAddress          { width: 318px; height: 30px;  }
   #Form_UPSShipOption1         { width: 330px; height: 43px;  }
   #Form_UPSShipOption2         { width: 330px; height: 43px;  }
   #Form_FlatFeeShipOption      { width: 330px; height: 43px;  }
   #Form_HowDidYouHearOfUs      { width: 330px; height: 43px;  }
   #Form_HowDidYouHearOfUsOther { width: 318px; height: 30px;  }
   #Form_OrderComment           { width: 318px; height: 100px; }
   #MaxGiftCountText            { width: 318px; height: 100px; }
   #Form_CreditCardType         { width: 195px; height: 43px;  }
   #Form_CCIMGHolder img        { width: auto;  height: 42px;  }
   #Form_CreditCardNumber       { width: 257px; height: 30px;  }
   #Form_CreditCardSecurityCode { width: 100px; height: 30px;  }
   #Form_CreditCardExpireMonth  { width: 60px; height: 43px;   }
   #Form_CreditCardExpireYear   { width: 80px; height: 43px;   }
   #Form_GiftCertificate        { width: 257px; height: 30px;  }
   #Form_PromotionalCode        { width: 318px; height: 30px;  }
   #Form_DonationAmount         { width: 318px; height: 30px;  }
   #Form_AffiliateCode          { width: 318px; height: 30px;  }

   .products-container-list {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin: 0px;
     width: auto;
     height: auto;
     font-family: "Verdana";
     font-size: 13px;
     color: #000000;
     text-decoration: none;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
   }

   .products-container-list-line {
     border-bottom-style: dotted;
     border-width: 1px;
     border-color: #9ea3ac;
     border-collapse: collapse;
   }

   .products-container-list td {
     font-family: "Verdana";
     font-size: 13px;
     color: #000000;
     text-decoration: none;
     border-width: 1px;
     border-color: #9ea3ac;
     border-collapse: collapse;
   }

   .products-container-list input[type=submit] {
     height: 30px;
     width: 60px;
     border-style: solid;
     border-width: 1px;
     border-color: #607282;
     background: #607282;
     color: #ffffff;
   }

   .products-container-list input[type=submit]:hover {
     background: #323C44;
   }

   .products-container-list input[type=text] {
     border-radius: 15px;
     -moz-border-radius: 15px;
     -webkit-border-radius: 15px;
     height: 30px;
     font-size: 13px;
     text-align: center;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
   }

   .products-container-list input[type=text]:hover {
     background: #eaeaea;
   }

   .products-container-button {
     border-radius: 15px;
     -moz-border-radius: 15px;
     -webkit-border-radius: 15px;
     padding-left: 3px;
     padding-right: 3px;
     padding-top: 3px;
     padding-bottom: 3px;
     text-align: center;
     font-family: "Verdana";
     font-size: 10px;
     color: #000000;
     text-decoration: none;
     border-style: solid;
     border-width: 1px;
     border-color: #9ea3ac;
     border-collapse: collapse;
     background: #f3f3f3;
   }

   .products-container-button:hover {
     color: #ffffff;
     background: #607282;
   }

   .products-container-calculations {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin: 0px;
     width: auto;
     height: auto;
     font-family: "Verdana";
     font-size: 13px;
     color: #000000;
     text-decoration: none;
     text-align: center;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
   }

   .products-container-calculations table {
     margin-left: auto;
     font-family: "Verdana";
     font-size: 13px;
     color: #000000;
     text-align: right;
     text-decoration: none;
   }

   .products-container-checkoutinfo {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 13px;
     padding-bottom: 10px;
     margin: 0px;
     width: auto;
     height: auto;
     font-family: "Verdana";
     font-size: 13px;
     color: #000000;
     text-decoration: none;
     text-align: center;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #A0A6AD;
   }

   .products-container-checkoutinfo-table1 {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin-left: auto;
     width: 100%;
     font-family: "Arial Black";
     font-size: 15px;
     color: #ffffff;
     text-shadow: #4c4c4c 2px 2px 3px;
     text-decoration: none;
     border-style: solid;
     border-width: 1px;
     border-color: #434343;
     background: #0D1D35;
   }

   .products-container-checkoutinfo-table1 p {
     font-family: "Arial Black";
     font-size: 15px;
     color: #ffffff;
     text-shadow: #4c4c4c 2px 2px 3px;
     text-decoration: none;
   }

   .products-container-checkoutinfo-table2 {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 13px;
     padding-bottom: 10px;
     margin-left: auto;
     height: 260px;
     text-align: left;
     font-family: "Verdana";
     font-size: 13px;
     color: #000000;
     text-decoration: none;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
   }

   .products-container-checkoutinfo-table3 {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 13px;
     padding-bottom: 10px;
     margin-left: auto;
     height: auto;
     text-align: left;
     font-family: "Verdana";
     font-size: 13px;
     color: #000000;
     text-decoration: none;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
   }

   .products-container-checkoutinfo-table4 {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 13px;
     padding-bottom: 10px;
     margin-left: auto;
     font-family: "Verdana";
     font-size: 13px;
     color: #000000;
     text-decoration: none;
     border-style: solid;
     border-width: 1px;
     border-color: #434343;
     background: #0D1D35;
   }

   .navigation-container {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 7px;
     padding-right: 7px;
     padding-top: 7px;
     padding-bottom: 7px;
     margin: 0px;
     width: auto;
     height: auto;
     background: #cbd3dc;
     text-align: left;
   }

   .navigation-button {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
     border-style: solid;
     border-width: 1px;
     border-color: #9ea3ac;
     border-collapse: collapse;
     background: #f3f3f3;
     text-decoration: none;
     text-align: center;
     font-family: "Verdana";
     font-size: 11px;
     color: #000000;
     height: 34px;
     width: auto;
   }

   .navigation-button:hover {
     color: #ffffff;
     background: #607282;
   }

   .navigation-button-final {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
     border-style: solid;
     border-width: 1px;
     border-color: #9ea3ac;
     border-collapse: collapse;
     background: #f3f3f3;
     text-decoration: none;
     text-align: center;
     font-family: "Verdana";
     font-size: 14px;
     height: 34px;
     width: 100%;
   }

   .navigation-button-final:hover {
     color: #ffffff;
     background: #607282;
   }

   .version-container {
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin: 0px;
     width: auto;
     height: auto;
     font-family: "Verdana";
     font-size: 10px;
     color: #ffffff;
     text-decoration: none;
     //text-align: right;
     background: #607282;
   }

   .version-container a {
     text-decoration: none;
     font-family: "Verdana";
     font-size: 10px;
     color: #ffffff;
     text-align: right;
   }

   .version-container a:hover {
     color: #c0c0c0;
   }

   /* Credit Card Security Code Popup Box */
   #CCCode { font-family: Verdana; font-size: 13px; }
   #CCCode img { border: none; }
   #CCCode a { outline: none; }
   #CCCode { width: 30%; padding-bottom: 2px; display: none; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); }
   #CCCode-header { font-family: Verdana; font-size: 10px; background: url('images/hd-bg.png'); padding: 1px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
   #CCCode-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
   #CCCode-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }
   #CCCode .content { padding: 15px; overflow: scroll; height: 240px; }
   #CCCode button { float: right; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; background: #363538; border: none; width: auto; overflow: visible; font-size: 1.4em; color: #FFF; padding: 7px 10px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4); }
   #CCCode .modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url('images/modal_close.png'); z-index: 2; }
   #lean_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; }


/* RESPONSIVE ***************************************************/

/* Phones: Portrait ------------------------------------------------------------------------------------- */
@media only screen and (max-width: 599px) and (orientation: portrait) {

   .title-container {
     font-size: 100%; text-align: center;
   }

   #mobileview-off {
     display: none;
   }

   #mobileview-table {
     display: block;
     width: 1%;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     padding: none;
   }

   #mobileview-center {
     width: 1%;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     white-space: nowrap;
   }

   .products-container-list input[type=submit] {
     height: 40px;
     width: 90px;
     font-size: 14px;
     border-style: solid;
     border-width: 1px;
     border-color: #607282;
     background: #607282;
     color: #ffffff;
   }

   .products-container-list input[type=submit]:hover {
     background: #323C44;
   }

   .products-container-list input[type=text] {
     height: 30px;
     font-size: 13px;
     text-align: center;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
   }

   .products-container-list input[type=text]:hover {
     background: #eaeaea;
   }

   .products-container-chkout-fieldset       { width: auto; margin: auto; padding: none; }
   .products-container-chkout-fieldset table { width: auto; }

   #mobileview-table            { display: block; width: auto; padding: none; }
   #mobileview-btable           { display: block; width: auto;   }

   /* Billing Form Input Boxes */
   #Form_1FirstName             { width: 220px; height: 30px;  }
   #Form_1LastName              { width: 220px; height: 30px;  }
   #Form_1CompanyName           { width: 220px; height: 30px;  }
   #Form_1Address1              { width: 220px; height: 30px;  }
   #Form_1Address2              { width: 220px; height: 30px;  }
   #Form_1City                  { width: 220px; height: 30px;  }
   #Form_1State                 { width: 232px; height: 43px;  }
   #Form_1Zip                   { width: 220px; height: 30px;  }
   #Form_1Prov                  { width: 220px; height: 30px;  }
   #Form_1Country               { width: 232px; height: 43px;  }
   #Form_1PhoneNumber           { width: 220px; height: 30px;  }
   #Form_1FaxNumber             { width: 220px; height: 30px;  }
   #Form_1EmailAddress          { width: 220px; height: 30px;  }
   #Form_2FirstName             { width: 220px; height: 30px;  }
   #Form_2LastName              { width: 220px; height: 30px;  }
   #Form_2CompanyName           { width: 220px; height: 30px;  }
   #Form_2Address1              { width: 220px; height: 30px;  }
   #Form_2Address2              { width: 220px; height: 30px;  }
   #Form_2City                  { width: 220px; height: 30px;  }
   #Form_2State                 { width: 232px; height: 43px;  }
   #Form_2Zip                   { width: 220px; height: 30px;  }
   #Form_2Prov                  { width: 220px; height: 30px;  }
   #Form_2Country               { width: 232px; height: 43px;  }
   #Form_2PhoneNumber           { width: 220px; height: 30px;  }
   #Form_2FaxNumber             { width: 220px; height: 30px;  }
   #Form_2EmailAddress          { width: 220px; height: 30px;  }
   #Form_UPSShipOption1         { width: 232px; height: 43px;  }
   #Form_UPSShipOption2         { width: 232px; height: 43px;  }
   #Form_HowDidYouHearOfUs      { width: 232px; height: 43px;  }
   #Form_HowDidYouHearOfUsOther { width: 220px; height: 30px;  }
   #Form_OrderComment           { width: 220px; height: 100px; }
   #MaxGiftCountText            { width: 220px; height: 100px; }
   #Form_CreditCardType         { width: 133px; height: 43px;  }
   #Form_CCIMGHolder img        { width: auto;  height: 42px;  }
   #Form_CreditCardNumber       { width: 195px; height: 30px;  }
   #Form_CreditCardSecurityCode { width: 35px;  height: 30px;  }
   #Form_CreditCardExpireMonth  { width: 60px; height: 43px;   }
   #Form_CreditCardExpireYear   { width: 70px; height: 43px;   }
   #Form_GiftCertificate        { width: 170px; height: 30px;  }
   #Form_PromotionalCode        { width: 220px; height: 30px;  }
   #Form_DonationAmount         { width: 220px; height: 30px;  }
   #Form_AffiliateCode          { width: 220px; height: 30px;  }

   .navigation-button {
     font-size: 11px;
     height: 40px;
     width: auto;
   }

   /* Credit Card Security Code Popup Box */
   #CCCode { font-family: Verdana; font-size: 13px; }
   #CCCode img { border: none; }
   #CCCode a { outline: none; }
   #CCCode { width: 90%; padding-bottom: 2px; display: none; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); }
   #CCCode-header { font-family: Verdana; font-size: 10px; background: url('images/hd-bg.png'); padding: 1px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
   #CCCode-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
   #CCCode-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }
   #CCCode .content { padding: 15px; overflow: scroll; height: 340px; }
   #CCCode button { float: right; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; background: #363538; border: none; width: auto; overflow: visible; font-size: 1.4em; color: #FFF; padding: 7px 10px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4); }
   #CCCode .modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url('images/modal_close.png'); z-index: 2; }
   #lean_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; }

}

/* Phones: Landscape ------------------------------------------------------------------------------------ */
@media only screen and (max-width: 736px) and (orientation: landscape) {

   .title-container {
     font-size: 100%; text-align: center;
   }

   #mobileview-off {
     display: none;
   }

   #mobileview-table {
     display: block;
     width: 1%;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     padding: none;
   }

   #mobileview-center {
     width: 1%;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     white-space: nowrap;
   }

   .products-container-list input[type=submit] {
     height: 40px;
     width: 90px;
     font-size: 14px;
     border-style: solid;
     border-width: 1px;
     border-color: #607282;
     background: #607282;
     color: #ffffff;
   }

   .products-container-list input[type=submit]:hover {
     background: #323C44;
   }

   .products-container-list input[type=text] {
     height: 30px;
     font-size: 13px;
     text-align: center;
     border-style: solid;
     border-width: 1px;
     border-color: #bababa;
     background: #ffffff;
   }

   .products-container-list input[type=text]:hover {
     background: #eaeaea;
   }

   .products-container-chkout-fieldset       { width: auto; margin: auto; padding: none; }
   .products-container-chkout-fieldset table { width: auto; }

   #mobileview-table            { display: block; width: auto; padding: none; }
   #mobileview-btable           { display: block; width: auto;   }

   /* Billing Form Input Boxes */
   #Form_1FirstName             { width: 220px; height: 30px;  }
   #Form_1LastName              { width: 220px; height: 30px;  }
   #Form_1CompanyName           { width: 220px; height: 30px;  }
   #Form_1Address1              { width: 220px; height: 30px;  }
   #Form_1Address2              { width: 220px; height: 30px;  }
   #Form_1City                  { width: 220px; height: 30px;  }
   #Form_1State                 { width: 232px; height: 43px;  }
   #Form_1Zip                   { width: 220px; height: 30px;  }
   #Form_1Prov                  { width: 220px; height: 30px;  }
   #Form_1Country               { width: 232px; height: 43px;  }
   #Form_1PhoneNumber           { width: 220px; height: 30px;  }
   #Form_1FaxNumber             { width: 220px; height: 30px;  }
   #Form_1EmailAddress          { width: 220px; height: 30px;  }
   #Form_2FirstName             { width: 220px; height: 30px;  }
   #Form_2LastName              { width: 220px; height: 30px;  }
   #Form_2CompanyName           { width: 220px; height: 30px;  }
   #Form_2Address1              { width: 220px; height: 30px;  }
   #Form_2Address2              { width: 220px; height: 30px;  }
   #Form_2City                  { width: 220px; height: 30px;  }
   #Form_2State                 { width: 232px; height: 43px;  }
   #Form_2Zip                   { width: 220px; height: 30px;  }
   #Form_2Prov                  { width: 220px; height: 30px;  }
   #Form_2Country               { width: 232px; height: 43px;  }
   #Form_2PhoneNumber           { width: 220px; height: 30px;  }
   #Form_2FaxNumber             { width: 220px; height: 30px;  }
   #Form_2EmailAddress          { width: 220px; height: 30px;  }
   #Form_UPSShipOption1         { width: 232px; height: 43px;  }
   #Form_UPSShipOption2         { width: 232px; height: 43px;  }
   #Form_HowDidYouHearOfUs      { width: 232px; height: 43px;  }
   #Form_HowDidYouHearOfUsOther { width: 220px; height: 30px;  }
   #Form_OrderComment           { width: 220px; height: 100px; }
   #MaxGiftCountText            { width: 220px; height: 100px; }
   #Form_CreditCardType         { width: 133px; height: 43px;  }
   #Form_CCIMGHolder img        { width: auto;  height: 42px;  }
   #Form_CreditCardNumber       { width: 195px; height: 30px;  }
   #Form_CreditCardSecurityCode { width: 35px;  height: 30px;  }
   #Form_CreditCardExpireMonth  { width: 60px; height: 43px;   }
   #Form_CreditCardExpireYear   { width: 70px; height: 43px;   }
   #Form_GiftCertificate        { width: 170px; height: 30px;  }
   #Form_PromotionalCode        { width: 220px; height: 30px;  }
   #Form_DonationAmount         { width: 220px; height: 30px;  }
   #Form_AffiliateCode          { width: 220px; height: 30px;  }

   .navigation-button {
     font-size: 11px;
     height: 40px;
     width: auto;
   }

}

/* Tablets: Portrait ------------------------------------------------------------------------------------ */
@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation:portrait) {

}

/* Tablets: Landscape ----------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {

}

/* Desktops / Laptops: Non-Retina Screens ---------------------------------------------------------------- */
/* @media screen and (min-width: 1200px) and (max-width: 1600px) { */
@media screen and (min-width: 1025px) and (max-width: 1200px) {

}

/* Desktops / Laptops: Non-Retina Screens ---------------------------------------------------------------- */
/* @media screen and (min-width: 1200px) and (max-width: 1600px) { */
@media screen and (min-width: 1201px) and (max-width: 1290px) {

}


/* Desktops / Laptops: Retina Screens ------------------------------------------------------------------- */
/* @media screen and (min-width: 1200px) and (max-width: 1600px) and (min-resolution: 192dpi) { */
@media screen and (min-width: 1291px) and (max-width: 1600px) and (min-resolution: 192dpi) {

}