/* 3 columns, 33% 33% 34% */
div.cq-colctrl-lt1 {
  width: 100%;
  float: left;
}
div.cq-colctrl-lt1-c0 {
  width: 31%;
  padding-right: 14px;
  float: left;
}
div.cq-colctrl-lt1-c1 {
  width: 31%;
  padding-right: 14px;
  float: left;
}
div.cq-colctrl-lt1-c2 {
  width: 32%;
  float: left;
}
/* 3 columns, 50% 25% 25% */
div.cq-colctrl-lt3 {
  width: 100%;
  float: left;
}
div.cq-colctrl-lt3-c0 {
  width: 46%;
  padding-right: 14px;
  float: left;
}
div.cq-colctrl-lt3-c1 {
  width: 24%;
  padding-right: 14px;
  float: left;
}
div.cq-colctrl-lt3-c2 {
  width: 24%;
  float: left;
}
/* 3 columns, 2%, 5%, 93% 5px spacing */
div.colCtrl3-0 {
  width: 100%;
  float: left;
}
div.colCtrl3-0-c0 {
  width: 2%;
  float: left;
}
div.colCtrl3-0-c1 {
  width: 4%;
  float: left;
  padding-right: 1%;
}
div.colCtrl3-0-c2 {
  width: 93%;
  float: left;
}
/* 3 columns, 2%, 49%, 49% 5px spacing */
div.colCtrl3-1 {
  width: 100%;
  float: left;
}
div.colCtrl3-1-c0 {
  width: 2%;
  float: left;
}
div.colCtrl3-1-c1 {
  width: 48%;
  float: left;
  padding-left: 1%;
}
div.colCtrl3-1-c2 {
  width: 48%;
  float: left;
  padding-left: 1%;
}
/* 3 columns, 15%, 70%, 15% 10px spacing */
div.colCtrl3-2 {
  width: 100%;
  float: left;
}
div.colCtrl3-2-c0 {
  width: 14%;
  float: left;
  padding-right: 2%;
}
div.colCtrl3-2-c1 {
  width: 68%;
  float: left;
}
div.colCtrl3-2-c2 {
  width: 14%;
  float: left;
  padding-left: 2%;
}
/* 3 columns, 20%, 60%, 20% 5px spacing */
div.colCtrl3-3 {
  width: 100%;
  float: left;
}
div.colCtrl3-3-c0 {
  width: 20%;
  float: left;
  padding-right: 1%;
}
div.colCtrl3-3-c1 {
  width: 58%;
  float: left;
}
div.colCtrl3-3-c2 {
  width: 20%;
  float: left;
  padding-left: 1%;
}
/* 3 columns, 25%, 25%, 50% 5px spacing */
div.colCtrl3-4 {
  width: 100%;
  float: left;
}
div.colCtrl3-4-c0 {
  width: 25%;
  float: left;
  padding-right: 1%;
}
div.colCtrl3-4-c1 {
  width: 25%;
  float: left;
  padding-right: 1%;
}
div.colCtrl3-4-c2 {
  width: 48%;
  float: left;
}
/* 3 columns, 33%, 33%, 34% 4px spacing */
div.colCtrl3-5 {
  width: 100%;
  float: left;
}
div.colCtrl3-5-c0 {
  width: 32.5%;
  float: left;
  padding-right: 1%;
}
div.colCtrl3-5-c1 {
  width: 32.5%;
  float: left;
  padding-right: 1%;
}
div.colCtrl3-5-c2 {
  width: 33%;
  float: left;
}
/* this is the class for the default out of the box component '3 columns' */
div.cq-colctrl-lt1 {
  width: 100%;
  float: left;
}
div.cq-colctrl-lt1-c0 {
  width: 32.5%;
  float: left;
  padding-right: 1%;
}
div.cq-colctrl-lt1-c1 {
  width: 32.5%;
  float: left;
  padding-right: 1%;
}
div.cq-colctrl-lt1-c2 {
  width: 33%;
  float: left;
}
/* 3 columns, 35%, 35%, 30% 10px spacing */
div.colCtrl3-6 {
  width: 100%;
  float: left;
}
div.colCtrl3-6-c0 {
  width: 34%;
  float: left;
  padding-right: 2%;
}
div.colCtrl3-6-c1 {
  width: 34%;
  float: left;
  padding-right: 2%;
}
div.colCtrl3-6-c2 {
  width: 28%;
  float: left;
}
/* 3 columns, 40%, 20%, 40% 1% spacing */
div.colCtrl3-7 {
  width: 100%;
  float: left;
}
div.colCtrl3-7-c0 {
  width: 39%;
  float: left;
  padding-right: 1%;
}
div.colCtrl3-7-c1 {
  width: 20%;
  float: left;
}
div.colCtrl3-7-c2 {
  width: 39%;
  float: left;
  padding-left: 1%;
}
/* 3 columns, 15%, 70%, 15% */
div.colCtrlBasic3-0 {
  width: 100%;
  float: left;
}
div.colCtrlBasic3-0-c0 {
  width: 15%;
  float: left;
}
div.colCtrlBasic3-0-c1 {
  width: 70%;
  float: left;
}
div.colCtrlBasic3-0-c2 {
  width: 15%;
  float: left;
}
/* 3 columns, 20%, 60%, 20% */
div.colCtrlBasic3-1 {
  width: 100%;
  float: left;
}
div.colCtrlBasic3-1-c0 {
  width: 20%;
  float: left;
}
div.colCtrlBasic3-1-c1 {
  width: 60%;
  float: left;
}
div.colCtrlBasic3-1-c2 {
  width: 20%;
  float: left;
}
/* 3 columns, 25%, 25%, 50% */
div.colCtrlBasic3-2 {
  width: 100%;
  float: left;
}
div.colCtrlBasic3-2-c0 {
  width: 25%;
  float: left;
}
div.colCtrlBasic3-2-c1 {
  width: 25%;
  float: left;
}
div.colCtrlBasic3-2-c2 {
  width: 50%;
  float: left;
}
/* 3 columns, 33%, 33%, 33% */
div.colCtrlBasic3-3 {
  width: 100%;
  float: left;
}
div.colCtrlBasic3-3-c0,
div.colCtrlBasic3-3-c1,
div.colCtrlBasic3-3-c2 {
  width: 33%;
  float: left;
}
/* 3 columns, 36%, 36%, 28% */
div.colCtrlBasic3-4 {
  width: 100%;
  float: left;
}
div.colCtrlBasic3-4-c0 {
  width: 36%;
  float: left;
}
div.colCtrlBasic3-4-c1 {
  width: 36%;
  float: left;
}
div.colCtrlBasic3-4-c2 {
  width: 28%;
  float: left;
}
/**
 * Begin: Right-to-Left Overrides
 **/
.mt_direction_right_to_left div.colCtrl3-0,
.mt_direction_right_to_left div.colCtrl3-0-c0,
.mt_direction_right_to_left div.colCtrl3-0-c1,
.mt_direction_right_to_left div.colCtrl3-0-c2,
.mt_direction_right_to_left div.colCtrl3-1,
.mt_direction_right_to_left div.colCtrl3-1-c0,
.mt_direction_right_to_left div.colCtrl3-1-c1,
.mt_direction_right_to_left div.colCtrl3-1-c2,
.mt_direction_right_to_left div.colCtrl3-2,
.mt_direction_right_to_left div.colCtrl3-2-c0,
.mt_direction_right_to_left div.colCtrl3-2-c1,
.mt_direction_right_to_left div.colCtrl3-2-c2,
.mt_direction_right_to_left div.colCtrl3-3,
.mt_direction_right_to_left div.colCtrl3-3-c0,
.mt_direction_right_to_left div.colCtrl3-3-c1,
.mt_direction_right_to_left div.colCtrl3-3-c2,
.mt_direction_right_to_left div.colCtrl3-4,
.mt_direction_right_to_left div.colCtrl3-4-c0,
.mt_direction_right_to_left div.colCtrl3-4-c1,
.mt_direction_right_to_left div.colCtrl3-4-c2,
.mt_direction_right_to_left div.colCtrl3-5,
.mt_direction_right_to_left div.colCtrl3-5-c0,
.mt_direction_right_to_left div.colCtrl3-5-c1,
.mt_direction_right_to_left div.colCtrl3-5-c2,
.mt_direction_right_to_left div.colCtrl3-6,
.mt_direction_right_to_left div.colCtrl3-6-c0,
.mt_direction_right_to_left div.colCtrl3-6-c1,
.mt_direction_right_to_left div.colCtrl3-6-c2,
.mt_direction_right_to_left div.colCtrl3-7,
.mt_direction_right_to_left div.colCtrl3-7-c0,
.mt_direction_right_to_left div.colCtrl3-7-c1,
.mt_direction_right_to_left div.colCtrl3-7-c2,
.mt_direction_right_to_left div.colCtrlBasic3-0,
.mt_direction_right_to_left div.colCtrlBasic3-0-c0,
.mt_direction_right_to_left div.colCtrlBasic3-0-c1,
.mt_direction_right_to_left div.colCtrlBasic3-0-c2,
.mt_direction_right_to_left div.colCtrlBasic3-1,
.mt_direction_right_to_left div.colCtrlBasic3-1-c0,
.mt_direction_right_to_left div.colCtrlBasic3-1-c1,
.mt_direction_right_to_left div.colCtrlBasic3-1-c2,
.mt_direction_right_to_left div.colCtrlBasic3-2,
.mt_direction_right_to_left div.colCtrlBasic3-2-c0,
.mt_direction_right_to_left div.colCtrlBasic3-2-c1,
.mt_direction_right_to_left div.colCtrlBasic3-2-c2,
.mt_direction_right_to_left div.colCtrlBasic3-3,
.mt_direction_right_to_left div.colCtrlBasic3-3-c0,
.mt_direction_right_to_left div.colCtrlBasic3-3-c1,
.mt_direction_right_to_left div.colCtrlBasic3-3-c2,
.mt_direction_right_to_left div.colCtrlBasic3-4,
.mt_direction_right_to_left div.colCtrlBasic3-4-c0,
.mt_direction_right_to_left div.colCtrlBasic3-4-c1,
.mt_direction_right_to_left div.colCtrlBasic3-4-c2 {
  float: right;
}
/* Landing Page: 1 intro column + 2 detail columns */
div.colCtrlLandingPage-3-0 {
  width: 100%;
  float: left;
  padding-top: 20px;
  border-top: 1px solid #E6E6E6;
}
div.colCtrlLandingPage-3-0-c0 {
  display: block;
  float: left;
  width: 360px;
  padding-right: 10px;
}
div.colCtrlLandingPage-3-0-c1 {
  display: block;
  float: left;
  width: 255px;
  border-left: 1px solid #E6E6E6;
  padding: 0px 10px;
}
div.colCtrlLandingPage-3-0-c2 {
  display: block;
  float: left;
  width: 255px;
  border-left: 1px solid #E6E6E6;
  padding: 0 0 0 10px;
}
@media (max-width: 600px) {
  /* Responsive: 3 columns */
  div[class*="cq-colctrl-lt1"],
  div[class*="cq-colctrl-lt3"] {
    float: none;
    width: 100%;
  }
}