/* Layout: Two Column

Theme: Bob Britton's Maximum Profits Theme



http://marketingautomationgroup.com



Layout.css contains the layout properties for your order form, 

including width, height, margin, padding, position, float, 

display and text-align.



NOTE: There are additional classes that are not listed here 

because they currently have no attributes. You can locate 

these by downloading and using Firebug.

===============================================================*/



@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic);

/* The above link needs to be moved to appearance.css */



* {

    margin: 0;

    padding: 0;

}



body {

 background: url('https://magmastermind.s3.amazonaws.com/images/infusionsoft/header.jpg') no-repeat scroll center top transparent;

  padding-top:30px;

  background-color:#F2F2F2;

}



#extendedfooter {

 background-image: url('https://magmastermind.s3.amazonaws.com/images/infusionsoft/header.jpg'); 

 width:100%;

  min-height:132px;

  text-align:center;

  padding-top:0px;

  color:#dedede;

  margin-top:-56px;

}



#extendedfooter img {

    vertical-align:middle;

  padding-right:507px;

}



#footer-white-bottom {

    height:60px;

    background-color:#FFF;

    width:960px;

    margin:auto;

    background-image: url('https://magmastermind.s3.amazonaws.com/images/infusionsoft/colors.png');

    background-position: bottom;

    background-repeat: no-repeat;

    margin-bottom:8px;

    z-index:4444;

}



#wrapper {

    /* Wraps around everything and sets the total width of the order form */

    position: relative;

    width: 960px;

    margin: 0 auto;

}



#header {

    /* The top area that contains your banner or logo */

    width: 960px;

    margin:auto;

}



#content {

    /* Content wrapper for main column */

    width: 600px;

  float:left;   

  background-color:#FFF;



}





#rightCol {

    /* Content wrapper for right column/HTML area */

    width: 320px;

    float: right;

    padding:20px;

    clear: both;

    height:1183px !Important;

    background-color:#ddeab7;

    background-image: url('http://www.suchavoice.com/wp-content/uploads/2015/06/trust-icons.jpg');

    background-position:bottom center;

    background-repeat:no-repeat;

    padding-bottom:300px;

    border-bottom:60px solid #FFF;

}



#rightCol h1 {

 font-size: 2em !important;

margin: 0px; 

   line-height: 20px;

  

}



#rightCol p {

    margin-top:10px;

    margin-bottom:20px;

}



.alignright {

    float:right;

    padding-top:30px;

    color:#dedede;

}



.money-back-guarantee-top {

  background: url('https://magmastermind.s3.amazonaws.com/images/infusionsoft/guarantee-color.png') no-repeat scroll left top transparent;

width: 140px;

height: 214px;

margin: -31px auto 30px;

  float:right;

  margin-left:30px;

}



.money-back-guarantee-top strong {

    display: block;

    clear: both;

    color: #FFF;

    font-weight: normal;

    font-size: 35px;

    line-height: 28px;

    text-align: center;

    padding: 25px 0px 0px 4px;

}



.money-back-guarantee-top span {

    display: block;

    clear: both;

    text-align: center;

    color: #FFF;

    padding: 4px 0px 0px 4px;

}



#customheaderbox {

    background: url("https://magmastermind.s3.amazonaws.com/images/infusionsoft/colors.png") repeat-x scroll center top #f7f7f7;

    margin-top: 17px;

    padding: 31px 14px 29px;

}



#customheaderbox h1 {

    color: #585858;

    display: block;

    font-size: 42px;

    line-height: 44px;

    text-align: center;

}



#customheaderbox p {

    color: #666;

    font-size: 14px;

    font-weight: 100;

    line-height: 22px;

    margin-top: 5px;

    text-align: center;

}



#ORDER_FORM_PRODUCT_LIST {

    display:none;

}



.billingTable {

 outline:none;

  float:none;

  padding:20px;

  display:block;

  height:auto !important;

  width:100% !important;

}



.billingTable th {

    background:transparent;

    font-size:18px;

    text-align:center !important;

}



.billingTable input[type="text"] {

  border: none;

  border: 1px solid #d7d7d7;

  background: #f7f7f7;

  border-radius: 2px;

  font-size: 16px;

  padding: 17px 12px 15px 12px;

  width:85% !important;

  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.08);

}



.billingTable select {

  display: block;

  border: none;

  border: 1px solid #d7d7d7;

  background: #f7f7f7;

  border-radius: 2px;

  font-size: 16px;

  padding: 17px 12px 15px 12px;

  width:85% !important;

  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.08);

}





.shippingTable {

 outline:none;

  float:none !important;

  padding:20px;

  display:block;

  clear:both !important;

  width:90% !important;

  height:auto !important;

}



.shippingTable th {

    background:transparent;

    font-size:18px;

    text-align:center !important;

}



.shippingTable input {

  border: none;

  border: 1px solid #d7d7d7;

  background: #f7f7f7;

  border-radius: 2px;

  font-size: 16px;

  padding: 17px 12px 15px 12px;

  width:100% !important;

  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.08);

}



.shippingTable select {

  display: block;

  border: none;

  border: 1px solid #d7d7d7;

  background: #f7f7f7;

  border-radius: 2px;

  font-size: 16px;

  padding: 17px 12px 15px 12px;

  width:100% !important;

  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.08);

}



.checkoutLabel {

    font-size:14px;

}



.rightAlign {

    font-size:14px;

}



.addressTableInfo {

    font-weight:700;

    font-size:14px;

    

}



.orderSummary {

 outline:none;

  float:none !important;

  padding:0px;

  width:600px !important;

  padding-top:0px;

  margin-top:0px !important;

}



.orderSummary th {

    background:transparent;

    font-size:18px;

}



.orderSummary .rightAlign {

    width:445px !important;

}



.paymentMethodTable {

 outline:none;

  float:none;

  padding:0px;

  display:block;

  width:600px !important;

  padding-top:0px;

  margin-top:0px !important;

}



.paymentMethodTable th {

    background:transparent;

    font-size:18px;

    background-image: url('https://magmastermind.s3.amazonaws.com/images/infusionsoft/cards.png');

    background-repeat: no-repeat;

    background-position: right 10px;

    border-right:15px solid #FFF;

}



.paymentMethodTable .paymentLabel {

   font-weight:700;

    font-size:13px;

  text-align: center;

  padding-bottom:5px;



}



.paymentMethodTable td {

    padding:5px !important;

}



.paymentMethodTable select {

  display: inline-block;

  border: none;

  border: 1px solid #d7d7d7;

  background: #f7f7f7;

  border-radius: 2px;

  font-size: 11px;

  padding: 14px 7px 12px 6px;

  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.08);

}



.paymentMethodTable input[type="text"] {

  display: block;

  border: none;

  border: 1px solid #d7d7d7;

  background: #f7f7f7;

  border-radius: 2px;

  font-size: 16px;

  padding: 12px 7px 10px 6px;

  width:100% !important;

  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.08);

}



.paymentMethodTable .pay3 {

    padding-left:15px !important;

    text-align:center !important;

    width:140px !important;

    padding-right:0px !important;

  }



.paymentMethodTable .pay3 select {

    text-align:center !important;

    width:70px !important;

  }



.paymentMethodTable .pay1 {

    padding-left:5px !important;

    text-align:center !important;

  }



.paymentMethodTable .pay4 {

    width:130px !important;

}



#expirationMonth {

    width:50px !important;

    padding-left:0px !important;

}



#verificationCode {

    width:60px !important;

 

}



#expirationYear {

  width:55px !important;

  padding-left:0px !important;

  padding-right:0px !important;

}



.payplanTable {

outline:none;

  float:none !important;

  padding:0px;

  display:block;

  width:600px !important;

  padding-top:0px;

  margin-top:0px !important;  

  clear:both !important;

}



.payplanTable td {

outline:none;

  float:none !important;

  padding:0px;

  display:block;

  width:575px !important;

  padding-top:0px;

  margin-top:0px !important;  

}



.checkoutLinks {

    width:600px !important;

    float:none !important;

    padding-bottom:0px;

    height:auto !important;

}



.checkoutLinks .continueButton {

    background: #a8d92f;

    background: -moz-linear-gradient(top, #a8d92f 0%, #7ec620 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8d92f), color-stop(100%, #7ec620));

    background: -webkit-linear-gradient(top, #a8d92f 0%, #7ec620 100%);

    background: -o-linear-gradient(top, #a8d92f 0%, #7ec620 100%);

    background: -ms-linear-gradient(top, #a8d92f 0%, #7ec620 100%);

    background: linear-gradient(to bottom, #a8d92f 0%, #7ec620 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d92f', endColorstr='#7ec620',GradientType=0 );

    border: none;

    cursor: pointer;

    font-family: 'Lato', Arial, Helvetica, sans-serif;

    font-size: 30px;

    text-transform: uppercase;

    color: #fff;

    padding: 20px 15px 22px 15px;

    width: 90%;

    border-radius: 3px;

    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);

    box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.08);

    text-decoration: none;

    display:block;

    float:none !important;

    margin:auto;

}



.mag-img {

     float: left;

    height: 141px;

    margin-right: 0;

    overflow: hidden;

    padding-bottom: 52px;

    padding-top: 25px;

    width: 280px;

}





/* PRODUCT GRID

===============================================================*/



.productImage {

    /* Image in the product grid */

    margin: 8px 0 10px 0;

    border: 1px solid #eee;

}



.price {

    /* Price in the right column of the product grid */

    display: block;

}



.productDescription {

    /* Paragraph for short product description in order form */

    margin-bottom: 13px;

}



.optionsDrop {

    /* Dropdown for product options */

    padding: 4px 4px 4px 6px;

    margin-bottom: 13px;

    width: 200px;

    line-break-after: right;

}



.subscriptionPlan {

    display: block;

}



.qtyField {

    /* Quantity field in product grid */

    padding: 4px 4px 4px 6px;

    width: 30px;

    display: block;

    text-align: right;

    margin: 0 auto;

    margin-bottom: 5px;

}







/* HTML AREAS (Insert custom HTML by going to the HTML area tab)

===============================================================*/



#topCustomHTML {

    /* HTML area below header image. */

    margin: 35px 0 15px 0;

}



#middleCustomHTML {

    /* HTML area below product grid. */

    margin: 35px 0 60px 0;

    clear: both;

}



#bottomCustomHTML {

    /* This is your footer. */

    width: 960px;

    margin: 40px auto 20px auto;

    padding: 15px;

    text-align: center;

    clear: both;

}





/* FORMS

===============================================================*/



input {

    margin: 0 0 7px 0;

}



.paymentLabel {

    /* Labels for payment method table */

    display: block;

}



.choosePlan {

    /* Radio buttons used to choose pay plan or shipping option */

    margin-right: 5px;

}







/* Form fields and labels

---------------------------------------------*/



.checkout, .checkoutDone {

    /* Form fields used in checkout forms */

    padding: 4px 4px 4px 6px;

    margin: 0;

    width: 135px;

}



.checkoutBottom, .checkoutBottomDone {

    /* Provides bottom padding for last form field in a form */

    padding: 4px 4px 4px 6px;

    margin: 0 0 20px 0;

    width: 135px;

}



.checkoutTop, .checkoutTopDone {

    /* Provides top padding for first form field in a form */

    padding: 4px 4px 4px 6px;

    margin: 10px 0 0 0;

    width: 135px;

}



.checkoutLabel {

    /* Checkout form label */

    padding: 0 0 -3px 0;

    margin: 0 0 -3px 0;

}



.checkoutShort {

    /* Smaller form field */

    padding: 4px 4px 4px 6px;

    margin: 0;

    width: 135px;

}



.promoField {

    /* Smaller form field */

    padding: 4px 4px 4px 6px;

    margin: 0 0 0 10px;

    width: 120px;

}





.checkoutShortTop {

    /* Smaller form field */

    padding: 4px 4px 4px 6px;

    margin: 10px 0 0 0;

    width: 135px;

}



.promoLabel {

    padding-top: 3px;

}



.checkoutShortest {

    /* Even smaller form field */

    padding: 5px;

    margin: 0;

    width: 70px;

}



.checkoutShortBottom {

    padding: 4px 4px 4px 6px;

    margin-bottom: 30px;

    width: 135px;

}



.addressTableInfo {

    margin-bottom: 0px;

}



.paymentIcon {

    /* Credit card, pay pal and check icons in payment information table */

    margin: 0 7px -5px 4px;

}





/* Tables

---------------------------------------------*/



.viewCart {

    width: 100%;

    border-collapse: collapse;

    margin: 20px 0 60px 0;

    float: left;

    border-radius: 4px;

}



.viewCart th, .billingTable th, .shippingTable th, .shipMethodTable th, .paymentMethodTable th, .payplanTable th, .orderSummary th {

    padding: 10px 10px 10px 15px;

    text-align: left;

}



.viewCart td, .shipMethodTable td, .paymentMethodTable td, .payplanTable td, .orderSummary td {

    padding: 10px 10px 10px 15px;

    vertical-align: top;

}



.billingTable td, .shippingTable td {

    padding: 8px 0 0 15px;

    vertical-align: top;

}



.billingTable {

    /* Table for entering billing address */

    width: 355px;

    border-collapse: collapse;

    margin: 0 20px 20px 0;

    text-align: left;

    float: left;

    height: 500px;

}



.shippingTable {

    /* Table for entering shipping address */

    width: 355px;

    border-collapse: collapse;

    margin: 0 0 20px 0;

    text-align: left;

    float: right;

    height: 500px;

}



.orderSummary {

    /* Table for order form summary */

    position: relative;

    width: 355px;

    border-collapse: collapse;

    margin-bottom: 20px;

    text-align: left;

    float: right;

    clear: right;

}



.shipMethodTable {

    /* Table for shipping options */

    width: 355px;

    border-collapse: collapse;

    margin-bottom: 20px;

    margin-right: 20px;

    text-align: left;

    float: left;

    clear: left;

}



.payplanTable {

    /* Table for choosing pay plan */

    width: 355px;

    border-collapse: collapse;

    margin-bottom: 20px;

    text-align: left;

    float: left;

}



#shipPaymentContainer {

    width: 355px;

    float: left;

}



.tableOption {

    /* Paragraph for shipping or pay plan option */

    margin: 0 0 11px 0;

}



.payplanSummary { /* Box that shows payment schedule for payment plan */

    background-color: #fff;

    width: 200px;

    margin: -12px 0 15px 0;

}



.paymentDate { /* Date shown in .paypanSummary box */

    width: 100px;

    display: inline-block;

    border-bottom: 1px dashed #ddd;

}



.paymentAmount { /* Payment amount shown in .paypanSummary box */

    width: 65px;

    text-align: right;

    display: inline-block;

    border-bottom: 1px dashed #ddd;

}



.financeDate { /* Finance charge label shown in .paypanSummary box */

    color: #777;

    font-style: italic;

    width: 100px;

    display: inline-block;

}



.financeAmount { /* Finance charge amount shown in .paypanSummary box */

    color: #777;

    font-style: italic;

    width: 65px;

    text-align: right;

    display: inline-block;

}



.promoCode {

    /* Table for promo code field */

    width: 453px;

    border-collapse: collapse;

    margin-left: 15px;

}



.promoCode td {

    height: 30px;

}



.paymentMethodTable {

    /* Table for entering payment method */

    width: 730px;

    border-collapse: collapse;

    margin: 40px 0 20px 0;

    text-align: left;

    float: left;

}



td.pay1 {

    /* First column in .paymentMethodTable */

    width: 150px;

    padding-bottom: 20px;

}



td.pay2 {

    /* First column in .paymentMethodTable */

    width: 162px;

    padding-bottom: 20px;

}



td.pay3 {

    /* First column in .paymentMethodTable */

    width: 158px;

    padding-bottom: 20px;

}



td.pay4 {

    /* First column in .paymentMethodTable */

    padding-bottom: 20px;

}



td.rightAlign {

    text-align: right;

    vertical-align: top;

    padding-top: 10px;

    height: 20px;

    width: 140px;

}



.productCell {

    width: 80%; !important

}



.qtyCell {

    width: 10%; !important

}



.priceCell {

    width: 10%; !important

}



th.rightAlign {

    text-align: right;

}



th.rightAlignTop {

    text-align: right;

    vertical-align: top;

    padding-top: 20px;

    width: 150px;

}



td.rightAlignTop {

    text-align: right;

    padding-top: 20px;

    width: 150px;

    height: 20px;

}



td.rightAlignBottom {

    text-align: right;

    vertical-align: top;

    padding: 10px 10px 20px 0;

    width: 150px;

}



th.leftAlign {

    text-align: left;

    height: 15px;

}



td.leftAlign {

    text-align: left;

}



td.centerAlign, th.centerAlign {

    text-align: center;

}



td .rightCell {

    text-align: right;

}



.checkoutLinks {

    /* Container for 'Checkout' and 'Continue Shopping' buttons */

    width: 350px;

    height: 30px;

    margin: 0 0 40px;

    text-align: right;

    float: right;

    clear: both;

}



.checkoutWithPayPalLink {

    cursor: pointer;

    display: inline-block;

    margin: 10px 0 0 10px;

    padding: 3px 0;

}



.checkoutWithPayPalImg {

    display: block;

    margin: 0 0 -9px;

}



.payPalDescription {

    width: 400px;

}



.switchPaymentSelectionLink {

    padding-bottom: 25px;

    cursor: pointer;

}



.paymentIcon {

    margin: 15px 7px -5px 4px;

}







/* UPSELLS

===============================================================*/



#upsellContainer {

    /* Contains all upsells */

    width: 750px;

    margin: 0 0 40px 0;

    clear: both;

}



.upsell {

    /* Box that contains single upsell */

    width: 328px;

    float: left;

    margin: 0 20px 20px 0;

    padding: 10px 10px 12px 15px;

}



.upsellImage {

    float: left;

    margin: 6px 15px 0 0;

}



.upsellItem {

    /* Product name */

    font-weight: bold;

    margin-right: 10px;

}



.upsellAdd {

    /* Add to cart button for upsells */

    float: right;

    margin: 7px 7px 0 0;

}



.upsellPrice {

    margin-left: 9px;

}





/* TYPOGRAPHY

===============================================================*/



h1 {

    /* Used for product names */

    margin: 2px 0 2px 0;

}



h2 {

    /* Used for upsell product names */

    margin-right: 10px;

    display: inline;

}



#upsellContainer h2 {

    /* Used for upsell product names */

    margin: 5px 12px 0 0;

    display: inline-block;

}



h3 {

    /* Used for upsell headline */

    margin: 0 0 5px 0;

    padding-bottom: 3px;

}







/* LINKS AND BUTTONS

===============================================================*/



a {

    text-decoration: none;

}



a:hover {

    text-decoration: underline;

}



.codeButton {

    padding: 3px 15px 3px 15px;

    margin: 0 0 0 3px;

    cursor: pointer;

    float: right;

}



.continueButton {

    padding: 3px 15px 3px 15px;

    margin: 10px 0 20px 10px;

    cursor: pointer;

}



.upsellButton {

    margin: 0 0 0 1px;

    padding: 2px 8px 2px 8px;

    cursor: pointer;

}



/* PAYPAL LIGHTBOX

===============================================================*/



.payPalLightboxIcon {

    float: right;

    padding: 20px;

}



.payPalMessage {

    padding: 55px 30px 0;

}



.closePayPalLightbox {

    margin-right: 30px;

    margin-top: 50px;

    float: right;

}



.payPalGo {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: url("https://www.paypalobjects.com/en_US/i/pui/core/btn_bg_sprite.gif") repeat-x scroll left 17.5% #FFA822;

    border-color: #D5BD98 #935E0D #935E0D #D5BD98;

    border-image: none;

    border-style: solid;

    border-width: 1px;

    cursor: pointer;

    font-size: 14px;

    margin-left: 30px;

    margin-top: 10px;

    padding: 1px;

}



/* MOBILE EDITS

=============================================================== */



@media only screen and (min-width:600px) and (max-width: 960px)  {

  

  body {

      background-color:#FFF !important;

  }

  

  div#wrapper {

      width:100% !important;

  }

  

  div#header {

      width:100% !important;

  }

  div#CUSTOM_HTML {

      width:100% !important;

  }

  div#customHeader {

      width:100% !important;

  }

  

  div#rightCol {

      width:41% !important;

      height:auto !important;

    padding:2% !important;

    background-size:   contain !important; 



  }

  div#content {

      width:51% !important;

    padding:2% !important;

  }

  

  .billingTable  {

      margin:0px !important;

      padding:0px !important;

      float:none !important;

  }

  

  .shippingTable {

       margin:0px !important;

      padding:0px !important;

      float:none !important;   

  }

  

  .rightAlign {

      width:40% !important;

  }

  

  .rightAlignTop {

      width:40% !important;

  }

  

  #footer-white-bottom {

      width:100% !important;

    }

  #needhelp {

      padding-bottom:60%;

  }

  

  .orderSummary {

      width:100% !important;

  }

  

  .footer-img {

      padding-right:50px !important;

  }

  

  #needhelp p a {

      font-size:11px !important;

  }

  

    .payplanTable {

      width:100% !important;

      overflow:hidden !important;

  }

  

   .checkoutLinks {

      width:100% !Important;

  } 

  

    .paymentMethodTable {

      float:none !important;

      width:100% !important;

  }

  

}



@media only screen and (min-width:0px) and (max-width: 600px)  {

  

    body {

      background-color:#FFF !important;

  }

  

  div#wrapper {

      width:100% !important;

  }

  

  div#header {

      width:100% !important;

  }

  div#CUSTOM_HTML {

      width:100% !important;

  }

  div#customHeader {

      width:100% !important;

  }

  

  div#rightCol {

      width:92% !important;

      height:auto !important;

    padding:4% !important;

    background-size:   contain !important;

    float:none;



  }

  div#content {

      width:96% !important;

      height:auto !important;

    padding:2% !important;

  }

  

  .billingTable  {

      margin:0px !important;

      padding:0px !important;

      float:none !important;

  }

  

  .shippingTable {

       margin:0px !important;

      padding:0px !important;

      float:none !important;   

  }

  

  .paymentMethodTable {

      float:none !important;

      width:100% !important;

  }

  

  .rightAlign {

      width:40% !important;

  }

  

  .rightAlignTop {

      width:40% !important;

  }

  

  #footer-white-bottom {

      width:100% !important;

    }

  #needhelp {

      padding-bottom:60%;

  }

  

  .orderSummary {

      width:100% !important;

  }

  

  .footer-img {

      padding-right:10px !important;

  }

  

  #needhelp p a {

      font-size:11px !important;

  }

  

  .checkoutLinks {

      width:100% !Important;

  }

  

    

  .payplanTable {

      width:100% !important;

      overflow:hidden !important;

  }

  

}



@media only screen and (min-width:0px) and (max-width: 500px)  {

  

  #customheaderbox .mag-img {

      margin-top:-40px !important;

      width:100% !important;

      height:auto !important;

      margin:auto !important;

  }

  

  .paymentMethodTable th {

      text-align:right !Important;

      padding-bottom:40px !important;

      background-position:bottom right !important;

      width:230px !important;

  }

  

  .paymentMethodTable td {

    border-collapse:collapse !important;

    float:left !important;

    clear:both !important;

    width:100% !important;

    margin:0px !important;

    padding:0px !important;

    text-align:left !important;

    display:block !important;

    margin-left:8% !important;

    

    }

  

  .paymentMethodTable .pay1 {

     text-align:left !important;

    padding-left:0px !important;

  }

    .paymentMethodTable .pay2 {

    padding-left:0px !important;

     text-align:left !important;     

  }

    .paymentMethodTable .pay3 {

     text-align:left !important;

     padding-left:0px !important;

  }

    .paymentMethodTable .pay4 {

     text-align:left !important; 

     padding-left:0px !important;

  }

  

  .paymentMethodTable .pay1 .checkout {

      width:100% !important;

  }

  

  .paymentLabel {

      text-align:left !important;

  }

  

.payplanTable {
      width:300px !important;
    overflow:hidden !important;
  }


  .jCountdownContainer {
     -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin-left:-60px !important;

  }


}

@media only screen and (min-width:0px) and (max-width: 370px)  {

  .jCountdownContainer {
     -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    margin-left:-100px !important;

  }

}
/* PAYPAL SMARTBUTTONS===============================================================*/.checkoutButtonList { /* Container for the checkout links and PayPal smart payment buttons, if the smart payment buttons are present */ float: right; clear: both; padding-right: 30px;}.checkoutPaypalSmartPaymentButtons { /* Container for the PayPal smart payment buttons */ float: right; clear: both;}.payPalOption td { /* PayPal option in the Payment Information */ width: 220px;}.payPalOption td div { /* Container for the PayPal smart payment buttons in the PayPal option in the Payment Information */ clear: both; float: left;}#payPalButtons { /* PayPal initial order form page when multiple payment option */ background-color: #ffffff; padding: 16px;}#payPalOptionButtons { /* Container for the PayPal smart payment buttons */ float: right; clear: both; width: 220px;}