tds-css-150408.css

4/8/2015 - 9:03 PM
/* ===== Start tds styles =============================================
 * ==================================================================== */
.carousel.slide {
  height: 285px;
  background: aliceblue;
}
.tds-panel {
  background-color: #ffffff;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border-color: #cccccc;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 0px;
  box-shadow: none;
}
.tds-panel > .list-group,
.tds-panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.tds-panel > .list-group .list-group-item,
.tds-panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.tds-panel > .list-group:first-child .list-group-item:first-child,
.tds-panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: -1px;
  border-top-left-radius: -1px;
}
.tds-panel > .list-group:last-child .list-group-item:last-child,
.tds-panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.tds-panel > .table,
.tds-panel > .table-responsive > .table,
.tds-panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.tds-panel > .table caption,
.tds-panel > .table-responsive > .table caption,
.tds-panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.tds-panel > .table:first-child,
.tds-panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1px;
  border-top-left-radius: -1px;
}
.tds-panel > .table:first-child > thead:first-child > tr:first-child,
.tds-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.tds-panel > .table:first-child > tbody:first-child > tr:first-child,
.tds-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: -1px;
  border-top-right-radius: -1px;
}
.tds-panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.tds-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.tds-panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.tds-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.tds-panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.tds-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.tds-panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.tds-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1px;
}
.tds-panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.tds-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.tds-panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.tds-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.tds-panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.tds-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.tds-panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.tds-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1px;
}
.tds-panel > .table:last-child,
.tds-panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.tds-panel > .table:last-child > tbody:last-child > tr:last-child,
.tds-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.tds-panel > .table:last-child > tfoot:last-child > tr:last-child,
.tds-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: -1px;
  border-bottom-right-radius: -1px;
}
.tds-panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.tds-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.tds-panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.tds-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.tds-panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.tds-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.tds-panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.tds-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1px;
}
.tds-panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.tds-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.tds-panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.tds-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.tds-panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.tds-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.tds-panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.tds-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1px;
}
.tds-panel > .panel-body + .table,
.tds-panel > .panel-body + .table-responsive,
.tds-panel > .table + .panel-body,
.tds-panel > .table-responsive + .panel-body {
  border-top: 1px solid #dddddd;
}
.tds-panel > .table > tbody:first-child > tr:first-child th,
.tds-panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.tds-panel > .table-bordered,
.tds-panel > .table-responsive > .table-bordered {
  border: 0;
}
.tds-panel > .table-bordered > thead > tr > th:first-child,
.tds-panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.tds-panel > .table-bordered > tbody > tr > th:first-child,
.tds-panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.tds-panel > .table-bordered > tfoot > tr > th:first-child,
.tds-panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.tds-panel > .table-bordered > thead > tr > td:first-child,
.tds-panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.tds-panel > .table-bordered > tbody > tr > td:first-child,
.tds-panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.tds-panel > .table-bordered > tfoot > tr > td:first-child,
.tds-panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.tds-panel > .table-bordered > thead > tr > th:last-child,
.tds-panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.tds-panel > .table-bordered > tbody > tr > th:last-child,
.tds-panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.tds-panel > .table-bordered > tfoot > tr > th:last-child,
.tds-panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.tds-panel > .table-bordered > thead > tr > td:last-child,
.tds-panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.tds-panel > .table-bordered > tbody > tr > td:last-child,
.tds-panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.tds-panel > .table-bordered > tfoot > tr > td:last-child,
.tds-panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.tds-panel > .table-bordered > thead > tr:first-child > td,
.tds-panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.tds-panel > .table-bordered > tbody > tr:first-child > td,
.tds-panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.tds-panel > .table-bordered > thead > tr:first-child > th,
.tds-panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.tds-panel > .table-bordered > tbody > tr:first-child > th,
.tds-panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.tds-panel > .table-bordered > tbody > tr:last-child > td,
.tds-panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.tds-panel > .table-bordered > tfoot > tr:last-child > td,
.tds-panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.tds-panel > .table-bordered > tbody > tr:last-child > th,
.tds-panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.tds-panel > .table-bordered > tfoot > tr:last-child > th,
.tds-panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.tds-panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.tds-panel > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #cccccc;
}
.tds-panel > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cccccc;
}
.tds-panel > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.tds-panel > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cccccc;
}
.tds-contact-panel,
.tds-support-panel {
  width: 100%;
  min-height: 190px;
  background: #f5f5f5;
  border-color: transparent;
}
.tds-contact-panel h3,
.tds-support-panel h3 {
  padding-bottom: 10px;
  color: #258ecd;
  border-bottom: 2px solid #19388a;
}
/* ===== Prod-items =======================================
 * TDS Styles begin here 
 * ======================================================== */
.prod-items {
  margin-bottom: 20px;
  border-color: transparent !important;
}
.prod-subitems {
  border-color: transparent !important;
}
.prod-subitems .prod-contents {
  margin-left: 35px;
}
.prod-items > .prod-contents,
.prod-items.tds-plus-packs .prod-contents {
  float: right;
  padding: 20px;
  width: 90%;
  border: 3px solid #ccc !important;
}
.prod-items > .prod-contents.prod-highlight,
.prod-items.tds-plus-packs .prod-contents.prod-highlight {
  background: #e3e3e3;
}
.btn-right {
  float: right;
}
.btn-right .next-arrow:after {
  content: "\f054";
  margin-left: 15px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.btn-right .next-arrow:after.pull-left {
  margin-right: .3em;
}
.btn-right .next-arrow:after.pull-right {
  margin-left: .3em;
}
.btn-left {
  float: left;
}
.btn-left .back-arrow:before {
  content: "\f053";
  margin-right: 15px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.btn-left .back-arrow:before.pull-left {
  margin-right: .3em;
}
.btn-left .back-arrow:before.pull-right {
  margin-left: .3em;
}
.btn-right a,
.btn-left a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ffffff;
  background-color: #19388a;
  border-color: #152f74;
  color: #fff !important;
}
.btn-right a:focus,
.btn-left a:focus,
.btn-right a:active:focus,
.btn-left a:active:focus,
.btn-right a.active:focus,
.btn-left a.active:focus,
.btn-right a.focus,
.btn-left a.focus,
.btn-right a:active.focus,
.btn-left a:active.focus,
.btn-right a.active.focus,
.btn-left a.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn-right a:hover,
.btn-left a:hover,
.btn-right a:focus,
.btn-left a:focus,
.btn-right a.focus,
.btn-left a.focus {
  color: #333333;
  text-decoration: none;
}
.btn-right a:active,
.btn-left a:active,
.btn-right a.active,
.btn-left a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-right a.disabled,
.btn-left a.disabled,
.btn-right a[disabled],
.btn-left a[disabled],
fieldset[disabled] .btn-right a,
fieldset[disabled] .btn-left a {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-right a:hover,
.btn-left a:hover,
.btn-right a:focus,
.btn-left a:focus,
.btn-right a.focus,
.btn-left a.focus,
.btn-right a:active,
.btn-left a:active,
.btn-right a.active,
.btn-left a.active,
.open > .dropdown-toggle.btn-right a,
.open > .dropdown-toggle.btn-left a {
  color: #ffffff;
  background-color: #11265f;
  border-color: #0c1a41;
}
.btn-right a:active,
.btn-left a:active,
.btn-right a.active,
.btn-left a.active,
.open > .dropdown-toggle.btn-right a,
.open > .dropdown-toggle.btn-left a {
  background-image: none;
}
.btn-right a.disabled,
.btn-left a.disabled,
.btn-right a[disabled],
.btn-left a[disabled],
fieldset[disabled] .btn-right a,
fieldset[disabled] .btn-left a,
.btn-right a.disabled:hover,
.btn-left a.disabled:hover,
.btn-right a[disabled]:hover,
.btn-left a[disabled]:hover,
fieldset[disabled] .btn-right a:hover,
fieldset[disabled] .btn-left a:hover,
.btn-right a.disabled:focus,
.btn-left a.disabled:focus,
.btn-right a[disabled]:focus,
.btn-left a[disabled]:focus,
fieldset[disabled] .btn-right a:focus,
fieldset[disabled] .btn-left a:focus,
.btn-right a.disabled.focus,
.btn-left a.disabled.focus,
.btn-right a[disabled].focus,
.btn-left a[disabled].focus,
fieldset[disabled] .btn-right a.focus,
fieldset[disabled] .btn-left a.focus,
.btn-right a.disabled:active,
.btn-left a.disabled:active,
.btn-right a[disabled]:active,
.btn-left a[disabled]:active,
fieldset[disabled] .btn-right a:active,
fieldset[disabled] .btn-left a:active,
.btn-right a.disabled.active,
.btn-left a.disabled.active,
.btn-right a[disabled].active,
.btn-left a[disabled].active,
fieldset[disabled] .btn-right a.active,
fieldset[disabled] .btn-left a.active {
  background-color: #19388a;
  border-color: #152f74;
}
.btn-right a .badge,
.btn-left a .badge {
  color: #19388a;
  background-color: #ffffff;
}
.btn-right .btn-green,
.btn-left .btn-green {
  color: #ffffff;
  background-color: #7bb227;
  border-color: #6d9d22;
}
.btn-right .btn-green:hover,
.btn-left .btn-green:hover,
.btn-right .btn-green:focus,
.btn-left .btn-green:focus,
.btn-right .btn-green.focus,
.btn-left .btn-green.focus,
.btn-right .btn-green:active,
.btn-left .btn-green:active,
.btn-right .btn-green.active,
.btn-left .btn-green.active,
.open > .dropdown-toggle.btn-right .btn-green,
.open > .dropdown-toggle.btn-left .btn-green {
  color: #ffffff;
  background-color: #5e881e;
  border-color: #4a6b17;
}
.btn-right .btn-green:active,
.btn-left .btn-green:active,
.btn-right .btn-green.active,
.btn-left .btn-green.active,
.open > .dropdown-toggle.btn-right .btn-green,
.open > .dropdown-toggle.btn-left .btn-green {
  background-image: none;
}
.btn-right .btn-green.disabled,
.btn-left .btn-green.disabled,
.btn-right .btn-green[disabled],
.btn-left .btn-green[disabled],
fieldset[disabled] .btn-right .btn-green,
fieldset[disabled] .btn-left .btn-green,
.btn-right .btn-green.disabled:hover,
.btn-left .btn-green.disabled:hover,
.btn-right .btn-green[disabled]:hover,
.btn-left .btn-green[disabled]:hover,
fieldset[disabled] .btn-right .btn-green:hover,
fieldset[disabled] .btn-left .btn-green:hover,
.btn-right .btn-green.disabled:focus,
.btn-left .btn-green.disabled:focus,
.btn-right .btn-green[disabled]:focus,
.btn-left .btn-green[disabled]:focus,
fieldset[disabled] .btn-right .btn-green:focus,
fieldset[disabled] .btn-left .btn-green:focus,
.btn-right .btn-green.disabled.focus,
.btn-left .btn-green.disabled.focus,
.btn-right .btn-green[disabled].focus,
.btn-left .btn-green[disabled].focus,
fieldset[disabled] .btn-right .btn-green.focus,
fieldset[disabled] .btn-left .btn-green.focus,
.btn-right .btn-green.disabled:active,
.btn-left .btn-green.disabled:active,
.btn-right .btn-green[disabled]:active,
.btn-left .btn-green[disabled]:active,
fieldset[disabled] .btn-right .btn-green:active,
fieldset[disabled] .btn-left .btn-green:active,
.btn-right .btn-green.disabled.active,
.btn-left .btn-green.disabled.active,
.btn-right .btn-green[disabled].active,
.btn-left .btn-green[disabled].active,
fieldset[disabled] .btn-right .btn-green.active,
fieldset[disabled] .btn-left .btn-green.active {
  background-color: #7bb227;
  border-color: #6d9d22;
}
.btn-right .btn-green .badge,
.btn-left .btn-green .badge {
  color: #7bb227;
  background-color: #ffffff;
}
.gallery-btn {
  color: #fff !important;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #ffffff;
  background-color: #19388a;
  border-color: #152f74;
}
.gallery-btn:focus,
.gallery-btn:active:focus,
.gallery-btn.active:focus,
.gallery-btn.focus,
.gallery-btn:active.focus,
.gallery-btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.gallery-btn:hover,
.gallery-btn:focus,
.gallery-btn.focus {
  color: #333333;
  text-decoration: none;
}
.gallery-btn:active,
.gallery-btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.gallery-btn.disabled,
.gallery-btn[disabled],
fieldset[disabled] .gallery-btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.gallery-btn:hover,
.gallery-btn:focus,
.gallery-btn.focus,
.gallery-btn:active,
.gallery-btn.active,
.open > .dropdown-toggle.gallery-btn {
  color: #ffffff;
  background-color: #11265f;
  border-color: #0c1a41;
}
.gallery-btn:active,
.gallery-btn.active,
.open > .dropdown-toggle.gallery-btn {
  background-image: none;
}
.gallery-btn.disabled,
.gallery-btn[disabled],
fieldset[disabled] .gallery-btn,
.gallery-btn.disabled:hover,
.gallery-btn[disabled]:hover,
fieldset[disabled] .gallery-btn:hover,
.gallery-btn.disabled:focus,
.gallery-btn[disabled]:focus,
fieldset[disabled] .gallery-btn:focus,
.gallery-btn.disabled.focus,
.gallery-btn[disabled].focus,
fieldset[disabled] .gallery-btn.focus,
.gallery-btn.disabled:active,
.gallery-btn[disabled]:active,
fieldset[disabled] .gallery-btn:active,
.gallery-btn.disabled.active,
.gallery-btn[disabled].active,
fieldset[disabled] .gallery-btn.active {
  background-color: #19388a;
  border-color: #152f74;
}
.gallery-btn .badge {
  color: #19388a;
  background-color: #ffffff;
}
/* TDS Checkboxes */
.prod-items input[type="checkbox"] + label > .check-radio-btn {
  border-radius: 0px;
}
.prod-items input[type="checkbox"]:checked + label .check-radio-btn:before {
  position: absolute;
  transform: rotate(-45deg);
  margin: 3px 2px;
  height: .5rem;
  width: 1rem;
  content: "";
  background: transparent;
  border: 2px solid #f2f2f2;
  border-top-style: none !important;
  border-right-style: none !important;
  border-radius: 0px;
}
.prod-items input[type="checkbox"] {
  width: 1px;
  height: 1px;
  opacity: 0;
}
.tds-error-msg {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0px;
  border: 0px solid transparent;
  overflow: hidden;
}
.tds-error-msg h4 {
  margin-top: 0;
  color: inherit;
}
.tds-error-msg .alert-link {
  font-weight: bold;
}
.tds-error-msg > p,
.tds-error-msg > ul {
  margin-bottom: 0;
}
.tds-error-msg > p + p {
  margin-top: 5px;
}
.tds-error-msg .fa,
.tds-error-msg .tds-error-msg-description {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
}
.tds-error-msg > .fa {
  width: 25px;
}
.tds-error-msg ul {
  display: block;
  margin: 10px;
}
.tds-error-msg ul li {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}
.tds-error-msg ul li:before {
  margin-right: 10px;
}
.tds-error-critical {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  border-top: 2px solid #a94442 !important;
}
.tds-error-critical hr {
  border-top-color: #e4b9c0;
}
.tds-error-critical .alert-link {
  color: #843534;
}
.tds-error-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
  border-top: 2px solid;
}
.tds-error-warning hr {
  border-top-color: #f7e1b5;
}
.tds-error-warning .alert-link {
  color: #66512c;
}
.bundle-error {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0px;
  border: 0px solid transparent;
  overflow: hidden;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  border-top: 2px solid #a94442 !important;
}
.bundle-error h4 {
  margin-top: 0;
  color: inherit;
}
.bundle-error .alert-link {
  font-weight: bold;
}
.bundle-error > p,
.bundle-error > ul {
  margin-bottom: 0;
}
.bundle-error > p + p {
  margin-top: 5px;
}
.bundle-error .fa,
.bundle-error .tds-error-msg-description {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
}
.bundle-error > .fa {
  width: 25px;
}
.bundle-error ul {
  display: block;
  margin: 10px;
}
.bundle-error ul li {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}
.bundle-error ul li:before {
  margin-right: 10px;
}
.bundle-error hr {
  border-top-color: #e4b9c0;
}
.bundle-error .alert-link {
  color: #843534;
}
.bundle-error:before {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  width: 25px;
  content: "\f06a";
  font: normal normal normal 14px/1 FontAwesome;
}
/* ====== bootstrap general overwrites ============ 
 * ================================================ */
.container-fluid > .row {
  margin-bottom: 0px !important;
}
ul.home-grid {
  max-width: 100%;
}
/* bundle nav */
.bundle_container ul.ui-tabs-nav {
  max-width: 100%;
  margin: 0px auto;
  display: table;
}
.bundle_container ul.ui-tabs-nav li {
  position: relative;
  margin-bottom: 20px;
  min-height: 3em;
  border-color: transparent;
}
.bundle_container ul.ui-tabs-nav li a {
  display: block;
  padding-left: 5em;
  width: 100%;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
}
.bundle_container ul.ui-tabs-nav li a:hover {
  font-weight: 400 !important;
}
.bundle_container ul.ui-tabs-nav li a:after {
  content: "";
  position: relative;
  float: right;
  top: 1px;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(/content/dam/tdstelecom/sm-menu_arrow-gray.png) right center no-repeat;
}
a#internet-tab,
a#phone-tab,
a#tv-tab,
a#extra-tab {
  height: 55px;
}
a#internet-tab {
  background: url("/content/dam/tdstelecom/images/products/icons-product_internet.svg") left center no-repeat;
}
a#phone-tab {
  background: url("/content/dam/tdstelecom/images/products/icons-product_phone.svg") left center no-repeat;
}
a#tv-tab {
  background: url("/content/dam/tdstelecom/images/products/icons-product_tv.svg") left center no-repeat;
}
a#extra-tab {
  background: url("/content/dam/tdstelecom/images/products/icons-product_bundle3.svg") left center no-repeat;
}
.ui-tabs-nav,
.ui-widget-header,
.ui-state-default {
  background: transparent !important;
  border: 0px transparent !important;
}
.top-header .nav > li > a,
.tds-user-nav li a {
  font-family: 'ITC Avant Garde Gothic W01';
}
.tds-user-nav li {
  margin-top: 5px;
  margin-right: 20px;
}
.site-navigation ul {
  font-family: 'ITC Avant Garde Gothic W01';
}
/* Product Page alyout */
.bundle_container h2 {
  text-align: center;
  font-family: 'ITC Avant Garde Gothic W01';
}
#bundle-products {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
  border-radius: 0px;
  border: 0px solid transparent;
}
.prod-section-wrap {
  position: relative;
  float: left;
  margin-bottom: 20px;
  width: 100%;
  min-height: 1px;
  font-family: 'ITC Avant Garde Gothic W01';
  border-bottom: 2px solid #eee;
}
.prod-summary {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .prod-summary {
    float: left;
    width: 33.33333333%;
  }
}
.prod-summary .prod-title {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #258ecd;
  font-size: 24px;
  font-weight: 300;
}
.prod-summary .prod-title small,
.prod-summary .prod-title .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
.prod-summary .prod-title small,
.prod-summary .prod-title .small {
  font-size: 75%;
}
.prod-items {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: right !important;
}
@media (min-width: 768px) {
  .prod-items {
    float: left;
    width: 66.66666667%;
  }
}
.prod-contents .prod-name {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #19388a;
  margin-top: 0px;
  font-weight: 300;
}
.prod-contents .prod-name small,
.prod-contents .prod-name .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
.prod-contents .prod-name small,
.prod-contents .prod-name .small {
  font-size: 75%;
}
.prod-contents .price-text {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #7bb227;
}
.prod-contents .price-text small,
.prod-contents .price-text .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
.prod-contents .price-text small,
.prod-contents .price-text .small {
  font-size: 75%;
}
.prod-contents a {
  color: #19388a !important;
}
.prod-contents hr {
  border: solid 1px #a3afd0;
}
.bottom-buttons {
  position: relative;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  min-height: 1px;
}
.campaign-subtotal {
  margin: 1em auto;
  padding-top: 1em;
  border-top: 2px solid #19388a;
  border-bottom: 3px solid #258ecd;
}
/* TDS Radio buttons */
.prod-items .hit-area {
  display: inline-block;
  font-size: 18px;
  line-height: 49px;
  cursor: pointer;
}
.prod-items .hit-area input {
  width: 1px;
  height: 1px;
  opacity: 0;
}
.prod-items .check-radio-btn {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin: 22px 9px 10px 0px;
  background: #fff;
  border: 3px solid #cccccc;
  border-radius: 50%;
}
.prod-items input:checked + label .check-radio-btn {
  background: #7bb227;
  border: 3px solid #7bb227;
}
.prod-items input:checked + label .check-radio-btn:before {
  position: absolute;
  transform: rotate(-45deg);
  margin: 3px 2px;
  height: .5rem;
  width: 1rem;
  content: "";
  background: transparent;
  border: 2px solid #f2f2f2;
  border-top-style: none !important;
  border-right-style: none !important;
  border-radius: 0px;
}
.prod-items input[type="radio"] {
  width: 1px;
  height: 1px;
  opacity: 0;
}
.prod-items label {
  float: left;
}
.sel-summary .summ-header-text {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  color: #258ecd;
}
.sel-summary .summ-header-text small,
.sel-summary .summ-header-text .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
.sel-summary .summ-header-text small,
.sel-summary .summ-header-text .small {
  font-size: 65%;
}
.summ-items {
  float: right;
}
.summ-column {
  text-align: center;
}
[class*="sel-head-text"] {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
}
[class*="sel-head-text"] small,
[class*="sel-head-text"] .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
[class*="sel-head-text"] small,
[class*="sel-head-text"] .small {
  font-size: 75%;
}
[class*="sel-price-text"] {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 30px;
  color: #19388a;
}
[class*="sel-price-text"] small,
[class*="sel-price-text"] .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
[class*="sel-price-text"] small,
[class*="sel-price-text"] .small {
  font-size: 65%;
}
.summ-fees {
  font-size: 85%;
}
.sel-price-text-mth {
  color: #7bb227;
}
.pagebanner.section {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
  background-color: transparent;
  padding: 0px !important;
}
.pagebanner.section h1,
.pagebanner.section .h1 {
  color: inherit;
}
.pagebanner.section p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.pagebanner.section > hr {
  border-top-color: #d5d5d5;
}
.container .pagebanner.section,
.container-fluid .pagebanner.section {
  border-radius: 6px;
}
.pagebanner.section .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .pagebanner.section {
    padding: 48px 0;
  }
  .container .pagebanner.section,
  .container-fluid .pagebanner.section {
    padding-left: 60px;
    padding-right: 60px;
  }
  .pagebanner.section h1,
  .pagebanner.section .h1 {
    font-size: 63px;
  }
}
.pagebanner.section h1 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 30px;
}
.pagebanner.section h1 small,
.pagebanner.section h1 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
.pagebanner.section h1 small,
.pagebanner.section h1 .small {
  font-size: 65%;
}
#page-banner {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  height: 287px;
  position: relative;
  display: block;
}
.banner-image {
  background-size: cover;
}
.banner-image.banner-lg {
  display: block;
  top: 0px;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}
.banner-image.banner-lg:after {
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.banner-content {
  position: absolute;
  top: 0px;
  padding: 25px;
}
.gallery-description {
  height: 11.5em;
}
.bundle_container h2 {
  text-transform: uppercase;
  color: #258ecd;
  font-weight: 300;
}
a:hover,
li > a:hover,
a:active,
li > a:active,
div.top-header .nav > li > a:hover,
div.top-header .nav > li > a:focus,
div.top-header .nav > li > a:active,
div.top-header .nav > li > .menu-open,
div.nav-bar .menu ul.dropdown > li > a,
div.nav-bar .menu ul.sub-menu > li > a,
div.nav-bar .menu > ul > li:hover a,
div.nav-bar .menu > ul > li a:focus,
div.nav-bar .menu > ul > li a:active,
#homepageFooter .hoverStyle:hover a,
#homepageFooter .clickStyle a {
  font-weight: normal !important;
}
body,
p,
div.middle-header a:hover,
.sectionLinks,
.sectionLinks li {
  font-family: 'ITC Avant Garde Gothic W01' !important;
}
.container {
  max-width: 960px;
}
Cacher is the code snippet organizer for pro developers

We empower you and your team to get more done, faster

tds-css-150408.css
