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

html {

}

body {
  box-sizing: border-box;
    font-family: "Open Sans",Arial,Helvetica,sans-serif !important;
  margin: 0;
  padding: 10px;
}

/* PAYMENT CONFIRMATION
===============================================================*/

.payment-confirmation { 
    margin-top: 20px; 
    padding: 2px; 
}

#wrapper {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 960px;
  padding: 10px 10px 0;
  position: relative;
  width: 100%;
}

#companyLogoTopBanner > img {
  display: block;
  margin: 45px auto 0;
  max-height: 259px;
  max-width: 640px;
  width: 100%;
}

#BRIEF_PRODUCT_SUMMARY h1 {
  background: none repeat scroll 0 0 #0096c6;
  color: #fff;
  margin: 20px 0;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

.paymentMethodTable, .billingTable, .shippingTable, .viewCart, .summaryCart, .billingInfo, .paymentInfo {
  margin: 25px 0 0;
  width: 100%;
}

.paymentMethodTable, .viewCart, .summaryCart, .billingInfo, .paymentInfo {
  border-collapse: collapse;
}

.billingTable th, .shippingTable th, .viewCart th, .billingInfo th, .paymentInfo th {
	padding: 15px 0 15px 15px;
}

.billingInfo td span {
  display: block;
  padding: 5px 0 5px 15px;
}

.billingTable td,
.shippingTable td{
  display: table;
  width: 100%;
}

input, select {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 5px;
  border-radius: 5px;
}




.billingTable.tabular.grid tr,
.shippingTable.tabular.grid tr{
    display: inline-block;
    width: 45%;
}

.billingTable.tabular.grid tr:first-child,
.shippingTable.tabular.grid tr:first-child{
    display: table-row;
}



.paymentMethodTable.tabular.grid tr {
    display: inline-block;

}

.paymentMethodTable.tabular.grid tr:first-child {
    display: table-row;
}



input, select {
    border-radius: 5px;
    box-sizing: border-box;
    min-width: 250px;
    padding: 10px 5px;
    width: 100%;
}


.paymentMethodTable input, .paymentMethodTable select {
  margin: 5px 0;
  max-width: 90%;
  width: 100%;
}

.billingTable td,
.shippingTable td{
    box-sizing: border-box;
    display: inline-block;
    padding: 0 25px;
}
.billingTable th,
.shippingTable th{
 padding-left: 15px; 
}

th {
  padding: 15px 0;
}

.qtyField {
  width: 30px;
}

.tableContainer tr:first-child{
 padding: 0; 
}

.tableContainer tr{
  box-sizing: border-box;
    padding: 25px;
}

.promoCode {
  margin: 15px 0;
}

.promoCode td {
  display: table;
}

.searchButton, .continueButton, .cartButton, .codeButton, .formButton {
  background: linear-gradient(to top, #f17131, #e9b63e) repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #ffffff;
  font-size: 16px;
  margin: 15px 0;
  padding: 10px 45px;
  text-shadow: none;
  border: none;
}

.searchButton:hover, .continueButton:hover, .cartButton:hover, .codeButton:hover, .formButton:hover {
  background: linear-gradient(to top, #f17131, #e9b63e) repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #ffffff;
  font-size: 16px;
  margin: 15px 0;
  padding: 10px 45px;
  text-shadow: none;
  border: none;
}


.viewCart th, .viewCartShort th, .payPlan th, .summaryCart th, .shippingInfo th, .billingInfo th, .billingTable th, .shippingTable th, .paymentInfo th, .signinTable th, .paymentMethodTable th, .user-agreement-table th {
  background: #e9b63e;
  border-bottom: 1px solid #ebe3d0;
  color: #ffffff;
  font-size: 16px;
}

.centerAlign {
  text-align: center;
}

td {
  padding: 5px 10px;
}
#productDescription{
visibility: hidden;
}

@media all and (max-width: 700px){
  

.paymentMethodTable td {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 25px;
    width: 100%;
}
  
  input, select {
    max-width: 100%;
  }
  
  .paymentMethodTable input, .paymentMethodTable select {
    max-width: 100%;
    width: 100%;
  }
  
}









#topNav {
  font-size: 12px;
  height: 25px;
  margin: 10px auto 5px;
}

#topNav ul {
  float: right;
  list-style: outside none none;
  margin: 0;
}

#topNav li {
  display: inline;
  list-style-image: none;
  padding-left: 30px;
}

#topNav a {
  background: linear-gradient(to top, #f17131, #e9b63e) repeat scroll 0 0 rgba(0, 0, 0, 0);
  cursor: pointer;
  float: left;
  margin: 0 0 0 10px;
  padding: 10px 5px;
  text-align: center;
  width: 150px;
}
#topNav li a:first-child{
  display: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

#customHomeProductGridTop img {
  box-shadow: 0 1px 5px #034c71;
  width: 100%;
}

#contentProductDetail {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  box-sizing: border-box;
  overflow: hidden;
  margin: 30px auto 0;
  padding: 20px 20px 35px;
  position: relative;
  width: 100%;
}

#BREAD_CRUMBS {
  display: none;
}

#breadcrumbs {
	color: #cbd9df;
}

#breadcrumbs ul {
  list-style: outside none none;
  margin: 0 15px 15px;
  padding: 0;
}

#breadcrumbs li {
  display: inline;
  list-style-image: none;
  padding-right: 10px;
}

#breadcrumbs li:after {
  content: ">";
  margin-left: 10px;
}


#breadcrumbs a {
  color: #e9b63e;
}

#breadcrumbs li:last-child:after {
  content: "";
}


.productLarge {
  float: left;
}

#productDetails {
  float: left;
  max-width: 470px;
  overflow: hidden;
  padding: 0 0 0 20px;
  width: 100%;
}

#productDescription {
  clear: both;
  padding: 20px 0 0;
  width: 100%;
}

#nav {
  background: none repeat scroll 0 0 #0096c6;
  color: #fff;
  margin: 20px 0;
  padding: 10px 0;
  width: 100%;
}

#nav ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

#nav li a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #eee;
  float: left;
  font-weight: bold;
  padding: 15px 20px;
  text-transform: uppercase;
}

.productGridOneCol {
  box-sizing: border-box;
  float: left;
  margin: 25px 0;
  max-width: 470px;
  min-height: 280px;
  padding: 0 20px 0 0;
  position: relative;
  width: 100%;
}

#productGrid a {
  color: #fef7e8;
}

.productLarge {
  float: left;
  margin: 5px;
}

.productDescriptionFront {
  margin: 7px 0 0;
  max-width: 450px;
}

.addToCartBTN {
  clear: both;
  float: left;
  margin: 15px 0 0;
}

.addToCartBTN input {
  float: left;
  text-align: center;
  width: 40px;
  min-width: inherit;
}

.addToCartBTN .buyNowButton {
  background: linear-gradient(to top, #f17131, #e9b63e) repeat scroll 0 0 rgba(0, 0, 0, 0);
  cursor:pointer;
  display: block;
  float: left;
  margin: 0 0 0 10px;
  padding: 10px 5px;
  text-align: center;
  width: 150px;
}

.cancelButton {
  background: linear-gradient(to top, #f17131, #e9b63e) repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #ffffff;
  cursor: pointer;
  display: none;
  float: left;
  margin: 0 0 0 10px;
  padding: 10px 5px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 150px;
}

.addGoPro{
  background: linear-gradient(to top, #f17131, #e9b63e) repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #ffffff;
  cursor: pointer;
  padding: 10px;
  text-align: center;
  width: 150px;
}

h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #eba43a;
  font: 18px Merriweather,serif;
  font-size: 35px;
}

#NAVIGATION {
  display: none;
}

@media all and (max-width: 920px){
  
  .billingTable.tabular.grid tr {
      width: 100%;
  }
  .pay1, .pay2, .pay3 {
    display: block;
    width: 100%;
}
}


@media all and (max-width: 500px){
  
  .productTable td {
      box-sizing: border-box;
    display: table;
    width: 100%;
}
  
.productLarge {
  float: none;
  margin: 0 auto;
	width: 100%;
}

  
}/* PAYPAL CHECKOUT===============================================================*/.checkoutPaypalSmartPaymentButtons { margin: 0 20px 40px 0; float: right; clear: both; background: #fff; padding: 10px;}.checkoutButtonList { float: right; clear: both; width: 960px;}.payPalOption td { width: 220px;}.payPalOption td div { float: left; clear: both;}