/*
 * USAGE AND INSTRUCTIONS:
 * This file should only contain simple access classes for various styles or style-sets.
 * Never put any class or style that you might expect to be overloaded on any parameter.
 *
 */
no-border {
  border : none;
}

/* SECTION */
/* Cursors and links */
.pointer {
  cursor : pointer;
}

.hand, .move {
  cursor : move;
}

/* everything that whats to be displayed as an anchor but is not an 'a' tag */
.lnk, a {
  text-decoration : none;
  color           : inherit;
  font-weight     : bold;
  cursor          : pointer;
}

.lnkDisabled {
  color           : #666666;
  text-decoration : none;
}

.half, .halfwidth, .halfWidth {
  width : 50%;
}

.max-half-width {
  max-width : 50%;
}

.wide, .fullwidth, .fullWidth {
  width : 100%;
}

.fullWithAndHeight, .fullwithandheight {
  width  : 100%;
  height : 100%;
}

/* SECTION */
/* Floating and clearing */
.right {
  float : right;
}

.left {
  float : left;
}

.br, .cls {
  clear : both;
}

/* SECTION */
/* Page break */
.pageBreakAfter {
  page-break-after : always;
}

.pageBreakBefore {
  page-break-before : always;
}

/* SECTION */
/* Debug */
.border {
  border : 1px solid;
}

/* SECTION */
/* Positioning */
.relative {
  position : relative;
}

.absolute {
  position : absolute;
}

.hCenter {
  margin-left  : auto;
  margin-right : auto;
}

.vCenter {
  margin-top    : auto;
  margin-bottom : auto;
}

/* SECTION */
/* Display */
.removed {
  display : none;
  padding : 0 !important;
  margin  : 0 !important;
}

/* TODO: Fix and remove .ibeWebComponentView */
.none, .ibeWebComponentView {
  display : none;
}

.noheight {
  line-height : 0 !important;
  height      : 0 !important;
}

.fade {
  display : none;
  height  : 0;
}

.invisible {
  visibility : hidden;
}

.preventCollapse {
  overflow : auto;
}

.hideOverflow {
  overflow : hidden;
}

.scrollOverflow {
  overflow : scroll;
}

.autoOverflow {
  overflow : auto;
}

.block {
  display : block;
}

.inline {
  display : inline;
}

.tableCell {
  display : table-cell;
}

.table {
  display : table;
}

/* SECTION */
/* Text format and manipulation */
.justify {
  text-align : justify;
}

.laligntxt {
  text-align : left;
}

.raligntxt {
  text-align : right;
}

.center, .caligntxt {
  text-align : center;
}

.oneLineText, .nowrap {
  white-space : nowrap;
}

.wrap {
  white-space : normal;
}

.b, .em {
  font-weight : bold;
}

.u {
  text-decoration : underline;
}

.italic {
  font-style : italic;
}

.smallCaps {
  font-variant : small-caps;
}

.lowerCase {
  text-transform : lowercase;
}

.upperCase {
  text-transform : uppercase;
}

.fontSize10 {
  font-size : 10px;
}

.fontSize14 {
  font-size : 14px;
}

/* SECTION */
/* Columns */
.col2 {
  column-count         : 2;
  column-rule          : 0px;
  -webkit-column-count : 2;
  -webkit-column-rule  : 0px;
  -moz-column-count    : 2;
  -moz-column-rule     : 0px;
}

/* SECTION */
/* Numpad positions, easy alignment! */
.pos1 {
  vertical-align : bottom;
  text-align     : left;
}

.pos2 {
  vertical-align : bottom;
  text-align     : center;
}

.pos3 {
  vertical-align : bottom;
  text-align     : right;
}

.pos4 {
  vertical-align : middle;
  text-align     : left;
}

.pos5 {
  vertical-align : middle;
  text-align     : center;
}

.pos6 {
  vertical-align : middle;
  text-align     : right;
}

.pos7 {
  vertical-align : top;
  text-align     : left;
}

.pos8 {
  vertical-align : top;
  text-align     : center;
}

.pos9 {
  vertical-align : top;
  text-align     : right;
}

/* SECTION */
/* Standard padding and margin */
.pt0 {
  padding-top : 0;
}

.pt2 {
  padding-top : 2px;
}

.pt4 {
  padding-top : 4px;
}

.pt6 {
  padding-top : 6px;
}

.pt8 {
  padding-top : 8px;
}

.pt10 {
  padding-top : 10px;
}

.pb0 {
  padding-bottom : 0;
}

.pb2 {
  padding-bottom : 2px;
}

.pb4 {
  padding-bottom : 4px;
}

.pb6 {
  padding-bottom : 6px;
}

.pb8 {
  padding-bottom : 8px;
}

.pb10 {
  padding-bottom : 10px;
}

.pr0 {
  padding-right : 0;
}

.pr2 {
  padding-right : 2px;
}

.pr4 {
  padding-right : 4px;
}

.pr6 {
  padding-right : 6px;
}

.pr8 {
  padding-right : 8px;
}

.pr10 {
  padding-right : 10px;
}

.pl0 {
  padding-left : 0;
}

.pl2 {
  padding-left : 2px;
}

.pl4 {
  padding-left : 4px;
}

.pl6 {
  padding-left : 6px;
}

.pl8 {
  padding-left : 8px;
}

.pl10 {
  padding-left : 10px;
}

.pv0 {
  padding-top    : 0;
  padding-bottom : 0;
}

.pv2 {
  padding-top    : 2px;
  padding-bottom : 2px;
}

.pv4 {
  padding-top    : 4px;
  padding-bottom : 4px;
}

.pv6 {
  padding-top    : 6px;
  padding-bottom : 6px;
}

.pv8 {
  padding-top    : 8px;
  padding-bottom : 8px;
}

.pv10 {
  padding-top    : 10px;
  padding-bottom : 10px;
}

.ph0 {
  padding-right : 0;
  padding-left  : 0;
}

.ph2 {
  padding-right : 2px;
  padding-left  : 2px;
}

.ph4 {
  padding-right : 4px;
  padding-left  : 4px;
}

.ph6 {
  padding-right : 6px;
  padding-left  : 6px;
}

.ph8 {
  padding-right : 8px;
  padding-left  : 8px;
}

.ph10 {
  padding-right : 10px;
  padding-left  : 10px;
}

.p0 {
  padding : 0;
}

.p2 {
  padding : 2px;
}

.p4 {
  padding : 4px;
}

.p6 {
  padding : 6px;
}

.p8 {
  padding : 8px;
}

.p10 {
  padding : 10px;
}

.mt0 {
  margin-top : 0;
}

.mt2 {
  margin-top : 2px;
}

.mt4 {
  margin-top : 4px;
}

.mt6 {
  margin-top : 6px;
}

.mt8 {
  margin-top : 8px;
}

.mt10 {
  margin-top : 10px;
}

.mb0 {
  margin-bottom : 0;
}

.mb2 {
  margin-bottom : 2px;
}

.mb4 {
  margin-bottom : 4px;
}

.mb6 {
  margin-bottom : 6px;
}

.mb8 {
  margin-bottom : 8px;
}

.mb10 {
  margin-bottom : 10px;
}

.mr0 {
  margin-right : 0;
}

.mr2 {
  margin-right : 2px;
}

.mr4 {
  margin-right : 4px;
}

.mr6 {
  margin-right : 6px;
}

.mr8 {
  margin-right : 8px;
}

.mr10 {
  margin-right : 10px;
}

.mr14 {
  margin-right : 14px;
}

.ml0 {
  margin-left : 0;
}

.ml2 {
  margin-left : 2px;
}

.ml4 {
  margin-left : 4px;
}

.ml6 {
  margin-left : 6px;
}

.ml8 {
  margin-left : 8px;
}

.ml10 {
  margin-left : 10px;
}

.mv0 {
  margin-top    : 0;
  margin-bottom : 0;
}

.mv2 {
  margin-top    : 2px;
  margin-bottom : 2px;
}

.mv4 {
  margin-top    : 4px;
  margin-bottom : 4px;
}

.mv6 {
  margin-top    : 6px;
  margin-bottom : 6px;
}

.mv8 {
  margin-top    : 8px;
  margin-bottom : 8px;
}

.mv10 {
  margin-top    : 10px;
  margin-bottom : 10px;
}

.mv12 {
  margin-top    : 12px;
  margin-bottom : 12px;
}

.mh0 {
  margin-right : 0;
  margin-left  : 0;
}

.mh2 {
  margin-right : 2px;
  margin-left  : 2px;
}

.mh4 {
  margin-right : 4px;
  margin-left  : 4px;
}

.mh6 {
  margin-right : 6px;
  margin-left  : 6px;
}

.mh8 {
  margin-right : 8px;
  margin-left  : 8px;
}

.mh10 {
  margin-right : 10px;
  margin-left  : 10px;
}

.m0 {
  margin : 0;
}

.m2 {
  margin : 2px;
}

.m4 {
  margin : 4px;
}

.m6 {
  margin : 6px;
}

.m8 {
  margin : 8px;
}

.m10 {
  margin : 10px;
}

/* To Be overloaded */

.padtop {
  padding-top : 10px;
}

.padbot {
  padding-bottom : 10px;
}

.padin {
  padding-left : 10px;
}

.padrin {
  padding-right : 10px;
}

.padout {
  margin-left : 10px;
}

/* Should be half of padtop and padout */
.padver {
  padding-top    : 5px;
  padding-bottom : 5px;
}

/* Should be half of padin and padrin */
.padhor {
  padding-left  : 5px;
  padding-right : 5px;
}

.couponWrap .radio {
  width   : 16px;
  height  : 20px;
  margin  : 0;
  padding : 0px 5px 0px 1px;
}