.products-outer,
.product-outer,
.shopping-cart-outer {
  max-width: 820px;
  margin: 0 auto 20px;
}

.product-image {
  float: left;
  /*width: 180px;*/
  margin-right:20px;
}

.product-content
{
    overflow:auto;
}

.ProductTitle {
  color: #381f72;
  font-size: 26px;
}

.txtnote
{
    width:50%;
    height:150px;
}

.AddToCartLink,
.CartTable .SubmitButton,
.CartTable .ContentButton,
.CartTable .LongButton,
.btn-back,
.btn-light {
  border: 1px solid white;
  border-radius: 1px;
  box-shadow: 0 0 3px 0 #666;
  color: white;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0px -1px 1px black;
  text-transform: uppercase;
}

.AddToCartLink,
.CartTable .SubmitButton,
.CartTable .LongButton[id$=btnNext] 
{
  background: #8d86b5; /* Old browsers */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d86b5', endColorstr='#322579',GradientType=0 ); /* IE6-9 */
  background-image: -moz-linear-gradient(top, #8d86b5, #322579);
  background-image: -webkit-linear-gradient(top, #8d86b5, #322579);
  background-image: -ms-linear-gradient(top, #8d86b5, #322579);
  background-image: linear-gradient(to bottom, #8d86b5, #322579);
}

.CartTable .SubmitButton[id$=btnBack],
.btn-back,
.CartTable .ContentButton 
{
  background: #9b9b99; /* Old browsers */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9b99', endColorstr='#4a4a46',GradientType=0 ); /* IE6-9 */
  background-image: -moz-linear-gradient(top, #9b9b99, #4a4a46);
  background-image: -webkit-linear-gradient(top, #9b9b99, #4a4a46);
  background-image: -ms-linear-gradient(top, #9b9b99, #4a4a46);
  background-image: linear-gradient(to bottom, #9b9b99, #4a4a46);
  margin-right: 1em;
}

.btn-light,
.CartTable .LongButton[id$=btnBack] {
  background-image: -moz-linear-gradient(top, #f6f5e8, #eeecd6);
  background-image: -webkit-linear-gradient(top, #f6f5e8, #eeecd6);
  background-image: -ms-linear-gradient(top, #f6f5e8, #eeecd6);
  background-image: linear-gradient(to bottom, #f6f5e8, #eeecd6);
  color: black;
  text-shadow: none;
  margin-right: 1em;
  text-decoration:none !important;
}

.AddToCartLink,
.CartTable .SubmitButton,
.btn-back,
.btn-light,
.LongButton {
  font-size: 15px;
  padding: 8px 16px;
}

.CartTable .ContentButton {
  font-size: 10px;
  margin: 10px 0 50px;
  padding: 5px;
}


.CartTable .TextRight {
  text-align: right;
}


.product-footer {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top:0.4em;
}

.product-price {
  color: #381f72;
  font-size: 18px;
}

.CartStepBody .UniGridHead {
  background: #381f72;
  color: white;
}

.CartStepBody .UniGridHead th {
  text-align: left;
  padding: 0 10px;
  border-width: 0 1px;
  border-style: solid;
  border-color: #381f72;
}

.CartStepBody .CartContentTable td {
  border: 1px solid #c2c2c2;
  padding: 10px 15px;
  text-align: center;
  vertical-align: middle;
}

.CartStepBody .UnitsTextBox {
  width: 32px;
}

.CartStepBody .TextBoxField {
  box-sizing: border-box;
  display: block;
  line-height: 1.5;
  max-width: 100%;
  width: 260px;
}

.ib {
  display: inline-block;
}

.TotalShipping,
.TotalPrice,
.ContentLabel {
  font-weight: bold;
}

.form-element {
  margin: 0.5em 0 1.5em;
}

.form-element > .ib:first-child {
  margin-right: 1.5em;
}

.label-mandatory {
  color: #f40005;
  font-size: 10px;
}

.shop-stage {
  background: url(../images/icons/dots.png) repeat-x center center;
  height: 20px;
  list-style: none;
  margin: 2em 0;
  padding: 0;
  position: relative;
}

.shop-stage li {
  background-color: white;
  padding: 0 5px;
  line-height: 20px;
  font-weight: bold;
  margin: 0 -5px;
  position: absolute;
}

.shop-stage .second { left: 22%; }
.shop-stage .third { left: 50%; }
.shop-stage .fourth { left: 75%; }
.shop-stage .last { right: 0; }

.stage-bullet,
.stage-bullet-last {
  border-radius: 10px;
  display: inline-block;
  height: 20px;
  text-align: center;
  width: 20px;
}

.stage-bullet,
.shop-stage .stage-bullet-last {
  background-color: #eeecd6;
}

.active .stage-bullet,
.active .stage-bullet-last {
  background-color: #1a1357;
  color: white;
}

.stage-bullet-last {
  background-image: url(../images/icons/tick.png);
}

.active .stage-bullet-last {
  background-image: url(../images/icons/tick2.png);
}

.standout {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}

.drop {
  margin:2em 0;
}
.big-drop {
  margin:4em 0;
}

.ProductBox {
  border-top: 1px solid #1a1359;
  padding: 20px 0;
}

.ProductImage {
  border: 1px solid #d3d3d3;
  float: left;
  margin-right: 20px;
  padding: 10px 0;
  text-align: center;
  width: 125px;
}

.CartProductDetailLink,
.CartProductDetailLink:visited {
  color: #2c2b28;
  font-size: 18px;
  font-weight: bold;
}

.product-heading,
.product-heading:visited {
  color: black;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.product-middle {
  overflow: auto;
  padding-top: 10px;
}

.product-right {
  float: right;
  text-align: center;
  width: 140px;
}

.product-right-link a.AddToCartLink, .product-purchase a.AddToCartLink
{
    text-decoration:none;
    color:#ffffff;
}

.product-right-price {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 30px;
}

.product-dollars {
  color: #381f72;
}

.form-inline {
  display: inline-block;
  margin-right: 20px;
}

.input-short {
  width: 50px;
}

.creditcards {
  list-style: none;
  margin: 0;
  padding: 0;
}

.creditcard-choice {
  background: url(/App_Themes/TDN/images/controls/creditcardform-icons.png);
  display: inline-block;
  height: 32px;
  width: 51px;
}

.creditcard-choice.visa.dull {
  background-position: 0 -32px;
}

.creditcard-choice.visa {
  background-position: 0 0;
}

.creditcard-choice.amex.dull {
  background-position: -51px -32px;
}

.creditcard-choice.amex {
  background-position: -51px 0;
}

.creditcard-choice.mastercard.dull {
  background-position: -102px -32px;
}

.creditcard-choice.mastercard {
  background-position: -102px 0;
}

input[type=checkbox] {
  margin-right: 5px;
  vertical-align: -5%;
}

.GSTValue,
.TotalShipping,
.TotalPrice {
  font-size: 15px;
}

.GSTValue td,
.TotalShipping td,
.TotalPrice td {
  font-size: 15px;
  padding: 3px 0 3px 15px;
}

.GSTValue td:nth-child(2),
.TotalShipping td:nth-child(2),
.TotalPrice td:nth-child(2) {
  text-align: right;
}

.img-product {
  margin-right: 15px;
  vertical-align: middle;
}

.btn-next-back {
  padding: 1em 0;
/*  text-align: right;*/
}

.CartStepBody td.product-details {
  text-align: left;
}

.CartConfirmation tbody,
.price-summary tbody {
  background: #f3f3f6;
}

.price-summary table {
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #c2c2c2;
}

.price-summary td {
  padding: 3px 10px 3px 20px;
}

.price-summary .GSTValue td {
  padding-top: 10px;
}

.price-summary .TotalPrice td {
  padding-bottom: 15px;
}

.AddressPreviewWithTwoColumns legend {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}