/************* temporary styles *********/

@font-face {
    font-family: 'frutiger_ce_45_lightregular';
    src: url('../fonts/frutiger_ce_45_light-webfont.eot');
    src: url('../fonts/frutiger_ce_45_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutiger_ce_45_light-webfont.woff') format('woff'),
         url('../fonts/frutiger_ce_45_light-webfont.ttf') format('truetype'),
         url('../fonts/frutiger_ce_45_light-webfont.svg#frutiger_ce_45_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.frutiger-light, .frutiger, #NavigationMenu {
    font-family: frutiger_ce_45_lightregular;
    font-weight: bold;
}


/* DEFAULTS
----------------------------------------------------------*/

html
{
    /* always display a scroll bar to avoid the horizontal visual jump */
    overflow: -moz-scrollbars-vertical;
    overflow: scroll;
}

a:link, a:visited
{
    color: #af0b1c;
    text-decoration: none;
}

a:hover
{
    color: #540264;
    text-decoration: underline;
}

a:active
{
    color: #034af3;
    text-decoration: none;
}


input, select
{
    background: transparent url('../images/gradient-form.png') repeat-x;
    background-size: 35px;
    background-position: top;
}

select {padding-right:5px !important;}

.cssgradients input, .cssgradients select {

background: -moz-linear-gradient(top,  #f6f6f6 0%, #f6f6f6 80%, #fefefe 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(80%,#f6f6f6), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f6f6f6 0%,#f6f6f6 80%,#fefefe 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f6f6f6 0%,#f6f6f6 80%,#fefefe 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f6f6f6 0%,#f6f6f6 80%,#fefefe 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f6f6f6 0%,#f6f6f6 80%,#fefefe 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

}
input[type="checkbox"] {
    background-image: none;
    background: transparent;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
    position:relative;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    padding: 4px 0 4px 6px;
}

.newline
{
    clear: both;
    width: 100%;
}

.table
{
    display: table;
}

.table .row
{
    display: table-row;
    width: 100%;
}

.table .row .cell
{
    display: table-cell;
    font-weight: normal;
    height: 30px;
    float: left;
}

.table .row .cell.title
{
    font-weight: bold;
}

.table .row .cell.numeric
{
    text-align: right;
}

.content
{
    margin-top: 10px;
}

.pager
{
    margin-top: 20px;
}

.scrollable
{
    overflow-y: auto;
}


legend 
{
    font-size:1.3em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

.n-margin {margin:0 !important;}

.n-margin-top, .n-margin-top input {
    margin-top: 0;
}

.n-margin-bottom {margin-bottom: 0;}

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

p {
    margin: 0 0 30px;
}

.p_short {width:335px;}

.n-border {border: none !important;}

.TextCenter {text-align:center;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.header h1
{
    font-weight: 700;
    margin: 0;
    padding: 10px 0 0 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.f-red {
     color: #af0b1c;
}
.f-black {
    color: #000;
}

.f-bkgd {
    background: #efefef;
    padding: 5px 10px;
    margin-top: 0px;
    margin-bottom: 16px;
} 

.f-hd_red {
    color: #af0b1c;
    line-height: 28px;
    font-weight: bold;
}
.f-hd_black {
    color: black;
    line-height: 28px;
    font-weight: bold;
}
.pos-icon a {
    position: relative;
    min-width: 100px;
}

.icon-wish {
    cursor: pointer;
    height: 17px;
    width: 23px;
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    top: 2px;
  }
  
  .icon-cart {
    cursor: pointer;
    height: 23px;
    width: 28px;
    display: inline-block;
    margin-top: -5px;
    margin-right: 5px;
    position: absolute;
    top: 0;
  }
  
  .al-links {
      position: absolute;
      top: 0;
      left: 35px;
      width: 145px;
  }
  
  .al-center {
      text-align: center;
  }
  
  .al-right {
      text-align: right;
  }
  
  .n-margin {
      margin: 0;
  }
  
  .al-icon {
      display: inline-block;
      margin-left: 30px;
      width: auto;
  }

 .hd-rgt {
     padding: 15px;
  }
    
 .hd-rgt a{
     text-decoration: none;
     font-weight: bold;
     color: #2b2b2b;
     display: block;
     height: 22px;
     padding-top: 5px;
  }

h2.f-hd_red {
    color: #af0b1c;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.H2_Normal {color:#333; font-size:12px; font-weight:normal; font-style:normal;}

.H2_Clone {font-size:16px; font-weight: bold; display:inline-block;}

.breadcrumb-bar {
    margin: 10px 0;
    font-size: 12px;
}

.breadcrumb-bar a {
    text-decoration: none;
}

.breadcrumb-links {
    padding-left: 30px;
    padding-top: 5px;
}

span.bar {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -170px 0;
    width: 10px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}


.main
{
    min-height: 420px;
    background-position: bottom;
    padding-bottom: 24px;
}

.cibc-icon {
    width: 56px;
    background-position: 0 0;
}

.leftCol
{
    padding: 6px 0;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.inline-panel 
{
    display:inline;
}

.HeaderBanner {width:100%; height:auto;}

/* FORM ELEMENTS   
----------------------------------------------------------*/

label {
    font-size: 11px;
    font-weight: bold;
    color: #333;
}
label:lang(fr) {font-size:10px;}
.items-list-checkbox label, .checkBoxEntry label, .checkbox label  {
    font-weight: normal; 
}

.items-list-checkbox span {
    font-size: 11px;
}

.input, select {
    font-size: 11px;
}

.f-color {
    color: #af0b1c;
}

.f-gray {
    color: #666666;
}

.f-bigger {
    font-size: 14px;
}

.f-bold {
    font-weight: bold;
}

.f-normal {
    font-weight: normal;
}

#MainForm {
    margin: 0;
}

input.quantityEntry.spinner
{
    width: 30px;
    border: 0;
}

input.charEntry
{
    width: 30px;
    border: 1px solid #ccc;
}


input.phoneEntry
{
    width: 190px;
    border: 1px solid #ccc;
    float: left;
}

input.postalCodeEntry
{
    width: 190px;
    border: 1px solid #ccc;
    float: left;
}

input.emailEntry
{
    width: 190px;
    border: 1px solid #ccc;
    float: left;
}

.checkBoxEntry label
{
    float: left;
    margin: -19px 0 0 20px;
    display: block;
    width: 90%;
}

.checkBoxEntry input
{
    /*float: left;*/
    display: block;
    margin-top: 4px;
}

.checkBoxPad
{
    padding:0 0 0 10px;
}

.radioEntry label
{
    float: left;
    margin-left: 10px;
    margin-right: 20px;
    display: block;
}

.radioEntry input
{
    float: left;
    display: block;
    margin-top: 4px;
}


div.accountInfo
{
    clear: both;
    width: 850px;
    float: left;
}

div.accountInfo .col1
{
    width: 375px;
    float: left;
}

div.accountInfo .col2
{
    width: 375px;
    float: left;
    margin-left: 70px;
}

div.accountInfo .securityQuestions fieldset
{
    border: 0;
    margin: 0;
    padding: 0;
}

div.accountInfo .securityQuestions fieldset legend
{
    display: none;
}


.delegateProfile .personalInfo .col1 .selectEntry
{
    width: 95px;
    margin: 0 10px 0 0;    
}


div.editPersonalInfo
{
    width: 380px;
    float: left;
}

div.editPersonalInfo div.personalInfo fieldset
{
    min-height: 0;
}

div.securityInfo
{
    clear: both;
    width: 850px;
    float: left;
}

div.addressInfo, div.addressBookInfo
{
    clear: both;
    width: 850px;
    float: left;
}

div.editAddressInfo
{
    clear: both;
    width: 850px;
    float: left;
}

div.addressInfo .col1
{
    width: 375px;
    float: left;
}

div.addressInfo .col2
{
    width: 375px;
    float: left;
    margin-left: 70px;
}

div.interestsInfo
{
    clear: both;
    width: 850px;
    float: left;
}

div.editInterestsInfo, div.editSecurityQuestionsInfo
{
    clear: both;
    width: 850px;
    float: left;
}

div.interestsInfo .col td
{
    width: 270px;
}

div.interestsInfo .col label
{
    float: left;
    margin-left: 10px;
    width: 245px;
}

div.interestsInfo .col input
{
    float: left;
    width: 15px;
}

div.commprefInfo
{
    clear: both;
    width: 850px;
    float: left;
}

div.editCommprefInfo
{
    clear: both;
    width: 850px;
    float: left;
}

.items
{
    clear: both;
}

.items-list-checkbox label
{
    display:inline-block;
    margin-left: 10px;
    width: 220px;
}

.items-list-checkbox input
{
    float: left;
    width: 15px;
}

.termsInfo {
    border: 1px solid #ddd;
}

.termsInfo .scrollable
{
    height: 220px;

}

div.editProfile, div.accessDenied
{
    width: 850px;
    float: left;
}

.keywordSearch {
    position: relative;
    height:80px
}

.keyword-entry {
    position: absolute;
    top: 0;
    width: 65%;
}

.search-entry {
    left: 70%;
    position: absolute;
    top: 5px;
    width: 30%;
}

.keywordSearch .search-entry {top:0;left: 60%;}

.textEntrySmaller
{
    width : 60px;
    margin : 0 16px 0 0
}

.textEntrySmallest
{
    width : 20px;
}
   

.textEntrySmall
{
    width :75px;
}

.textEntryBig
{
    width : 100px;
}

.textEntryBigger
{
    width : 150px;
}

.textEntrySmall input {
    width: 75px;
    margin-right: 10px;
}

.textEntrySmall input:nth-child(3) {
    margin-right: 0;
}

.textEntry 
{
    width:97%;/*50*/
    font-family: Verdana, helvetica, Arial, Sans-Serif;
    
}

/*.row-fluid .layoutBoxes .box .textEntry,  .row-fluid .columnBox .textEntry {width:97%;}*/

/*.DelegateRegistration .control-group .textEntry {width:50%;}*/
.DelegateRegistration .control-group .selectEntry {width:51%;}

.textEntryFixed {
    width: 300px;
}

.textEntryFixedLg {
    width: 500px;
}

.selectEntry {
    width: auto;
    padding-right:5px;
}

.selectEntryFixed {
    width: 305px;
    padding-right:5px;
}

.pointsRange .selectEntrySmall {
    width: 210px;
}

.f-smaller {
    font-size: 11px;
}

.verifycreditcard .textEntry 
{
    width:89%
}

.textEntryInfo {
    width: auto;
} 

.textEntryScroll {width:100%; overflow-y:auto; height:80px !important; padding:2px;}

.info-txt {
    background: #fcf2d4;
    padding: 18px;
    
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.no-js
{
}

.title
{
    display: block;
    float: left;
    text-align: left;
    color: #333;
    font-weight: bold;
}

.delegates .title {
     width: 145px;
}

.hSeparator
{
    display: block;
    float: left;
    color: White;
    font-size: 1.1em;
    text-align: right;
}

.languageDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 5px;
    color: White;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 5px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.cartDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 5px;
    color: White;
}

.cartDisplay a:link
{
    color: white;
}

.cartDisplay a:visited
{
    color: white;
}

.cartDisplay a:hover
{
    color: white;
}

.wishListDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 5px;
    color: White;
}

.wishListDisplay a:link
{
    color: white;
}

.wishListDisplay a:visited
{
    color: white;
}

.wishListDisplay a:hover
{
    color: white;
}

.menuDisplay
{
    background-color: #3a4f63;
    width: 700px;
    height: 36px;
    float: left;
}

.accountSelectDisplay
{
    background-color: #3a4f63;
    width: 260px;
    height: 36px;
    float: left;
}

.failureNotification
{
    color: Red;
}

.successNotification
{
    color: Blue;
}

.moneyNotification
{
    color: Green;
}

.bold
{
    font-weight: bold;
}

.buttons
{
    clear: both;
    text-align: left;
    padding-right: 10px;
}

.section
{
    margin-top: 10px;
}

.wht-band {
    width: 100%;
    height: 10px;
    background: #fff;
    margin-bottom: 20px;
}

.bottom-line {
    border-bottom: 1px solid #dddddd;
}
.top-line 
{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #dddddd;
}

.CardsListBlock {margin-left:0 !important;}

.ui-state-hover, .ui-state-highlight {background:#af0b1c !important; color:#fff !important}
.ui-corner-all.ui-state-hover {background:none !important; border: none !important;}
.ui-datepicker {z-index:999 !important;}
/* Main Menu */

div.menu
{
    padding: 4px 0 4px 8px;
    width: 100%;
}

div.menu ul
{
    position: relative;
    width: auto;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

div.menu li
{
    position: relative;
    float: left;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

div.menu ul li ul
{
    position: absolute;
    float: left;
    visibility: hidden;
    overflow: visible;
}

div.menu ul li ul li
{
    width: 150px;
}

.mob-width-menu 
{
    width:100%;
    padding:4px 0;
    text-align:left;
}

.dropdown-toggle {
    background: #fff url('../images/gradient-dropMenu.png') repeat-x;
    background-size: 45px;
}

.wrapper-menu-active 
{
    padding:0 10px;
    width:90%;
    display:inline-block;
}
#NavigationMenu {
    overflow: hidden;
}

header .navbar {
    margin-bottom: 0 !important;
}

/* Language Switch */
.languageDisplay a:link, .languageDisplay a:visited, .languageDisplay a:active
{
    color: #ffffff;
}

.languageDisplay a:hover
{
    color: #ffffff;
}

.center {
    margin-left: auto  !important;
    margin-right: auto  !important;
    float: none !important;
}



/* Home Page */
.pointsSummary
{
    margin-top: 10px;
}

.pointsSummary.table .row .cell.title
{
    width: 150px;
}

.pointsSummary.table .row .cell.numeric
{
    width: 50px;
}


/************* Home guest ***********/

.login-box {
    background: #fff;
    padding: 10px 20px;
    min-height: 200px;
    position: relative;
}


.login-box hr {
    margin: 10px 0;
}

.collage {
    background: #fff;
    text-align: center;
    border: 1px solid #f2f2f2;
    margin-bottom: 20px;
}


#CardCarousel .maritz-carousel-slide-wrapper {
    max-height: 187px;
    max-width: 840px;
    overflow: hidden;
}

#CardCarousel .box-bkgd {
    text-align: center;
    background: transparent;
}

#CardCarousel .box-bkgd h5 {
    font-size: 11px;
}

#CardCarousel .box-bkgd .img-bkgd {
    padding-bottom: 0;
}

#CardCarousel .box-bkgd .img-bkgd img {
    margin-top: 0;
}

#CardCarousel .box-bkgd a.btn {
    width: 70px;
    display: inline-block;
}

#WelcomeCarousel .maritz-carousel-slide {
    background: #000;
    text-align: center;
}

/* Program Info Page */
/*.RightCol {padding-top:100px;}*/
.BenefitsBlock .f-hd_red, .TravelBlock .f-hd_red, .EarnBlock .f-hd_red, .ManageBlock .f-hd_red {line-height: normal;}
.BenefitsBlock img, .TravelBlock img, .EarnBlock img, .ManageBlock img {width:100%; height:auto;}
.BenefitsBlock p, .BenefitsBlock li, .TravelBlock p, .EarnBlock p, .ManageBlock p {font-size:12px;}
.BenefitsBlock .H2_Clone, .TravelBlock .H2_Clone, .EarnBlock .H2_Clone, .ManageBlock .H2_Clone {font-size:18px;}
.BenefitsBlock h2 {padding-bottom: 10px;}

.BenefitsBlock {height: 250px;}
.TravelBlock {height:220px;}
.EarnBlock {height:260px;}
.ManageBlock {height:280px;}



/* Rewards Page **/

.rewards .reward
{
    width: 260px;
    height: 230px;
    padding: 2px;
    float: left;
    margin-left: 25px;
    margin-bottom: 20px;
    border: 1px solid #CCCCCC;
}

.rewards .reward .picture
{
    width: 100px;
    float: left;
}

.rewards .reward .info
{
    width: 160px;
    float: right;
}

.rewards .reward .name
{
    font-weight: bold;
    height: 40px;
}

.rewards .reward .description
{
    height: 90px;
}

.rewards .reward .points
{
    margin-top: 10px;
}

.rewardLabel {display:inline-block;}

.hd-container {
    background: #f9f9f9 url('../images/gradient-hd-band.png') repeat-x;
    min-height: 50px;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

.cssgradients .hd-container  
{
background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e9 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e9)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e9 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e9 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e9 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e9 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e9',GradientType=0 ); /* IE6-9 */

}

.rewards-results .span3, .wish-results .span3 {
    margin-bottom: 20px;
}

.rewards-results .span3:nth-child(5), .rewards-results .span3:nth-child(9), .rewards-results .span3:nth-child(13) {
    margin-left: 0;
}

#RewardCategories {
    width: 87%;
}


/* Reward Details Page */
.rewarddetails
{
    margin-left: -25px;
}

.description {
    line-height: 18px;
    font-size: 11px;
}

.rewarddetails .reward
{
    width: 840px;
    min-height: 400px;
    padding: 10px;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #CCCCCC;
}

.rewarddetails .reward .picture
{
    margin: auto;
    width: 260px;
    float: left;
}

.rewarddetails .reward .info
{
    width: 580px;
    float: right;
}

.rewarddetails .reward .name
{
    font-weight: bold;
    height: 30px;
}

.rewarddetails .reward .description
{
}

.rewarddetails .reward
{
    width: 100%;
}

.rewarddetails .reward .points
{
    margin-top: 10px;
}

.rewarddetails .reward .attributes
{
    margin-top: 10px;
}

.rewarddetails .reward .attributes .name
{
    font-weight: normal;
}

.rewarddetails .reward .actions
{
    margin-top: 20px;
}

.rewarddetails .reward .footnotes
{
    margin-top: 10px;
    clear: both;
    float: left;
    font-size: 11px;
    font-style: italic;
    color: red;
    width: 100%;
}

.rewarddetails .reward .footnotes .title
{
    font-weight: bold;
}

.rewarddetails .reward .footnotes div
{
    float: left;
    clear: both;
}

.rewarddetails .reward .termsandconditions
{
    margin-top: 10px;
    clear: both;
    float: left;
    font-size: 11px;
    font-style: italic;
    text-align: justify;
    width: 100%;
}

.rewarddetails .reward .termsandconditions .title
{
    font-weight: bold;
}

.rewarddetails .reward .termsandconditions div
{
    float: left;
}

.rewarddetails .reward .warning
{
    color: red;
    float: right;
}

ul.slides {
    list-style-type: none;
    margin: 0;
}

ul.slides img {
    max-height: 460px;
}

/******* carousel ***/

.car-col-l {
    max-width: 120px;
    width: 12%;
}

.car-col-r {
    max-width: 826px;
    width:86.26%
}
.maritz-carousel {
    overflow: hidden;
    position: relative; 
}
.maritz-carousel.no-buttons .maritz-carousel-slide-wrapper {
    margin-left: 10px !important;
    margin-right: 10px !important;
    
}
.maritz-carousel-slide a {
    display: block;
    /*REMOVED BECAUSE IT WAS CAUSING THE ADD TO CART BUTTON TO SPAN THE FULL WIDTH OF THE SLIDE ON THE HOMEPAGE REWARDS CAROUSEL*/
    /*width: 100%;*/
    color: #333;
}

.maritz-carousel-slide span.cat-name
{
    /*position: absolute;
    text-indent: -9999px;*/
    text-align: center;
    display: block;
    margin-top: -30px;
    font-size: 11px;
    color: #666666;
    line-height: 11px;
    max-width:90px;
}

.maritz-carousel-slide a {
    text-decoration: none;
    color: #333;
}

.cat-car {
    max-width: 90px;
    width: 100%;
    min-width: 90px;
    min-height: 90px;
    display: block;
}

/*.selected .cat-car {border: thick solid #af0b1c; height:88px;}*/

.cat-gift {


    width: 90px;
    height: 90px;
    background: url('../images/sprite-cat-catalog.png') no-repeat;
    background-position: 0 0;
}

.cat-l {

    width: 90px;
    height: 90px;
    background: url('../images/sprite-cat-catalog.png') no-repeat;
    background-position: 0 -95px;
}

.cat-s {

    width: 90px;
    height: 90px;
    background: url('../images/sprite-cat-catalog.png') no-repeat;
    background-position: 0 -200px;
}

.cat-e {
    max-width: 90px;
    max-height:90px;
    width: 90px;
    height: 90px;
    background: url('../images/sprite-cat-catalog.png') no-repeat;
    background-position: 0 -300px;
}

.cat-h {

    width: 90px;
    height: 90px;
    background: url('../images/sprite-cat-catalog.png') no-repeat;
    background-position: 0 -400px;
}

.cat-c {

    width: 90px;
    height: 90px;
    background: url('../images/sprite-cat-catalog.png') no-repeat;
    background-position: 0 -500px;
}

.cat-f {

    width: 90px;
    height: 90px;
    background: url('../images/sprite-cat-catalog.png') no-repeat;
    background-position: 0 -600px;
}


.cat-all {
    background: url("../images/cibc-sprite.png") no-repeat scroll -485px 0 transparent;
    height: 140px;
    width: 121px;
}

.cat-rewards {
    max-width: 121px;
    width: 100%;
}

 .car-btn-left-middle {
    left: -1px;
    position: absolute;
    top: 36%;
     z-index: 2;
     cursor: pointer;
}
#OffersCarousel .car-btn-left-middle, #WelcomeCarousel .car-btn-left-middle {
    top: 50% !important;
    margin-top: -15px;
}
 .car-btn-rgt-middle {
    right: 0;
    position: absolute;
    top: 36%;
    z-index: 2;
     cursor: pointer;
}
#OffersCarousel .car-btn-rgt-middle, #WelcomeCarousel .car-btn-rgt-middle {
    top: 50% !important;
    margin-top: -15px;
}


/***** Shopping Cart & WishList *****/
.cart-results a {
    display: inline-block;
    text-decoration: none;
    color: #2b2b2b;
    position: relative;
}

.cart-img {
    border: 1px solid #e8e8e8;
}

.cart-results a img {
    max-width: 80px;
}

.item-title a {
    font-weight: bold;
}

.cart-img {
    max-width: 120px;
    width: 26%;
    position: relative;
}

.cart-details {
    width: 70%;
    padding-top:20px;
}

.lt-ie9 .cart-details {width:50%;}

.top-line {
    border-top: 1px solid #cac9c2;
}
.bottom-line {
    border-bottom: 1px solid #cac9c2;
}

.total-pts {
    text-align: right;
}

.total-pts p {font-size: 12px; margin-bottom:0;}

.item-pos-top {
    height: 140px;
    padding: 20px;
}

.item-pos-middle {
    height: 140px;
    padding: 65px 20px; 
}

.item-list > div {
    margin-top: auto;
    margin-bottom: auto;
}

.conf-box:nth-child(odd) .item-list {
    background: #f5f5f5;
}

.group-addBook {
    background: #efefef;
    padding: 10px;
}

.group-addBook input[type="checkbox"] {
    margin: 0;
}

.order-details .form-horizontal .control-group {
    margin-bottom: 5px;
}

.order-details .form-horizontal .sm-control-label {
    padding-top: 0;
}

 .shopping-box {
        margin-left: 10px;
        margin-right: 10px;
 } 

/***** Profile *****/
.editPersonalInfo div.personalInfo
{
    margin-left: 0;
    width: 850px;
}

div.personalInfo .col2 div
{
    margin: 74px 0 0 0 
}

/***** Points History *****/
.pointsHistory
{
    margin-top: 20px;
}

.pointsHistory .table
{
    width: 100%;
}

.pointsHistory .row .cell
{
    width: 25%;
}

.pointsHistory .row .cell.date
{
    width: 100px;
}

.pointsHistory .row .cell.type
{
    width: 100px;
}

.pointsHistory .row .cell.points
{
    width: 150px;
}

.pointsHistory .row .cell.comments
{
    width: 300px;
}

/***** Checkout  *****/
.checkout
{
    margin-top: 15px; 
}

.shippingAddress
{
}

.shippingAddress .buttons
{
    margin-top: 15px;    
}

.shippingAddress .col3
{
    float: left;
}

.shippingAddress .col3 input.textEntry
{
    width: 150px;
}

.shippingAddress .col1
{
    float: left;
    width: 375px;
}

.shippingAddress .col2
{
    float: left;
    margin-left: 70px;
    width: 375px;
}

.order .table .row.details
{
    width: 100%;
}

.order .table .row .cell.details
{
    width: 200px;
}

.AddressLongLabel {line-height:24px; font-size:12px; margin-left:30px; display: block;}

.SubmitBtnUnChecked[disabled] {color:#fff !important;}
 
.SubmitBtnUnChecked 
{
 	/*zoom: 1;
	filter: alpha(opacity=20);
	opacity: 0.2;*/ 
	cursor:default;
	color:#fff !important;
}

.SubmitBtn, .SaveBtn 
{
 	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	color:#fff !important;   
}

.PrintPDFLink {padding: 5px 0 0 25px; height:23px; color:#af0b1c !important; text-decoration: none !important; background:url('../images/pdf_icon.jpg') no-repeat;}

/***** Surveys *****/
.surveys
{
    margin-top: 20px;
}

    .surveys .table
    {
        width: 100%;
    }

    .surveys .row .cell
    {
        padding-top: 20px;
        width: 25%;
        height: auto;
    }

        .surveys .row .cell.name
        {
            width: 200px;
        }

        .surveys .row .cell.description
        {
            width: 500px;
        }

        .surveys .row .cell.actions
        {
            /*padding-top: 20px;*/
            padding-left: 20px;
            width: 100px;
        }

.survey
{
}

    .survey .details
    {
    }

        .survey .details .byquestion
        {
        }

        .survey .details .bysection
        {
        }

        .survey .details .contentsection
        {
            border: 1px solid #CCCCCC;
            float: left;
            margin-bottom: 20px;
            min-height: 300px;
            padding: 10px;
            width: 840px;
        }

            .survey .details .contentsection .subsection
            {
                margin-top: 10px;
            }

            .survey .details .contentsection .top
            {
                font-weight: bold;
            }

            .survey .details .contentsection .subsection .questionsection
            {
                break-before: always;
                margin-top: 10px;
            }

            .survey .details .contentsection .subsection .questionhintsection
            {
                break-before: always;
                margin-top: 10px;
            }

            .survey .details .contentsection .subsection .answersection
            {
                break-before: always;
                margin-top: 10px;
            }

                .survey .details .contentsection .subsection .answersection label
                {
                    break-before: always;
                    margin-left: 10px;
                }

            .survey .details .contentsection .subsection .feedbacksection
            {
                break-before: always;
                color: red;
                margin-top: 10px;
            }

    .survey .start
    {
    }

    .survey .end
    {
    }

.alternateTextBox
{
    margin-left: 5px;
}


/***** Order History *****/
.orderHistory
{
    margin-top: 20px;
}

.orderHistory ul
{
    margin-bottom: 0;
    margin-top: 0;
}

.orderHistory .table
{
    width: 100%;
}

.orderHistory .table .row
{
    width: 100%;
}

.orderHistory .table .row .cell
{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.orderHistory .table .row .cell.date
{
    float: left;
    width: 70px;
}

.orderHistory .table .row .cell.id
{
    float: left;
    width: 50px;
}

.orderHistory .table .row .cell.address
{
    float: left;
    width: 450px;
}

.orderHistory .table .row .cell.points
{
    float: left;
    text-align: right;
    width: 50px;
}

.orderHistory .table .row .cell.actions
{
}

/***** Address Book *****/
div.addressBookInfo .addressSelector select.selectEntry
{
    width: auto;
    margin-bottom: 10px;
}

div.addressBookInfo .addressSelector
{
    margin-bottom: 10px;
}

div.addressBookInfo p
{
    margin: 0px 12px 0px 10px;
}

div.addressBookInfo p.buttons
{
    margin-top: 15px;
}

div.addressBookInfo .fields
{
    margin-top: 15px;
}

div.addressBookInfo .fields p
{
    margin: 2px 12px 10px 10px;
}

div.addressBookInfo .fields p.buttons
{
    margin-top: 15px;
}

div.addressBookInfo .successNotification {
    margin: 0px 0px 10px 10px;
}

div.accounts div.accountsHeader
{
    font-weight: bold;
}

div.accounts div.accountsHeader .cell
{
    float: left;
    width: 180px;
    margin-bottom: 15px;
}

div.accounts div.accountsHeader .cell.status
{
    width: 100px;
}

div.accounts div.accountsHeader .cell.radio
{
    text-align: center;
}

div.accounts div.accountsItem .cell
{
    float: left;
    width: 180px;
    margin-bottom: 10px;
}

div.accounts div.accountsItem .cell.status
{
    width: 100px;
}

div.accounts div.accountsItem .cell.radio
{
    text-align: center;
}

div.accounts div.accountsItem .cell .buttons input
{
  width: 100px;
  text-align: center;
}

div.editDelegateInfo .accountsDetails
{
    margin-left: 10px;    
}

div.editDelegateInfo .accountsDetails .table
{
    width: 100%;
}

div.editDelegateInfo .accountsDetails .table .cell.accountNumber
{
    width: 40%;
}

div.editDelegateInfo .accountsDetails .table .cell.verification
{
    width: 30%;
}

div.editDelegateInfo .accountsDetails .table .cell.confirmation
{
    width: 30%;
}


div.delegateInfo .delegatesDetails {
    margin-top: 10px;
}

div.delegateInfo .delegatesDetails .table
{
    width: 100%;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
}


div.delegateInfo .delegatesDetails .table .cell.delegate
{
    width: 50%;
    float: left;
    height: auto;
    margin: 5px 0 0px 0;
}

div.delegateInfo .delegatesDetails .table  .cell.delegate .title
{
    float: left;
    width: 35%;
    padding-left: 10px;
    padding-right: 5px;
    font-weight: bold;
}

div.delegateInfo .delegatesDetails .table  .cell.delegate .value
{
    float: left;
    width: 60%;
    text-align: left;
}

div.delegateInfo .delegatesDetails .table  .cell.links
{
    width: 100%;
    float: left;
    margin-left: 10px;
}

div.delegateInfo .delegatesDetails .table .cell.links .item
{
    width: auto;
    text-align: center;
    float: left;
    margin-right: 10px;
}

div.delegateInfo .delegatesDetails .table  .cell.accountNumber
{
    width: 40%;
    float: left;
    height: auto;
    margin: 5px 0 10px 0;
}

div.delegateInfo .delegatesDetails .table  .cell.accountNumber .title
{
    font-weight: bold;    
}

div.delegateInfo .delegatesDetails .table  .cell.accountNumber  .cell.title.account
{
    width: 60%;
    float: left;
    margin-top: 10px;
    height: 20px;
}

div.delegateInfo .delegatesDetails .table  .cell.accountNumber .cell.title.access
{
    width: 40%;
    float: left;
    margin-top: 10px;
    height: 20px;
}


div.delegateInfo .delegatesDetails .table  .cell.accountNumber .cell.account
{
    width: 60%;
    text-align: left;
    float: left;
    height: 20px;
   
}

div.delegateInfo .delegatesDetails .table  .cell.accountNumber .cell.access
{
    width: 40%;
    text-align: center;
    vertical-align: central;
    float: left;
    height: 20px;
  
}

/* PRINTER - BEGIN */
@media print
{
    .buttons
    {
        display: none;
    }

    .cartDisplay
    {
        display: none;
    }

    .header
    {
        display: none;
    }

    .hideSkiplink
    {
        display: none;
    }

    .languageDisplay
    {
        display: none;
    }

    .loginDisplay
    {
        display: none;
    }

    .title
    {
        display: none;
    }

    .wishListDisplay
    {
        display: none;
    }

    .page
    {
        border: 0 solid #fff;
    }
}
/* PRINTER - END */

/************** bootstrap styling start ********************/

/******** default styling *****/

body {
    padding-right: 0;
    padding-left: 0;
    font: 11px verdana, Helvetica, sans-serif;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#2b2b2b;   
}

h1, h2 
{
    font-weight:normal;
}

h1 
{
    font-size:32px;
}

h2 
{
    font-size:16px;
    line-height: normal;
}

h3 
{
    font-size: 18px;
    line-height: 25px;
}
.bkgd-graygrad {
    background-image: url('../images/headerGrayGredient.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FFF;
    max-height: 48px;
}
h4 
{
    font-size: 14px;
    margin:0;
}

h5
{
    font-size:13px;
}

h6 {
    font-size: 12px;
    margin-bottom: 5px;
}

.links-info {
    display: inline-block;
}   
 
.container, body{
	min-width:320px;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 100%;
}


.container-section {
    margin-bottom: 20px;
}

.top-nav 
{
   width:85%;
}


legend 
{
    border:none;
}

.label-icon {
    display: inline-block;
}

/********* error handling *********/
.error-list-wrapper {
    display: none;
}
.error-box {
    font-weight: bold;
    padding: 10px;
    margin: 10px 0;
}

.borderradius .error-box {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
     border-radius: 4px;
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
    position:relative;
}

.error-box ul {
    font-weight: normal;
}
.control-group.error input, .control-group.error select, .control-group.error textarea, input.error, select.error {
    border-color: #B94A48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

/*********** rewards slider *******/

#PointsSlider {
    max-width: 280px;
    margin-left: 5px;
}

.ui-slider-horizontal 
{
    /*REMOVED BECAUSE THE IMAGE WAS VISIABLE ON THE DATE PICKER CONTROL*/
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: 0 -51px;
    border: none;
}
.small.ui-slider-horizontal {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -89px -80px;
    border: none;
    height: 11px;
    max-width: 222px !important;
}
.small.ui-slider-horizontal .ui-slider-handle {
    margin-left: -2px;    
}
.ui-slider-horizontal {
    height: 20px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -47px -20px;
    height: 24px;
    width: 15px;
    filter: none; 
    
}
.small .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-position: -73px -77px;
    width: 16px;
    height: 17px;
}
.ui-slider .ui-slider-range {
     background: #dcb700; /* Old browsers */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
    height: 20px;
}
.small.ui-slider .ui-slider-range {
    height: 11px;
}
.cssgradients .ui-slider .ui-slider-range {
background: -moz-linear-gradient(top,  #dcb700 0%, #ffd400 51%, #dcb700 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcb700), color-stop(51%,#ffd400), color-stop(100%,#dcb700)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #dcb700 0%,#ffd400 51%,#dcb700 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #dcb700 0%,#ffd400 51%,#dcb700 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #dcb700 0%,#ffd400 51%,#dcb700 100%); /* IE10+ */

background: linear-gradient(to bottom,  #dcb700 0%,#ffd400 51%,#dcb700 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcb700', endColorstr='#dcb700',GradientType=0 ); /* IE6-9 */
}

/* Large desktop */
@media (min-width: 979px)  
{
    
    .navbar .nav {
    padding-left: 10px;   
}
	.wrapper-inner {
		/*padding-top:150px;*/
	}
	.container {
		max-width:980px;

	}
	.cardsInfoWrapper {
	    max-width: 865px;
	    margin: 0 auto !important;   
	}
	
}
/*	.login-box {
	    height: 75px;
	    min-height: 0px;
	    background-image: url(../images/mobileLoginBackground.jpg);
        background-repeat: repeat-x;
	    margin-top: 0 !important;
	    margin-bottom: 20px;
	    display: block !important;
	}
	.signInText {
	    display: block;
	    font-size: 12px;
	    line-height: 12px;
	    font-weight: normal;
	}
	.login-box .short {
	    width: 143px;
	}
	.login-box .control-group {
	    margin-bottom: 5px;
	}
	.login-box .form-horizontal .control-label {
	    width: 75px;
	}
	.login-box h4{
	    float: left;
	    margin-top: 26px;
	    margin-right: 30px;
	    margin-left: 26px;
	}
	.login-box fieldset {
	    float: left;
	}
	.login-box .textFields {
	    float: left;
	    margin-top: 8px;
	    margin-right: 20px;
	}
	.login-box .lgn-buttons {
	    float: left;
	}
	.login-box #LoginButton {
	    clear: both;
	}
	.login-box .signInButton {
	    margin-top: 8px;
	    margin-right: 40px;
	    padding-right: 7px;
	    float: left;
	}
	.login-box .registerButton {
	    margin-left: 35px;
	    margin-top: 15px;
	    font-size: 14px;
	    font-weight: bold;
	    float: left;
	}
	.login-box .registerButton a
	{
	    margin-top: -5px;
	    margin-left: 20px;
	}
}
*/
.box-bkgd-dark 
{
    border: 1px solid #e1dfd4;
    background: #fff url('../images/gradient-rewards-search.png') repeat-x;
    background-position: bottom;
}

.cssgradients .box-bkgd-dark {



background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e9 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e9)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e9 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e9 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e9 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e9 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e9',GradientType=0 ); /* IE6-9 */

}

.box-bkgd-lighter {
    background: #fff url('../images/gradient-car-icons.png') repeat-x;
    border: 1px solid #e7e7e7;
}

.cssgradients .box-bkgd-lighter {

background: -moz-linear-gradient(top,  #ffffff 0%, #f5f4ee 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f4ee)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f4ee 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#f5f4ee 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#f5f4ee 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#f5f4ee 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f4ee',GradientType=0 ); /* IE6-9 */

}

.box-bkgd-beige {
    background: #f5f4ee;
    border: 10px solid #fff;
    margin-left: 10px;
    margin-right: 10px;
}

.box-bkgd-beige-nb {
   background: #f5f4ee;
    padding: 20px;
}
.box-bkgd-white-nb {
    background: #FFF;
    padding: 10px 10px 20px; 
}

.box-bkgd {
    background: #f2f2f2;
    cursor: pointer;
    overflow: hidden;
}

.box-border {
    border: 1px solid #e8e8e8;
    min-height: 415px;
    position: relative;
}
.rewards .box-border {
    border: 1px solid #e8e8e8;
    padding: 20px;
    min-height:30px;
}

.container-border {
    border: 1px solid #e8e8e8;
    min-height: 461px !important;
}


.box-border-small {
    border: 1px solid /*#ccc*/ #efefef;
    min-height: 215px;
}

.row-fluid [class*="span"] .box-height {
    margin: auto;
}

.row-fluid [class*="span"] .box-placeholder {
    background: #fff;
    z-index: 2;
}

.row-fluid [class*="span"] .box-replace {
    z-index: 1;
}

.box-plus-wrapper {
    position: relative;
}

.row-fluid  .layoutBoxes .box {
    min-width: 300px;
}

.row-fluid [class*="span"] a.box-plus {
    font-size: 240px;
    color: #ccc;
    display: block;
    text-decoration: none;
    min-width: 100%;
    height: 100%;    
    background: url('../images/icon-plus.png') center center no-repeat;
    min-height: 415px;
}

.wrapper-box-switch {
    position: relative;
}

 .wrapper-box-switch [class*="span"] {
     position: absolute;
     margin-left: 0;
}

.icon-container-empty {
    height: 20px;
}

/************ header ********/

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 0;
    margin-right: 0;
}

.navbar .btn-navbar 
{
    background-color: transparent;
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: 0 -75px;
    border-radius: 0;
    box-shadow: none;
    width: 60px;
    height: 20px;
    border: none;
}

.navbar-inner {
    filter: none;
}

.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
    background-color: transparent;
}

.navbar-inner {
    background-image: none;
    background-color: transparent;
}

.nav-inner-top {
    height: 100px;
}

.main-nav-inner {
    height: 50px;
    position: relative;
}


.top-nav {
    background: #AF0B1C url('../images/pattern.png') repeat-x;
    height: 100px;
    background-position: bottom;
}

.navbar .nav > li > a {
    text-shadow: none;
    color: #fff;
    font-size: 11px;
}

.navbar .nav-main > li > a {
    font-size: 15px;
} 

.navbar .nav-main > li > a:hover {
    color: #333;
}

.top-nav .nav > li {
    border-left:1px solid #d51e35;
    margin-top: 15px;
    line-height: 12px;
}

.top-nav .nav > li:nth-child(6), .top-nav .nav > li:nth-child(7), .top-nav .nav > li:nth-child(8) {
    border-left: none;
}

/*#LoginInfoUpdatePanel li:last-child {
    border-left: none;
}*/

.top-nav .nav-lower > li:nth-child(4), .top-nav .nav-lower > li:nth-child(5) {
    border-left: none;
}
.PRODVACGOLDVISA .top-nav .nav-lower > li:nth-child(2), .PRODVACGOLDVISA .top-nav .nav-lower > li:nth-child(3) {
    border-left: none;   
}
.link-selector {
    margin-left: 10px;
}
.top-nav .nav > li.link-contact {
    border-left: none;
}

.navbar .brand {
    margin-left: 0;
    width: 140px;
}

.navbar .brand img {
    float: left;
}

.top-nav .nav > li {
	float:right;
}

.navbar .brand {
	min-height:60px;
}

.navbar .nav-main > li > a {
    padding: 14px 20px;
}

.top-nav .nav {
	font-size:12px;
    float: none;
}

 .top-nav .nav > li > span.nav-txt 
 {
     padding:10px 15px;
 }

.top-nav .nav > li > a, .top-nav .nav > li.link-name {
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
}
.top-nav .nav li a:hover {color:#fff; text-decoration: underline;}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: none;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    border: none;
    padding: 0;
}


.top-nav .nav {
    margin: 0 5px 0 0;
}
.nav-main {
	width:100%;
    color: #fff;
    position: relative;
    z-index: 100;
    background: #af0b1c url('../images/hd-gradient.png') repeat-x;
    background-position: bottom;
}

.wrapper-page 
{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#wrapper {
    background: #fff url('../images/hd-shadow.png') repeat-x;
    background-position: top;   
    padding-top:20px;
}

/*.rewards #wrapper, .homepageLI #wrapper, .homepageLO #wrapper
{
    padding-top: 30px;
    background:transparent url('../images/gradient-hd-rewards.png') repeat-x;
    background-position: top;  
}
*/
.main-nav {
    background: #af0b1c;
}


 .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus 
  {
     background: #f9f9f9;
  }
  
  .navbar .nav-main li a {font-size:13px;}
  
  .navbar .nav-main > li > a:hover{
      color: #333;
      background: #fff url('../images/hd-gradient-gray.png') repeat-x;
      background-position: bottom;    
  }
  

 .cssgradients .nav-collapse .nav > li > a:hover,
   .cssgradients .nav-collapse .nav > li > a:focus,
   .cssgradients .nav-collapse .dropdown-menu a:hover,
   .cssgradients .nav-collapse .dropdown-menu a:focus {

background: -moz-linear-gradient(left,  #f9f9f9 0%, #dbdbdb 50%, #d8d8d8 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f9), color-stop(50%,#dbdbdb), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #f9f9f9 0%,#dbdbdb 50%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #f9f9f9 0%,#dbdbdb 50%,#d8d8d8 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #f9f9f9 0%,#dbdbdb 50%,#d8d8d8 100%); /* IE10+ */

background: linear-gradient(to right,  #f9f9f9 0%,#dbdbdb 50%,#d8d8d8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8',GradientType=1 ); /* IE6-9 */


  } 
  
  
  .nav-select 
  {
      border:none;
      background:#f2f2f2;
      width:127px;
      height: 25px;
  }
  
  .navbar .nav-main > li > a {
      background: #af0b1c url('../images/hd-gradient.png') repeat-x;
      background-position: bottom;
      border-left: 1px solid #a33033;
      border-top: 2px solid #b80923;
      border-right: 4px solid #900913;
  }
  
  .cssgradients .navbar .nav-main >li >a {
      background: -moz-linear-gradient(top,  #af0b1c 0%, #af0b1c 48%, #a30a1a 50%, #a30a1a 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af0b1c), color-stop(48%,#af0b1c), color-stop(50%,#a30a1a), color-stop(100%,#a30a1a)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #af0b1c 0%,#af0b1c 48%,#a30a1a 50%,#a30a1a 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #af0b1c 0%,#af0b1c 48%,#a30a1a 50%,#a30a1a 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #af0b1c 0%,#af0b1c 48%,#a30a1a 50%,#a30a1a 100%); /* IE10+ */

background: linear-gradient(to bottom,  #af0b1c 0%,#af0b1c 48%,#a30a1a 50%,#a30a1a 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af0b1c', endColorstr='#a30a1a',GradientType=0 ); /* IE6-9 */
  }
  
  .navbar .nav-main > li > a.selected {
      background: #fff url('../images/hd-gradient-gray.png') repeat-x;
      background-position: bottom;
      color: #333333;
      /*border: 1px solid #fff*/;
  }
  
  
  .cssgradients .navbar .nav-main > li > a.selected {

background: -moz-linear-gradient(left,  #f9f9f9 0%, #dbdbdb 50%, #d8d8d8 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f9), color-stop(50%,#dbdbdb), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #f9f9f9 0%,#dbdbdb 50%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #f9f9f9 0%,#dbdbdb 50%,#d8d8d8 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #f9f9f9 0%,#dbdbdb 50%,#d8d8d8 100%); /* IE10+ */

background: linear-gradient(to right,  #f9f9f9 0%,#dbdbdb 50%,#d8d8d8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8',GradientType=1 ); /* IE6-9 */


  } 
      
/********* nav tabs *****/

.nav-tabs > li > a {
    border-radius: 2px;
    color: #af0b1c;
    text-decoration: none;
}

.nav-tabs > li > a {
    margin-right: 0;
}

.nav-tabs li a {
    background: #e8e8e8 url('../images/gradient-menuTab.png') repeat-x;
    border: 1px solid #cac9c2;
}

.cssgradients .nav-tabs li a {

background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */


}  

.nav-tabs li a.selected {
    background: #fff;
    border: 1px solid #cac9c2;
    color: #000;
}

  
/******* footer ******/

footer {
    margin-top: 0 !important;
}

.footer 
{
    text-align:center;
    width: 100%;
   
}

.container-footer {
    margin-left: auto;
    margin-right: auto;
    background: #af0b1c;     
}

.container-sub-footer {background:#fff; padding:30px 20px 0; max-width:940px;}

.container-copyfooter {text-align:center; padding:30px 0; background:#fff;}

.footer-links 
{
    padding:15px 0;    
    margin:0;

}

.footer-links li 
{
    display:inline;
    padding: 0 15px;
    border-right:1px solid #fff;
}

.footer-links li:last-child 
{
    padding-right:0;
    border-right:none;
}

.footer-links a 
{
    font: 12px verdana, helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
}

.footer-links a:hover {text-decoration: underline;}

/************ layout containers******/

a.close {
    text-decoration: none;
    color: #000;
}

.icon-close {
    margin-top: -25px;
}

.layoutBoxRepeater {
    font-size: 11px;
}

.row-fluid > [class*="span"] > .inner-fluid {
	padding:10px 20px;   
}

.row-fluid > [class*="span"] > .inner-left {
    padding: 10px 20px 10px 0;
}

.footer-lower .nav-list {
   padding-left:10px;
}

.row-fluid > [class*="span"] > .box > .inner-fluid, .row-fluid > [class*="span"] > .box-outer > .inner-fluid {
	padding:10px 20px;   
}


.row-fluid > [class*="span"].b-none > .box > .inner-fluid{
    padding: 10px 20px 10px 0;
}

.borderradius .box, .borderradius .box-outer, .borderradius .box-span {
	-webkit-border-radius: 8px;
	-moz-border-radius:8px;
	border-radius: 8px;
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
    position:relative;	 
}

.layout-content {padding:20px;}

.DelegateRegistration .layout-content {padding:0 20px;}

.DelegateRegistration .layout-content p {margin:15px 0;}

.layout-content.leftRight {
    padding: 0 20px 0 20px;   
}

.layout-full 
{
    width:100%;
}

.disabled .tab-display, .disabled .box-border {
    background: #f1f1f1;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
     opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


/****************** form ********************/

.delegates input[type="checkbox"] {
    margin: 0 10px 0 0;
}

.DelegateRegistration .control-group { padding-left:0px;}
.DelegateRegistration .DelegateRegistrationLeft .control-group {padding-left:30px;}
.DelegateRegistration .securityQuestions .control-group {padding-left:0;}

.login-box .control-group {width:250px;}
.control-group {
    margin-bottom: 8px;
}

.form-horizontal .control-label 
{
    width:220px;
    margin-right:20px;
    text-align: left;
}

.form-horizontal.short-labels .control-label 
{
    width:115px;
    margin-right:20px;
    text-align: left;
}

.form-horizontal .m-control-label 
{
    width:150px;
    margin-right:20px;
    text-align: left;
    float: left;
    padding-top: 5px;
}

.form-horizontal .sm-control-label 
{
    width:75px;
    margin-right:20px;
    text-align: left;
    float: left;
    padding-top: 5px;
}

.form-horizontal .controls {
    margin-left:0;
}

.tab-display {
    /*width: 100px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    height: 20px;
    padding: 5px 10px;
    text-align: center;*/
    width: 100%;
    border: none !important;
    padding: 20px 0 10px 0;
    height: 20px; 
    text-align: left;
    background:#efefef;
    font-weight: bold;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    text-indent:20px;
}

.tab-display-none {
    width: 100px;
    border: none;
    border-bottom:none;
    height: 20px;
    padding: 5px 10px;
    text-align: center;
}

.borderradius .tab-display {
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
    position:relative;    
}

.spacing-left {
    margin-left: 10px;
}
.md-spacing-left {
    margin-left: 20px;   
}
.md-spacing-right {
    margin-right: 20px;   
}
.spacing-right {
    margin-right: 10px;
}
.hd-band {
    margin-left: 20px;
    margin-right: 20px;
}

.spacing-right-small {
    margin-right: 10px;
}

.spacing-top {
    margin-top: 20px;
}

.sm-spacing {
    margin: 10px;
}

.sm-spacing-top {
    margin-top: 10px;
}

.sm-spacing-left {
    margin-left: 10px;
}

.sm-spacing-right {
    margin-right: 10px;
}

.sm-spacing-bottom {
    margin-bottom: 10px;
    display: block;
}

.smallest-spacing-bottom {
    margin-bottom: 5px;
}

.slider {
    margin-bottom: 9px;
}

.lg-spacing-left {
    margin-left: 30px;
}

.lg-spacing-right {
    margin-right: 30px;
}

.lg-spacing-top {
    margin-top: 30px;
}

.lg-spacing-bottom {
    margin-bottom: 30px;
}

.pos-bot {
    position: absolute;
    bottom: 0;
}

.pos-rgt {
    position: absolute;
    right: 0;
}

.box-position {
    position: relative;
}

.no-label {
    margin-top: 30px;
}

.row-fluid [class*="span"] .no-spacing-left {
    margin-left: 0;
}

.spacing-top {
    margin-top: 20px;
}

.spacing-bottom {
    margin-bottom: 20px;
}

.CardsListBlock .spacing-vertical {margin:15px 0;}
#MainContent_MainContent_CardsListView_ViewCard_0_CardImage_0.spacing-vertical {margin-bottom:53px;}

a.icons-links{
    text-decoration: none;
    color: #2b2b2b;
    font-size: 11px;
    position: relative;
    display: inline-block;
}

/************ images styles *********/

.img-scale {
    width: 100%;
}

.box-img {
    position: relative;
    border: 1px solid #dfded9;
    
}
.tp-wish .tooltip {
    max-width: 150px !important;
    width: 150px !important;    
    left: 10px !important;
}

.tp-cart .tooltip {
    width: 150px;
    left: auto !important;
    right: 10px;
}

.tooltip.bottom .tooltip-arrow {
    border-width: 0 6px 8px;
    left: 20px;
}

.tp-cart .tooltip.bottom .tooltip-arrow {
    border-width: 0 6px 8px;
    left: auto !important;
    right: 10px;
}


.tooltip-inner {
    border-radius: 0;
    text-align: left;
    line-height: 12px;
    padding: 6px;
    min-width: 175px;
}

.img-bkgd {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    width: 100%;
    background: #fff;
    padding-bottom: 35px;
}

.img-bkgd img{
    /*max-width: 190px;
    max-height: 152px;*/
    margin-top: 25px;
    
}

.img-box-border {
    border: 1px solid #e8e8e8;
}

a.icon-top-left 
{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    width: 20px;
    height: 15px;
    cursor: pointer;
    text-indent: -9999px;
}

a.icon-top-left-car 
{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    width: 35px;
    height: 20px;
    cursor: pointer;
    text-indent: -9999px;
}


.small-icons .wish-off {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -100px -17px;
}

.large-icons .wish-off {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: 0 -145px;
}

.small-icons .wish-on {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -100px 0;
}

.large-icons .wish-on {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: 1px -110px;
}

a.icon-top-rgt 
{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-indent: -9999px;
}

a.icon-top-rgt-car 
{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 35px;
    height: 20px;
    cursor: pointer;
    text-indent: -9999px;
}

.small-icons .cart-off {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -123px -20px;
}

.large-icons .cart-off {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -40px -145px;
}
.small-icons .cart-on {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -123px 3px;
}

.large-icons .cart-on {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -40px -111px;
}

.img-txt {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.box-caption {
    position: absolute;
    bottom: -100px;
    z-index: 2;
    /*background: url('../images/img-trans-wht.png');*/
    background: #fff;
	filter: alpha(opacity=90);
	background-color:rgba(255,255,255,0.8);
    color: #333333;
    font-size: 10px;
    text-align: center;
    width: 98%;
    border-top: 1px solid #e7e7e7;
    padding-bottom: 10px;
}

.box-caption h4 {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 14px;
    padding: 5px 5px 10px;
}



/******* btn styles ***/

.btn-single {
    background: #af0b1c; /* Old browsers */
    font-weight: bold;
    margin:5px 0;
}

.btn-reverse {border:thin solid #af0b1c !important; background:#fff !important; color: #af0b1c !important;     behavior: url(/Scripts/Misc/css3pie/PIE.htc); position:relative;}

.btn-single, a.btn-single:visited, a.btn-single:active, .btn-single:hover, .btn-single:focus, a.btn-single {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    padding: 4px 20px;
}

.btn-single:hover {background:#af0b1c;}

.btn-single:lang(fr) {padding:4px 5px;}

.dropdown-menu > li > a {
    text-decoration: none;
}

a.dropdown-toggle {
    text-decoration: none;
    color: #2b2b2b;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 11px;
}

.cssgradients .btn-single {

background: -moz-linear-gradient(top,  #af0b1c 0%, #af0b1c 50%, #af0b1c 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af0b1c), color-stop(50%,#af0b1c), color-stop(100%,#af0b1c)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #af0b1c 0%,#af0b1c 50%,#af0b1c 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #af0b1c 0%,#af0b1c 50%,#af0b1c 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #af0b1c 0%,#af0b1c 50%,#af0b1c 100%); /* IE10+ */

background: linear-gradient(to bottom,  #af0b1c 0%,#af0b1c 50%,#af0b1c 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af0b1c', endColorstr='#af0b1c',GradientType=0 ); /* IE6-9 */
}



.btn-arrow {
    padding: 5px;
    font-size: 11px;
    text-transform: uppercase;
}

.btn-rgt-arrow {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -150px 0;
    height: 12px;
    width: 12px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    margin-bottom: 2px;
}

.btn-left-arrow {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -150px -12px;
    height: 12px;
    width: 12px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    margin-bottom: 3px;
}

.btn-up-arrow {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -75px -25px;
    height: 12px;
    width: 12px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    margin-bottom: 2px;
}



/****************** rewards page *********/

.reward-box {border: none;}

.pts {
    font-weight: bold;
    font-size: 12px;
}

.spacing-car-left {
    margin-left: 60px;
}

.spacing-car-right {
    margin-right: 60px;
}


.slider .selected {
    background: red;
}

.filters select {
    width: 180px;
}

.slider-cat {
    background:#fff;
    padding: 3px;
    text-align: left;
    min-height: 18px;
    height: auto;
    border-top: 2px solid #e7e7e7;
}

.slider-cat ul {
    margin: 0;
}

.slider-cat ul li {
    display: inline;
    list-style-type: none;
    border-right: 1px solid #ae1f24;
    vertical-align: middle;
}

.slider-cat ul li:last-child {
    border-right: none;
}

.slider-cat ul li a {
    color: #ae1f24;
    font-size: 11px;
    padding: 0 10px;
}

#SliderPts {font-weight: normal;}

.top-carousel {
    position: relative;
}

.top-carousel .maritz-carousel-slide-wrapper {
    max-width: 820px;
    max-height: 189px;
    overflow:hidden
}
.maritz-carousel-slide {
    float: left !important;
}
#CategoriesRotator {
    position: relative;
}
/*#CategoriesRotator .maritz-carousel-slide-wrapper 
{
    max-width: 708px;
    width: 100%;
    overflow: hidden;
    margin-left: 53px;
    margin-right: 54px;
    max-height: 90px;
}*/
#CategoriesRotator .maritz-carousel-slide-wrapper 
{
    max-width: 86.9%;
    width: 100%;
    overflow: hidden;
    margin-left: 7%;
    margin-right: 7%;
    max-height: 90px;
}

.car-btn-left {
    position: absolute;
    top: 40%;
    left: 0;
}

.car-btn-rgt {
    position: absolute;
    top: 40%;
    right: 0;
}

.btn-prev {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -392px 0;
    height: 30px;
    width: 41px;
}

.btn-next {
    background: url('../images/cibc-sprite.png') no-repeat;
    background-position: -349px 0;
    height: 30px;
    width: 41px;
}

.rewards-results {
    background: #fff;
}


@media (max-width: 979px)  
{
    .welcome-message {
        font-size: 14px !important;
    }
    .welcome-message .points {
        font-size: 14px !important;
    }
    .card-info {
        top: 100px !important;
    }
    .user-info {
        background-position: 10px -30px !important;
    }
    
    .faq-title-margin {
         margin-left: 15px !important;
         margin-bottom: 0px !important;
     }
    .login-box {
        overflow: hidden;
    }
    .login-box fieldset {
        width: 74%;   
    }
    .login-box .registerButton a {
        clear: both;
        margin-top: 8px !important;
        margin-left: 0px !important;
    }
    .login-box .textFields {
        width: 35%; 
    }
    .page_title {
        margin-bottom: 25px;
        margin-top: 10px;
        font-weight: bold;
        font-size: 24px !important;
        padding: 0 0 15px 15px;
    }
    .page_title .bar {
        display: none;
    }
    .page_title.title_border {
        border-bottom: 1px solid #e3e3e3;   
    }
.login-box #LoginButton {
    float: right !important;
}
.login-box {
    background-color: #ededed;
    display: none;
    min-height: 0px;   
}
    div[data-fixedheight="true"] {
        height: auto !important;
    }
    div[data-fixedheight="true"] .bottom {
        position: relative !important;
    }
     /*.row-fluid .span4 {
        width: 100%;
    }*/
    
    .row-fluid .box-mobile {
        width: 100%;
        margin-left: 0 !important;
    }
    
    #NavigationMenu ul li a {
        background: #f3f3f3 url('../images/arrow-right-red.png') no-repeat 95% center;
        border-bottom: 1px solid #fff;
        border-right: none;
        border-left: none;
        border-top: none;
        color: #333333;
        font-size: 12px;
        font-weight: normal;
        font-family: verdana, arial, sans-serif;  
    }
    
     #NavigationMenu ul li a:hover {
        background: #e7e7e7 url('../images/arrow-right-red.png') no-repeat 95% center;
    }
    
    .nav-collapse .nav-main > li > a {
        border-radius: 0;
    }
    
    .nav-collapse .nav > li > a {
        margin-bottom: 0;
        border-radius: none;
    }

	.nav-collapse .nav-main {
   	 	float: none;
   	 	margin: 0;
	    clear: both;
	}
	
	
	.navbar .btn-navbar {
		float:left;
	    margin-bottom: 10px;
	    margin-left: 11px;
	    margin-top: 10px;
	}
	
	.navbar .nav.utility-nav {
	    float: none;
	    height: 40px;
	    left: 10% !important;
	    position: absolute;
	    right: auto;
	    top: 60px;
	    width: 90%;
	    z-index: 1;
	    min-width:218px;
	}
	
	.navbar .nav.utility-nav .nav {
		float:right;
		margin-right:20px;
	}
	
	.btn-menu {
	    width: 80px;
	    height: 40px;
	    border-right: 1px solid #6a0a0f;
	}
	
	.top-nav {
	    position: relative;
	}

	.top-nav .nav > li > a {
		padding:0 8px;
	}
	
	 /*.row-fluid .span6 {
        width: 100%;
	     margin-left: 0;
    }*/
    
    .row-fluid [class*="span"] a.box-plus {

        left: 38%;

    }
    
    .offset-mobile .offset-col {
        margin-left: 0 !important;
    }
    
    .main-nav {
        background: #af0b1c url('../images/hd-gradient.png') repeat-x;
        background-position: bottom;
    }
    
    .cssgradients .main-nav {
        background: #c7111d; /* Old browsers */

background: -moz-linear-gradient(top,  #c7111d 0%, #af0b1c 48%, #960c09 50%, #760a00 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7111d), color-stop(48%,#af0b1c), color-stop(50%,#960c09), color-stop(100%,#760a00)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #c7111d 0%,#af0b1c 48%,#960c09 50%,#760a00 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #c7111d 0%,#af0b1c 48%,#960c09 50%,#760a00 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #c7111d 0%,#af0b1c 48%,#960c09 50%,#760a00 100%); /* IE10+ */

background: linear-gradient(to bottom,  #c7111d 0%,#af0b1c 48%,#960c09 50%,#760a00 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7111d', endColorstr='#760a00',GradientType=0 ); /* IE6-9 */


    }
    
     .navbar .main-nav {
        position: absolute;
        width: 100%;
        border-top: 1px solid #a50b1b;
    }
    
    .navbar .main-nav ul li a img {
        float: right;
    }
    
     .nav-inner-top {
        height: 80px;
    }
    
    .nav-inner-top {
        width: 100%;
    }
    
    .pointsRange .span3, .pointsRange .span5, .rewards-results .span5 {
        /*width: 100%;
        margin-left: 0;*/
        margin-left:10px;
    }
    
    .rewards-results .offset7:first-child {
        margin-left: 0;
    }
    
    /*.pointsRange .selectEntrySmall, .rewards-results .selectEntrySmall {
        width: 100%;
    }*/
    
    .rewards-results .span3 {
        margin-bottom: 10px;
    }
    
    .rewards-results .tooltip {
        display: none;
    }
    
    .rewards-results .box-caption,  .wish-results .box-caption, .car-results .box-caption {
        bottom: 0 !important;
    }
    
    /*.pointsRange .keyword-entry {
        width: 100%;
    }
    
    .pointsRange .search-entry {
        top: 40px;
        width: 100%;
        left: 0;
    }*/
    
    .pointsRange .search-entry a.btn {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 80px;
    }
    
    .box-bkgd-beige {
        margin-left: 0;
        margin-right: 0;
        border: none;
        padding-bottom: 1px;
    }
    
    .rewards #wrapper {
        background:#fff url('../images/hd-shadow.png') repeat-x;
        background-position: top;  
        margin-top: 0;
        padding-top: 10px;
    } 
    
    span.bar {
         margin-right: 4px;
    }
    
    .f-hd_red {
        font-size: 14px;
    }
    
    .top-nav .nav > li.link-contact {
        border-left: 1px solid #fff ;
    }
    
    .top-nav .nav > li.link-lang {
        border-left: none;
    }
    
    .top-nav {
        height: 120px;
    }
    
    .pts-container {
        float: left;
        width: 45%;
    }
    
    .qty-container {
        float: right;
        min-width: 125px;
        width: 15%;
        
    }
    
    .f-width {
        width: 100%;
    }
    
    .cart-img {
        max-width: none;
        width: 100%;
        text-align: center;
    }
    
    .cart-details {
        width: 100%;
    }
    
    .cart-results .span1, .cart-results .span2 {
        width: 100%;
    }
    
    .cart-results .form-horizontal .control-label {
        width: 50px;
    }
    .qty-container-mob {
        width: 120px;
        margin: 0 auto;
    }
    
     .qty-container-mob-nd {
        width: 120px;
        margin: 0 auto;
    }
    
     .pts-container-mob {
        width: 150px;
         margin-left: auto !important;
         margin-right: auto !important;
    }
    
    .cart-details .item-title {
        text-align: center;
        padding: 10px 0 20px;
    }
    
    .pts-label {
        display: inline !important;
    }
    
    .pts-container-mob .pts {
        color: #af0b1c;
    }
    
    .form-horizontal .qty-container-mob .control-label,   .form-horizontal .qty-container-mob-nd .control-label {
        float: left;
        width: 55px;
    }
    
    .form-horizontal .pts-container-mob .control-label {
         float: left;
        width: 40px;
    }

    .qty-container-mob-nd { 
        width: 80px;
    }  
    
    .qty-container-mob .control-label {
        margin-right: 0;
    }
    
    .cart-results .lg-spacing-bottom {
        margin-bottom: 10px;
    }
    
    .cart-results a img {
         max-width: 190px;
    }
    
    .shopping-box {
        border: 1px solid #e8e8e8;
        margin-left: 10px;
        margin-right: 10px;
    }
    .cart-img {
        border-top: none;
        border-left: none;
        border-right: none;
    }
    
    .cart-img img {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    ul.slides img {
        max-width: 150px;
    }
    
    ul.slides {
        margin: 0 auto;
        width: 150px;
    }
    
    .container-border {
        border: none;

        height: auto !important;
    }
    
    .container-border .spacing-left {
        margin-left: 0;
    }
    
    .container-border .spacing-right {
        margin-right: 0;
    }
    
    .flexslider {
        border: 1px solid #cccccc;
        margin-top: 20px;
        margin-bottom: 10px;
        padding: 40px 0;
    }
    
    h3.prod-title {
        font-size: 14px;
    }
    .top-line {
        border:none;
    }
    
    .total-pts {
        text-align: left;
        background: #f5f4ee;
        padding: 20px 10px;
        font-size: 12px;
        margin: 0 0 20px 0;
    }
    
    .total-pts-title {
        color: #af0b1c;
        width: 150px;
        display: inline-block;
    }
    
    .total-pts-nr {
        text-align: right;
        width: 100px;
        display: inline-block;
    }
    
    .shopping-btns .btn-container
    {
        float: none;
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }
    
    .row-fluid .item-list {
        height: auto;
    }
    
    .item-pos-middle {
        padding: 0;
        width: 100% !important;
    }
    
     .item-pos-middle .pts {
         color: #AF0B1C;
     }
    
    .item-pos-top {
        padding: 20px 0;
    }
    
    .form-horizontal .pts-mobile {
        float: left;
        margin-top: 3px;
    }   
    
    .form-horizontal .qty-container-mob-nd .control-label,  .form-horizontal .pts-container-mob .control-label {
        padding-top: 0;
        margin-right: 0;
    }
    .cart-details .item-title {
        padding: 10px 0 0;
    }
    
     .form-horizontal .qty-container-mob-nd {
         margin-bottom: 0;
     }
     
     .conf-box:nth-child(2n+1) .item-list {
        margin-left: 0;
    }
    
    .checkout .span7,  .checkout .span5 {
        width: 100%;
    }
    
    .checkout .span7, .checkout .span5 {
        margin-left: 0;
    }
    .shopping-box {
        margin-left: 0;
        margin-right: 0;
    } 
    
    .main-nav-inner {
        height: 41px;
    }
    
    .rewards-results .span3, .wish-results .span3 {
        margin-bottom: 10px;
    }
    
    #RewardCategories {
        width: 86%;
    }
    
    .rewards-results .img-txt span,  .wish-results .img-txt span,  .car-results .img-txt span {
        display: none;
    }
    
    .hd-band {
        margin-left: 0;
        margin-right: 0;
    }
    
    .spacing-mobile {
        margin-left: 10px;
        margin-right: 10px;
    }
    .no-spacing-mobile {
        margin-left: 0;
        margin-right: 0;
    }
    
    /*.cssgradients .box-bkgd-dark {

background: -moz-linear-gradient(top,  #e8e8e9 0%, #e8e8e9 100%); /* FF3.6+ * /

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e9), color-stop(100%,#e8e8e9)); /* Chrome,Safari4+ * /

background: -webkit-linear-gradient(top,  #e8e8e9 0%,#e8e8e9 100%); /* Chrome10+,Safari5.1+ * /

background: -o-linear-gradient(top,  #e8e8e9 0%,#e8e8e9 100%); /* Opera 11.10+ * /

background: -ms-linear-gradient(top,  #e8e8e9 0%,#e8e8e9 100%); /* IE10+ * /

background: linear-gradient(to bottom,  #e8e8e9 0%,#e8e8e9 100%); /* W3C * /

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e9', endColorstr='#e8e8e9',GradientType=0 ); /* IE6-9 * /

}*/

.wrapper-shadow {
    background: none;
}

.footer {
    background: #af0b1c;
}

.homepageLO .top-carousel-homeL0 .span8{
    width: 100%;
}

.homepageLO .top-carousel-homeL0 .span4{
    width: 100%;
    margin-left: 0;
}
    
}

@media (max-width:768px) 
{ 
    
 .faq-title-margin {
     margin-left: 15px !important;
     margin-bottom: 0px !important;
 }
    
.no-spacing-phone {
    margin-left: 0 !important;
    margin-right: 0 !important;   
}
.mobile-spacing-top {
    margin-top: 10px;
}
.mobile-layout-half {
    float: left !important;
    width: 50% !important;   
}
.mobile-layout-full {
    width: 100%;
    clear: both;
}
 .mobileTable .table-row {
    margin-bottom: 10px;
    border: 1px solid #E8E8E8;
    padding: 10px;
}
 .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: none;
 }
 
   .container-footer {
       width: 100%;
    }
     
    .navbar .main-nav {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        min-width: 320px;
        z-index:9999;
    }
    
    .top-nav .nav-lower {
        position: absolute;
        top: 85px;
        left: 0;
        width: 100%;
        margin-left: 2px;
        min-width: 318px;
    }
    
    .top-nav .nav-lower > li {
        float: left;
    }
    
    .link-selector {
    position: absolute;
    right: 11px;
    top: 32px;
    z-index: 3;
}

   .link-name {
    position: absolute;
    left:8px;
    top: -20px;
    z-index: 3;
}

.top-nav .nav-lower > li:nth-child(4) {
    border-left: 1px solid #fff;
}

 .top-nav .nav-lower >li:first-child {
     border-left: none;
 }
     
    
     .nav-inner-top {
        height: 120px;
    }

    .footer-links li {
        display: block;
        text-align: left;
        border-right: none;
        padding: 0 20px;
    }
    
    .tp-wish .tooltip.bottom .tooltip-arrow {
        border-width: 0 6px 8px;
        left: 10% !important;
    }
    
     .tp-cart .tooltip.bottom .tooltip-arrow {
        border-width: 0 6px 8px;
        left: auto !important;
        right: 10%;
    }
   
    .form-horizontal .textEntryFixed, .textEntryFixedLg {
        width: 97%;
    }
    
    .form-horizontal .control-label {
        float: none;
    }
    
    .breadcrumb-links {
        padding-top: 0;
    }
    
    ol li {margin-bottom:10px;}
    
    .box-bkgd-dark {border-top: none;}
    .keywordSearch {min-height: 100px;}
    #PointsSlider {margin:0 auto;}
    .box-caption {position:inherit; width:100%;}
    
    .selectEntrySmall {width:100% !important;}
    
    .hidden-landscape {
      display: none !important;
    }
    .visible-landscape {
        display: inherit !important;
    }
   .travelNavigation ul li .ico-text {
	    display: none !important;
	}
	.travelNavigation ul li a {
	    display: block !important;
	    height: 50px;
	}
	.travelNavigation .lnk-redeem {
	    width: 26% !important;
	}
	.travelNavigation ul {
	    width: 74% !important;
	}
	.travelNavigation ul li.lnk-rewards .ico {
	    left: 16px !important;
	}
	.travelNavigation ul li.lnk-packages .ico {
	    left: 32px !important;   
	}
	#TravelWishList .travelWishList {
       background-image: none !important;
   }
   #TravelWishList .browseNowBtn {
       display: none !important;
   }
   #TravelWishList .rewardsInWishList {
       overflow: hidden;
       height: 140px !important;
       background-image: none !important;
       padding: 0px !important;
       margin: 8% auto 0 !important;
       position: relative !important;
       right: auto !important;
       bottom: auto !important;
   }
   #TravelWishList .tw-travelReward {
       width: 200px !important;
       margin: 0 auto !important;
   }
   #TravelWishList .filtersWrapper .pointsFilterWrapper {
       margin: 0 auto !important;
       width: 258px !important;
       text-align: center !important;
       padding: 10px 0px !important;
       float: none !important;
       min-width:240px !important;
       width:240px !important;
   }
   #TravelWishList .filtersWrapper ul {
       margin: 30px 0 !important;
       padding: 0 0 0 15% !important;
   }
   .box-caption {
        position: relative;
       border-top: none !important;
    }
    #TravelWishList .tw-item .box-caption {
        width: auto !important;
        text-align: left;
    }
    #TravelWishList .tw-item img {
        float: left !important;
        margin-right: 10px;
    }
    #TravelWishList .tw-item .box-caption h4 {
        padding-left: 0px;
        margin-left: 0px;
    }
    .box-caption {
        float: left;
        position: static !important;
        width: 180px;
    }
	
}


@media (max-width:600px) 
{
    
    #TravelWishList .filtersWrapper ul {
       margin: 30px 0 !important;
       padding: 0 0 0 18% !important;
   }
    #TravelWishList .rewardsInWishList {
       overflow: hidden;
   }
   #TravelWishList .travelWishList {
       background-image: none !important;
   }
   
   #TravelWishList .browseNowBtn {
       display: none !important;
   }
    
	.travelNavigation ul li .ico-text {
	    display: none !important;
	}
	
	.travelNavigation ul li a {
	    display: block;
	    height: 50px;
	}
	
	.navbar .brand {
	    min-width:60px;
	    min-height:53px;
    }
    .hidden-landscape {
      display: none !important;
    }
    .box-caption {
        position: relative;
    }
    #TravelWishList .tw-item .box-caption {
        width: auto !important;
        text-align: left;
    }
    #TravelWishList .tw-item img {
        float: left !important;
        margin-right: 10px;
    }
    #TravelWishList .tw-item .box-caption h4 {
        padding-left: 0px;
        margin-left: 0px;
    }
    .box-caption {
        float: left;
        position: static !important;
        width: 180px;
        border-top: none !important;
    }
}

@media (max-width:480px) 
{
    #TravelWishList .filtersWrapper ul li label {
        padding-right: 7px !important;
    }
    #TravelWishList .filtersWrapper ul {
        margin-top: 50px !important;
        padding: 0 0 0 15px !important;
    }
    #TravelWishList .tw-item .box-caption {
        padding-top: 8% !important;
    }
    #TravelWishList .tw-item {
        min-height: inherit !important;
    }
    #TravelWishList .tw-item img {
        width: 40% !important;
        padding: 10px;
    }
    #TravelWishList .tw-addToWishList {
        margin: 10px 10px;
    }
    #TravelWishList .tw-addToWishList.wishlisted {
        margin: 10px 10px;
    }
    #TravelWishList .rewardsInWishList {
       overflow: hidden;
       margin: 11% auto 0 !important;
   }
   #TravelWishList .travelWishList {
       background-image: none !important;
   }
    .travelNavigation ul li .divider {
        display: none !important;
    }
    .travelNavigation .lnk-redeem {
	    width: 100% !important;
	}
	.travelNavigation ul {
	    width: 100% !important;
	}
	.travelNavigation ul li {
	    width: 100% !important;
	    float: none !important;
	}
	.travelNavigation ul li .ico-text {
	    display: inherit !important;
	}
	.travelNavigation ul li.lnk-flights a, .travelNavigation ul li.lnk-packages a, .travelNavigation ul li.lnk-hotels a, .travelNavigation ul li.lnk-cars a, .travelNavigation ul li.lnk-rewards a {
	    text-indent: 25% !important;
	}
    .visible-landscape {
        display: none !important;
    }
  .hidden-landscape {
      display: inherit !important;
    }
    
 .question {
     padding-right: 20px;
 }
 .faq-ico {
     right: 0px !important;
 }
 .faq-title-margin {
     margin-left: 15px !important;
     margin-bottom: 0px !important;
 }
    
 input[type="checkbox"],
  input[type="radio"] {
    border: none;
  }
  
  .wrapper-menu-active {
      width: 85%;
  }
  
  .textEntrySmaller {
      width: 45px;
  }
  
  .pointsRange .textEntry {
        width: 95%;
  }
  
  /*.lg-spacing-left {
      margin-left: 10px;
  }
  .lg-spacing-right {
      margin-right: 10px;
  }*/
  
  .layout-content {
    padding: 10px;
  }
  
  .no-label {
      margin-top: 10px;
      width: 100%;
  }
  
  .control-group {
      margin-bottom: 5px;
  }
  
} 


.maritz-carousel-slides .maritz-carousel-slide:first-child{
    margin-left: 0 !important;
}

#AllRewards {
    width: 12%;
    margin-left: 0;
    margin-right: 1.7%;
    overflow: hidden;
}
#AllRewards img {
    width: 100%;
    height: auto;
    display: block;
}

.pickBrandOffset {
    margin-top: 25px;
}
.pointSliderOffset {
    margin-top: 11px;   
}
.small.pointSliderOffset {
    margin-top: 9px;
}
.dataPager {
    width: 100%;
    text-align: center;
}
.dataPager a, .BtnDirectWrap {
    /*padding: 6px 6px;
    background-color: #fcfcfc;
    color: #a3a3a3;
    border: 1px solid #dddddd;
    font-weight: bold;
    display: inline-block;
    border-radius: 2px;
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
    position:relative;*/ 
    
    
    border: 1px solid #ddd;
    padding: 6px;
    color: #a3a3a3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e9e9e9));
    background: -webkit-linear-gradient(#fff, #e9e9e9);
    background: -moz-linear-gradient(#fff, #e9e9e9);
    background: -ms-linear-gradient(#fff, #e9e9e9);
    background: -o-linear-gradient(#fff, #e9e9e9);
    background: linear-gradient(#fff, #e9e9e9);
    -pie-background: linear-gradient(#fff, #e9e9e9);
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);     
}
#RewardsDataPager span, #OrderHistoryDataPager span, #PointsHistoryDataPager span{
    padding: 6px 6px;
    background-color: #fcfcfc;
    color: #a3a3a3;
    border: 1px solid #dddddd;
    font-weight: bold;
    display: inline-block;
    border-radius: 2px;
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
    position:relative;    
}
.dataPager .dataPagerDesc {
    color: #a3a3a3;
    font-weight: bold;
}

.dataPager a.BtnPrev, .dataPager a.BtnNext {width:14px; height:14px; text-indent:-9999px; padding:6px 10px; background:url(../images/rewards_arrow_prev.png) 5px no-repeat; text-decoration: none !important;}
.dataPager a.BtnNext {background:url(../images/rewards_arrow_next.png) 5px no-repeat;}

/*.wrapperShadow 
{
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    background-image: url(../images/Shadow.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
}*/

.wrapperShadow-left.show-shadow 
{
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
    background-image: url(../images/Shadow-Left.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.wrapperShadow-right.show-shadow
{
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
    background-image: url(../images/Shadow-Right.png);
    background-position: right top;
    background-repeat: no-repeat;
}
.navbar-inner {
    padding-left: 0;
    padding-right: 0;
    border: none;   
}
.control-group.error label, .control-group.error input, .control-group.error select {
    color: inherit !important;   
}

.mobileTable .mobileLabel {    
    display:block;
    font-weight:bold;    
}
.mobileTable .span3, .mobileTable .span4, .mobileTable .span8 {
    min-height: 0px;    
}
@media (min-width: 768px)  
{
    
    .mobileTable .span4 {
        width: 32.0755% !important;
    }   
    .login-box {
	    height: 75px;
	    min-height: 0px;
	    background-image: url(../images/mobileLoginBackground.jpg);
        background-repeat: repeat-x;
	    margin-top: 0 !important;
	    margin-bottom: 20px;
	    display: block !important;
	}
	.signInText {
	    display: block;
	    font-size: 12px;
	    line-height: 12px;
	    font-weight: normal;
	}
	.login-box .short {
	    width: 143px;
	}
	.login-box .control-group {
	    margin-bottom: 5px;
	}
	.login-box .form-horizontal .control-label {
	    width: 75px;
	}
	.login-box h4{
	    float: left;
	    margin-top: 26px;
	    margin-right: 30px;
	    margin-left: 26px;
	}
	.login-box fieldset {
	    float: left;
	}
	.login-box .textFields {
	    float: left;
	    margin-top: 8px;
	    margin-right: 20px;
	}
	.login-box .lgn-buttons {
	    float: left;
	}
	.login-box #LoginButton {
	    clear: both;
	}
	.login-box .signInButton {
	    margin-top: 8px;
	    margin-right: 40px;
	    padding-right: 7px;
	    float: left;
	}
	.login-box .registerButton {
	    margin-left: 35px;
	    margin-top: 15px;
	    font-size: 14px;
	    font-weight: bold;
	    float: left;
	}
	.login-box .registerButton a
	{
	    margin-top: -5px;
	    margin-left: 20px;
	}
}
.mobile-layout-full {
    display: inline;
}
.mobileTable .table-row {
    /*margin-bottom: 10px;*/
}

.WhenLabel {padding-top:6px; display:inline-block;}

.span12 {
    position: relative;   
}
.rightOfHeadline {
    position: absolute;
    right: 30px;
    bottom: 25px;   
}
.lfloat {
    float: left;   
}
.rfloat {
    float: right;   
}
.table-row:nth-child(2n+1) {
    background-color: #F5F5F5;
    margin-bottom: 10px;
    padding-top:10px;
}
.icon-cibc-trash 
{
    background-image: url('../images/trashicon.png');
    background-repeat: no-repeat;
    width: 13px;
    height: 18px;
    background-position: 0 0;
}
.icon-cibc-trash:hover
{    
    background-position: -63px 0;
}
.separator
{    
    border-left: 1px solid #DDD;
}
.border div {
    border: 1px solid #FF0000;
}
.relative {
    position: relative;
}
.bottom {
    position: absolute;
    bottom: 0;
}
.placeholderText {
    float: left;
    position: relative;
}
.placeholderText span 
{
    position: absolute;
    left: 8px;
    top: 7px;
    font-size: 11px;
    color: #C7C7C7;
    z-index: 1;
}

.user-info-phone {
    /*background-image: url('../images/cardBackground.png');*/
    background-repeat: no-repeat;
    background-position: 10px 0;
    height: 350px;
    position: relative;
}
.user-info-phone-spacer {
    padding:20px;
}
.user-info {
    background-image: url('../images/cardBackground.png');
    background-repeat: no-repeat;
    background-position: 10px 0;
    /*height: 250px;*/
    position: relative;
}
.user-info .goldcard {    
    background-repeat: no-repeat;
    background-position: 20px 58px;
    height: 250px;
    border: thin solid #cacaca;
}
body.PRODAVEWORLDMC .goldcard {
    background-image: url('../images/Cards/AventuraWorldMC.png');    
}
body.PRODAVEELITEMC .goldcard {
    background-image: url('../images/Cards/AventuraWorldEliteMC.png');    
}
body.PRODAVEMC .goldcard {
    background-image: url('../images/Cards/AventuraMC.png');    
}
body.PRODAVEGOLDVISA .goldcard {
    background-image: url('../images/Cards/AventuraGoldVisa.png');    
}
body.PRODAVEINFINITEVISA .goldcard {
    background-image: url('../images/Cards/AventuraInfiniteVisa.png');    
}
body.PRODAVEBUSINESSVISA .goldcard {
    background-image: url('../images/Cards/AventuraBusinessVisa.png');    
}
body.PRODGOLDVISA .goldcard {
    background-image: url('../images/Cards/GoldVisa.png');    
}
body.PRODVACGOLDVISA .goldcard {
    background-image: url('../images/Cards/VacationGold.png');    
}
body.PRODAVEVISA .goldcard {
    background-image: url('../images/Cards/AventuraClassic.png');    
}
.welcome-message {
    font-size: 18px;
    font-family: verdana;
}
.welcome-message .points {
    font-size: 16px;
}
.welcome-message .points-smartphone {
    font-size: 16px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 20px;
}
.welcome-message .points-smartphone p {
    margin: 0px;
}
.welcome-message .points-smartphone .lg-text {
    font-size: 36px;
}

.card-info {
    max-width: 235px;
    height: 65px;
    position: absolute;
    top: 145px;
    left: 208px;
    font-size: 11px;
}

.PromoCarousel {
    border: thin solid #cacaca; 
    /*min-height:250px;*/
}

#OffersCarousel {
    max-height: 221px;
    border: 10px solid #f5f4ee;
}

.travelNavigation {background: transparent url('../images/gradient-hd-rewards.png') repeat-x;
background-position: bottom;
padding-bottom: 9px;}

.travelNavigation .lnk-redeem {
    float: left;
    font-family: verdana;
    color: #FFF;
    font-size: 18px;
    width: 16.667%;
}
.travelNavigation .lnk-redeem a 
{
    background-image: url('../images/navigationRedBackground.jpg');
    padding-top: 14px;
    padding-bottom: 15px;
    width: 100%;
    text-align: center;
    color: #FFF;
    display: block;
    font-family: verdana;
    font-size: 18px;
    max-height: 21px;
    text-decoration: none;
}
.travelNavigation ul {
    margin: 0;
    float: left; 
    width:83.333%
}
.travelNavigation ul li {
    list-style: none;
    float: left;
    padding: 0;
    width: 20%;
    position: relative; 
    /*padding-right:.5%;
    background-image: url('../images/navigationRightBorder.jpg');
    background-position: right bottom;
    background-repeat: no-repeat;*/
}
.travelNavigation ul li:last-child {
    padding-right: 0;
}
.travelNavigation ul li {
    background-image: url('../images/navigationGradientBackground.jpg');
    background-position: 0;    
}
.travelNavigation ul li a {
    font-family: verdana;
    color: #333333;
    font-size: 18px;
    width: 100%;
    display: inline-block;
    
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: 1px solid #d5dfe0;
    border-bottom: 1px solid #d5dfe0;    
    padding-right: 1px;
    max-height: 20px;
    text-decoration: none;
}
.travelNavigation ul li.lnk-flights a {
    text-indent: 51%;
}
.travelNavigation ul li.lnk-flights .ico
{
    position: absolute;
    left: 30px;
    top: 12px;
    background-image: url('../images/cibc-sprite.png');
    width: 43px;
    height: 25px;
    background-position: -179px 0px;
    background-repeat: no-repeat;
    
}
.travelNavigation ul li.lnk-packages a {
    text-indent: 39%;
}
.travelNavigation ul li.lnk-packages .ico
{
    position: absolute;
    left: 20px;
    top: 12px;
    background-image: url('../images/cibc-sprite.png');
    width: 35px;
    height: 25px;
    background-position: -265px 0px;
    background-repeat: no-repeat;
    
}
.travelNavigation ul li.lnk-hotels a {
    text-indent: 48%;
}
.travelNavigation ul li.lnk-hotels .ico
{
    position: absolute;
    left: 24px;
    top: 10px;
    background-image: url('../images/cibc-sprite.png');
    width: 41px;
    height: 30px;
    background-position: -222px 0px;
    background-repeat: no-repeat;
}
.travelNavigation ul li.lnk-cars a {
    text-indent: 48%;
}
.travelNavigation ul li.lnk-cars .ico
{
    position: absolute;
    left: 24px;
    top: 15px;
    background-image: url('../images/cibc-sprite.png');
    width: 42px;
    height: 25px;
    background-position: -302px 0px;
    background-repeat: no-repeat;
    
}
.travelNavigation ul li.lnk-rewards a {
    text-indent: 37%;
}
.travelNavigation ul li.lnk-rewards .ico
{
    position: absolute;
    left: 7px;
    top: 11px;
    background-image: url('../images/cibc-sprite.png');
    width: 42px;
    height: 30px;
    background-position: -435px -40px;
    background-repeat: no-repeat;
    
}

.travelNavigation ul li .divider 
{
    width: 5px;
    height: 48px;
    position: absolute;
    right: 0;
    bottom: 1px;
    background-image: url('../images/navigationRightBorder.jpg');
}
.travelNavigation ul li:first-child a 
{
    border-left: 1px solid #d5dfe0;
}
.travelNavigation ul li:last-child a 
{
    border-right: 1px solid #d5dfe0;
}
.box-bkg-gray-grad {
    background-image: url('../images/boxGradent.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FFF;
}
.box-bdr-gray {
    border: 1px solid #cac9c2;
    border-radius: 0px !important;
}
.dreamAdv .tile {
    position: relative;
}
.dreamAdv .btn2 {
    position: absolute;
    right: -2px;
    bottom: 18px;
}
.dreamAdv img{
    width: 100%;
    height: auto;
    border: 2px solid #cac9c2;
}
.dreamAdv .selected img
{
    border: 2px solid #d30138;
}
a.btn2 {
    background-color: #FFF;
    color: #333333;
    font-family: verdana;
    font-size: 18px;
    text-indent: 9px;
    text-decoration: none;
    line-height: normal;
    padding-top: 3px;
    padding-bottom: 4px;
    width: 120px;
    padding-right: 38px;
    position: relative;
    
}
a.btn2 .ico {
    background-image: url('../images/cibc-sprite.png');
    width: 38px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background-position: -438px 0;
}
.dreamAdv .selected .btn2 .ico{
    background-position: -351px 0;
}
.tabNavigation a 
{
    font-family: verdana;
    font-size: 12px;
    text-align: center;
    padding: 3px 10px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border: 1px solid #cac9c2;
    display: inline-block;
    background-color: #FFF;
    background-image: url('../images/tabNavigationBackground.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
    position:relative;
}
.tabNavigation a.selected {
    color: #000;    
    background-image: none;
}
div[data-tab="true"] img{
    width: 100%;
    height: auto;
}
div[data-tab="true"] {
    width: 100%;
}
.rewardImage {
    float: left;
    margin-left: 11.61%;
    margin-right: 5.14%;
    width:27.9%
}
.reward-desc {
    width: 41.5%;
    float: left;
}
.rewardImage img{
    max-width: 100%;
    width: 100%;
    height: auto;
}

#RewardCarousel {
    border-right: 1px solid #cac9c2;
    border-left: 1px solid #cac9c2;
    border-bottom: 1px solid #cac9c2;
    background-color: #FFF;    
    position: relative;
    max-height: 300px;
}
.reward-info {
    border-top: 1px solid #cac9c2;    
}
.reward-info {
    font-family: verdana;
    font-weight: bold;
    position: absolute;
    bottom: 0;    
    width: 100%;
    left: 0;
}
.reward-info .name {
    float: left;
    width: 70%;
    text-indent: 20px;    
    color: #000;
    padding-top: 6px;
    padding-bottom: 7px;
}
.reward-info .points {
    float: left;
    width: 30%;
    text-align: center;
    background-color: #af0b1c;
    color: #FFF;        
}
.reward-info .border {
    float: left;
    border-left: 1px solid #cac9c2;  
    padding-top: 6px;
    padding-bottom: 7px;
    width: 99.9%;
    text-align: center;
}

.whiteGrad 
{
    background-image: url('../images/whiteGrad.png');
    background-repeat: repeat-x;
    background-position: top;    
}
.no-margin-left {
    margin-left: 0 !important;
}
.no-margin-top {
    margin-top: 0 !important;
} 
.no-margin-bottom {
    margin-bottom: 0 !important;
}
.txt-center {
    text-align: center;   
}
.border-bottom-black {
    border-bottom: 1px solid #000;
}
.question {
    /*border-bottom: 1px solid #ccc;*/
    padding-top: 10px;
    position: relative;
    padding-bottom: 10px;
    cursor: pointer;
}
.question strong {
    font-weight: normal;
    color: #AF0B1C;
}
.question.open .faq-ico{
    background-position: left top;
}
.question-container {
   border-bottom: 1px solid #ccc; 
}
#FAQs h4 {
    margin-bottom: 5px;
}
.faq-ico {
    background-image: url('../images/fpo-faq-2.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 23px;
    height: 17px;
    position: absolute;
    right: 30px;
    top: 10px;
    background-position: -192px 0px;
}

.answer {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}
#RewardCarousel  .maritz-carousel-slide-wrapper .maritz-carousel-slide .reward-desc p {
    max-height: 60px;
    overflow: hidden;
    line-height: 12px;
}
#RewardCarousel  .maritz-carousel-slide-wrapper .maritz-carousel-slide .reward-info .name span
{
    max-height: 15px;
    overflow: hidden;
    display: block;
}
#RewardCarousel  .maritz-carousel-slide-wrapper .maritz-carousel-slide {
    position: relative;
    
}














/*TRAVEL WISHLIST PAGEING*/

/*#TravelWishList .datapager-page .tw-item.show:nth-child(1), 
#TravelWishList .datapager-page .tw-item.show:nth-child(5),
#TravelWishList .datapager-page .tw-item.show:nth-child(9)
{
    margin-left: 0 !important;
}*/
#TravelWishList {
    display: none;
}
#TravelWishList .datapager-page {
    display: none;    
}
#TravelWishList .datapager-page:first-child {
    display: block;    
}
#TravelWishList #tw-datapager .pageNumber,  #TravelWishList #tw-datapager .datapager-next, #TravelWishList #tw-datapager .datapager-prev{
    float: left;
    display: inline-block;
    padding: 5px 10px;
    color: #a3a3a3;    
    cursor: pointer;
    border-radius: 4px;
    margin-right: 5px;
    border: 1px solid #DDD;
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
    position:relative;
    
    
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #fafafa 25%, #f3f3f3 50%, #ededed 75%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(25%,#fafafa), color-stop(50%,#f3f3f3), color-stop(75%,#ededed), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#fafafa 25%,#f3f3f3 50%,#ededed 75%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#fafafa 25%,#f3f3f3 50%,#ededed 75%,#e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#fafafa 25%,#f3f3f3 50%,#ededed 75%,#e9e9e9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#fafafa 25%,#f3f3f3 50%,#ededed 75%,#e9e9e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */

}
#TravelWishList #tw-datapager .datapager-next, #TravelWishList #tw-datapager .datapager-prev
{
    font-weight: bold;
}
#TravelWishList #tw-datapager .active {
    color: #0039f3;
}
#TravelWishList .pageDetails {
    clear: both;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}
#TravelWishList .pagingControl {
    width: 210px;
    margin: 0 auto;
    margin-top: 14px;
}
#TravelWishList .filtersWrapper {
    border: 1px solid #cac9c2;
    /*padding-top: 20px;
    padding-bottom: 19px;*/
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    
}
#TravelWishList .filtersWrapper ul {
    list-style: none;    
    float: left;
    margin: 0;
    padding: 0;
    padding-left: 45px;
    margin-top: 14px;
    margin-right: 80px;
}
#TravelWishList .filtersWrapper ul li {
    display: inline;
    float: left;
}
#TravelWishList .filtersWrapper ul li input, #TravelWishList .filtersWrapper ul li label {
    display: inline;
    margin-top:0;
}

#TravelWishList .filtersWrapper ul li label 
{
    padding-left: 8px;    
    padding-right: 25px;
}
#TravelWishList .CloseButton
{
    top: 10px;
    right: 10px;
    position: absolute;
}
#TravelWishList .filtersWrapper .pointsFilterWrapper {
    float: left;
    min-width: 258px;
}
#TravelWishList .filtersWrapper {
    margin-bottom: 10px;
}
#TravelWishList .travelWishListBanner img {
    /*border: 1px solid #c9c9c1;*/   
    cursor: pointer;
    width: 100%;
    height: auto;   
}
#TravelWishList .travelWishList {
    background-image: url('../images/TravelWishlist/banner-bkgd2.jpg');
    width: 100%;
    max-width: 918px;
    min-height: 236px;
    border: 1px solid #cac9c2;
    border-bottom: 3px solid #cac9c2;
    position: relative;
    background-repeat: no-repeat;
}

#TravelWishList .rewardsInWishList {
    position: absolute;
    background-image: url('../images/addRewardsBackground.jpg');
    bottom: 5px;
    right: 10px;
    padding: 10px;
    width: 68%;
    height: 143px;
    background-repeat: no-repeat;
}
#TravelWishList .tw-travelReward {
    height: 140px;
    border: 2px solid #cac9c2;
    position: relative;
    background-position: left 1px;
    background-repeat: repeat-x;
    background-image: url('../images/tr-addbutton-grad.jpg');
    font-weight: bold;
    overflow: hidden;
}
#TravelWishList .browseRewards {
    cursor: pointer;
    border-top: 2px solid #cac9c2;
    background-color: #ebebeb;
    text-align: center;
    position: absolute;
    bottom: 0;
    height: 48px;
    padding-top: 16px;
}
#TravelWishList .tw-disabled .browseRewards {
    color: #959595;
    cursor: default !important;
}
#TravelWishList #tw-rewards-list {
    border-left: 1px solid #cac9c2;
    border-right: 1px solid #cac9c2;
    border-top: 1px solid #cac9c2;
    border-bottom: 2px solid #cac9c2;
    padding-top: 10px;
    padding-bottom: 10px;    
}
#TravelWishList .filtersWrapper  {
    background-position: left bottom;
    background-repeat: repeat-x;
    background-image: url('../images/filtersGrad.jpg');
}
#TravelWishList .addReward {
    width: 14px;
    height: 14px;
    background-image: url('../images/cibc-sprite.png');
    background-position: -85px -113px;
    margin-left: 5px;
    margin-bottom: -3px;
    display: inline-block;
}
#TravelWishList .removeReward {
    width: 14px;
    height: 14px;
    background-image: url('../images/cibc-sprite.png');
    background-position: -85px -138px;
    margin-left: 5px;
    margin-bottom: -3px;
    display: inline-block;
}
#TravelWishList .removeReward {
    width: 14px;
    height: 14px;
    background-image: url('../images/cibc-sprite.png');
    background-position: -85px -138px;
    margin-left: 5px;
    margin-bottom: -3px;
    display: inline-block;
}
#TravelWishList .tw-disabled .addReward {
    width: 16px;
    height: 16px;
    background-image: url('../images/cibc-sprite.png');
    background-position: -85px -159px;
    margin-left: 5px;
    margin-bottom: -3px;
    display: inline-block;
}
#TravelWishList .tw-disabled .removeReward {
    width: 14px;
    height: 14px;
    background-image: url('../images/cibc-sprite.png');
    background-position: -85px -138px;
    margin-left: 5px;
    margin-bottom: -3px;
    display: inline-block;   
}
#TravelWishList .CloseButton {
    color: #777777;
    text-decoration: none;
}
#TravelWishList .CloseButton .ico-close {
    width: 14px;
    height: 14px;
    background-image: url('../images/cibc-sprite.png');
    background-position: -106px -113px;
    margin-left: 5px;
    margin-bottom: -3px;
    display: inline-block;    
}

#TravelWishList .tw-item {
    margin-bottom: 6px;
    border: 2px solid #cac9c2;
    position: relative;
    overflow: hidden;
    min-height: 145px;   
}

#TravelWishList .tw-item.active {
    border: 4px solid #c6052e;
}
#TravelWishList .tw-item-wrapper {
    position: relative;
}
#TravelWishList .tw-item.active .detailsArrow {
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -12.5px;
    background-image: url('../images/cibc-sprite.png');
    background-position: -128px -138px;
    display: block;
    width: 25px;
    height: 13px;
}
#TravelWishList .tw-item .box-caption {
    padding-top: 5px;
    width: 100%; 
}
#TravelWishList .tw-item .box-caption h4
{
    padding-bottom: 0;
}
#TravelWishList .tw-addToWishList {
    width: 18px;
    height: 16px;
    background-image: url('../images/cibc-sprite.png');
    background-position: -128px -113px;
    position: absolute;
    top: 10px;
    left: 10px;
}
#TravelWishList .tw-addToWishList.wishlisted 
{
    background-position: -156px -113px;
}
#TravelWishList .tw-rewardInWishList {
    position: absolute;
    top: 0;
    left: 0;
    width: 196px;
    height: 87px;
    overflow: hidden;
}
#TravelWishList .removeTxt {
    display: none;
}
#TravelWishList .hoverRemoveText .tw-rewardInWishList {
    overflow: visible;
}
#TravelWishList .hoverRemoveText .browseRewards {
    display: none;
}
#TravelWishList .removeTxt.enabled {
    display: block !important;
}
#TravelWishList .browseNowBtn {
    position: absolute;
    top: 161px;
    left: 22px;
    width: 120px;
    height: 24px;
    background-image: url('../images/TravelWishlist/browse-now-btn.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}
#DetailsContainer {
    position: relative;    
}
#DetailsContainer .wrapper{
    padding: 15px;
    border: 1px solid #d5dfe0;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #f9f9f9 25%, #f3f3f3 50%, #ececec 75%, #e7e7e7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(25%,#f9f9f9), color-stop(50%,#f3f3f3), color-stop(75%,#ececec), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#f9f9f9 25%,#f3f3f3 50%,#ececec 75%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#f9f9f9 25%,#f3f3f3 50%,#ececec 75%,#e7e7e7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#f9f9f9 25%,#f3f3f3 50%,#ececec 75%,#e7e7e7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#f9f9f9 25%,#f3f3f3 50%,#ececec 75%,#e7e7e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
    margin-bottom: 6px;
}

#DetailsContainer .wrapper .image img{
    width: 100%;
    height: auto;
}
#DetailsContainer .wrapper .desc 
{
    margin-left: 15px;
}
#DetailsContainer .wrapper .shadow {
    background-image: url('../images/DetailsShadow.png');
    background-repeat: no-repeat;
    background-size:100%;
    padding-bottom: 4px;
    padding-right: 3px;   
}
#DetailsContainer .tel {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
    display: inline-block;
    float: left;
}
#TravelWishList .rewardsInWishList 
#DetailsContainer .desc p {
    margin-bottom: 20px;
}
#TravelWishList .rewardsInWishList #DetailsContainer {
    padding-top: 30px;
}
#TravelWishList .rewardsInWishList #DetailsContainer .CloseButton {
    top: 35px;
}
#TravelWishList .travelWishList.details 
{
    margin-bottom: 367px;
}

#TravelWishList .travelWishList.details .rewardsInWishList {
    height: 536px;
    bottom: -388px;
}
#TravelWishList .travelWishList.details #DetailsContainer {
    left: -274px;
    width: 919px;
}
#TravelWishList .removeAdd .tw-addToWishList {
    display: none;
}
#TravelWishList .removeAdd .tw-addToWishList.wishlisted {
    display: block;
}


*[data-tab="true"] {
    display: none;    
}
*[data-tab="true"][data-tab-index="0"] {    
    display: block;
}
*[data-tab="true"].faceIn {    
    position: absolute;
    left: 0;
    top: 0;
}
.tabsWrapper {
    position: relative;
    width: 100%;
}
#AccountSwitcherWrapper {
    position: relative;
    margin-top: -5px;
    background-image: url('../images/AccountSwitcherBackground.jpg');
    background-repeat: repeat-x;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 15px rgba(65, 65, 65, .25);
    -moz-box-shadow:    0px 0px 15px rgba(65, 65, 65, .25);
    box-shadow:         0px 0px 15px rgba(65, 65, 65, .25);
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
}
#AccountDropDownList {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    height: 24px;
}
#AccountSwitcher {
    color: #FFF;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;    
    border-radius: 4px;
    width: 174px;
    padding: 6px 0;
    text-indent: 46px;
    background-image: url('../images/fpo-account-card.jpg');
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    z-index: 2;
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
}

.PRODAVEELITEMC #AccountSwitcher {background-image: url('../images/CIBC%20Card%20images/small/PRODAVEELITEMC.jpg');}
.PRODAVEWORLDMC #AccountSwitcher {background-image: url('../images/CIBC%20Card%20images/small/PRODAVEWORLDMC.jpg');}
.PRODAVEMC #AccountSwitcher {background-image: url('../images/CIBC%20Card%20images/small/PRODAVEMC.jpg');}
.PRODAVEGOLDVISA #AccountSwitcher {background-image: url('../images/CIBC%20Card%20images/small/PRODAVEGOLDVISA.jpg');}
.PRODAVEINFINITEVISA #AccountSwitcher {background-image: url('../images/CIBC%20Card%20images/small/PRODAVEINFINITEVISA.jpg');}
.PRODAVEBUSINESSVISA #AccountSwitcher {background-image: url('../images/CIBC%20Card%20images/small/PRODAVEBUSINESSVISA.jpg');}
.PRODGOLDVISA #AccountSwitcher {background-image: url('../images/CIBC%20Card%20images/small/PRODGOLDVISA.jpg');}
.PRODVACGOLDVISA #AccountSwitcher {background-image: url('../images/CIBC%20Card%20images/small/PRODVACGOLDVISA.jpg');}
.PRODAVEVISA #AccountSwitcher {background-image: url('../images/CIBC%20Card%20images/small/PRODAVEVISA.jpg');}

#AccountSwitcher .ico-arrow {
    width: 29px;
    height: 24px;
    background-image: url('../images/accountArrow.png');
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
#AccountList {
    display: none;
    position: absolute;
    left: 0;
    top: 34px;
    width: 235px;
    background-color: #FFF;
    color: #000;
    list-style: none;
    z-index: 101;
    margin-left: 0;
    border-radius: 4px; 
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);         
}
#AccountList li .CardSwitcher {
        width:50px;
        height:34px;
        margin-right:10px;
        float:left;
}

#AccountList li.CIBCAventuraWorldEliteMasterCardCard .CardSwitcher{background: url('../images/CIBC%20Card%20images/med/PRODAVEELITEMC.jpg') no-repeat;}
#AccountList li.CIBCAventuraWorldMasterCardCard .CardSwitcher {background: url('../images/CIBC%20Card%20images/med/PRODAVEWORLDMC.jpg') no-repeat;}
#AccountList li.CIBCAventuraMasterCardCard .CardSwitcher {background: url('../images/CIBC%20Card%20images/med/PRODAVEMC.jpg') no-repeat;}
#AccountList li.CIBCAventuraGoldVisaCard .CardSwitcher {background: url('../images/CIBC%20Card%20images/med/PRODAVEGOLDVISA.jpg') no-repeat;}
#AccountList li.CIBCAventuraVISAInfiniteCard .CardSwitcher {background: url('../images/CIBC%20Card%20images/med/PRODAVEINFINITEVISA.jpg') no-repeat;}
#AccountList li.CIBCAventuraVisaforBusiness .CardSwitcher {background: url('../images/CIBC%20Card%20images/med/PRODAVEBUSINESSVISA.jpg') no-repeat;}
#AccountList li.CIBCGoldVisaCard .CardSwitcher {background: url('../images/CIBC%20Card%20images/med/PRODGOLDVISA.jpg') no-repeat;}
#AccountList li.CIBCVacationGoldVISAcard .CardSwitcher {background: url('../images/CIBC%20Card%20images/med/PRODVACGOLDVISA.jpg') no-repeat;}
#AccountList li.CIBCAventuraVisaCard .CardSwitcher {background: url('../images/CIBC%20Card%20images/med/PRODAVEVISA.jpg') no-repeat;}

#AccountList li img {
    float: left;
    margin-right: 10px;
}
#AccountList li span 
{
    float: left;
    display: block;
    width: 145px;
    line-height: normal;
}
#AccountList li a 
{
    padding: 10px;
    width: 215px;
    display: block;
    outline: none;
    border-bottom: 1px solid #D5DFE0;
    color: #333333
}
#AccountSwitcherWrapper.noCards .ico-arrow {
    display: none;
}
.cat-car {
    background-image: url(../images/RewardCategories/CategorySprite.jpg);
    background-repeat: no-repeat;
}
.cat-car:hover {
    background-image: url(../images/RewardCategories/CategorySprite_Selected.jpg);
    background-repeat: no-repeat;
}
#CategoriesCarousel li.active a .cat-car{
    background-image: url(../images/RewardCategories/CategorySprite_Selected.jpg) !important;
    background-repeat: no-repeat;
}
.cat-972 {
    background-position: 0 0;
}
.cat-lifestyle
{
    background-position: 0 -90px;
}
.cat-homeofficeimprovement
{
    background-position: 0 -180px;
}
.cat-luggagebags

{
    background-position: 0 -270px;
}
.cat-househome
{
    background-position: 0 -360px;
}
.cat-charitydonation
{
    background-position: 0 -450px;
}
.cat-sportsleisure
{
    background-position: 0 -540px;
}
.cat-electronics 
{
    background-position: 0 -630px;
}
.cat-children 
{
    background-position: 0 -720px;
}
.cat-fashion 
{
    background-position: 0 -810px;
}
#CategoriesRotator .maritz-carousel-slide a {
    width: 90px;
    height: 90px;
}
.hd-container .large-icons .wish-on {
    background-position: -4px -110px;
}
.btn {
    border: none;
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
    position:relative;
}
.bkgd-gray {
    background-color: #F5F5F5;
}
.twoLinesOffset {
    margin-top: -20px;
}
.selectOffset {
    margin-top: -5px;
}
.item img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.carousel {
    margin-bottom: 0;
}
.carousel-control {
    background-color: transparent;
    border-radius: 0;
    text-indent: 999px;
    border: none;
    background: url('../images/cibc-sprite.png') no-repeat;
    height: 30px;
    width: 41px;
    opacity: 1 !important;
    filter:alpha(opacity=100) !important; /* For IE8 and earlier */
    position: absolute;
    top: 50%;
    margin-top: -15px;
    overflow: hidden;
}
.carousel-control.left {
    background-position: -392px 0;
    left: 0;
}

.carousel-control.right {
    background-position: -349px 0;
    right: 0;   
}
.carousel {
    position: relative;
}
#MobileLoginButtons {
    height: 125px;
    background-image: url(../images/mobileLoginBackground.jpg);
    background-repeat: repeat-x;
    border-bottom: 1px solid #e3e3e3;
    background-position: bottom;
    margin-top: 5px;   
}
.homepageLO #wrapper {
    background-color: #FFF;
}
.mobileLoginButtonsConstrained {
    width: 270px;
    margin: 0 auto;
    padding-top: 33px;
}
    .homepageLO #wrapper {
    padding-top: 0 !important;
}
.homepageLI .header, .homepageLO .header {    
    background:transparent url('../images/gradient-hd-rewards.png') repeat-x;
    background-position: bottom;
    padding-bottom: 14px;
    position: relative;
    z-index: 40;
}
#wrapper {
    background-image: none !important;
    margin-top: -14px;
}
.cardCarouselItem {    
    margin: 0 auto;
}
#CardsCarousel img 
{    
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    width: 80%;
    padding-left: 35px;
}
.topGradient {
    background-image: url('../images/CardsGradient.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    padding-left: 57px;
    padding-top: 35px;
}
#CardsInfo {
   background-image: url('../images/yellowbackground.png');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 56px !important;
    margin-bottom: -23px;
}

.rewards #CardsInfo {padding-bottom: 0; border-top: solid thick #d7d7d7;}
.rewards #CardsInfo h3.topGradient {margin:0 !important; padding-top:34px !important;}
.cardsInfoWrapper {    
    /*font-weight: bold;
    width: 865px;
    margin: 0 auto;*/
    }
.cardsInfoWrapper img {
    max-width: 100%;
    height: auto;
    margin-top: 15px;
}
.mobileBanner img{
    margin: 0 auto;
    display: block;
}
.desc *[data-desc-add] {
    margin-left: 10px !important;
}
body.yellowFooter .main {
    padding-bottom: 0;
    background: none;
}
.fluid-image, .fluid-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
}


/**** Guest Travel CSS ****/
#Tbl_GuestTravel {
    border-collapse: collapse;
    width:85%;
    margin:0px auto;
}
#Tbl_GuestTravel td, 
#Tbl_GuestTravel th {
    border: 1px solid black;
    padding:10px;
}
#Tbl_GuestTravel tr:first-child th {
    border-top: 0;
}
#Tbl_GuestTravel tr:last-child td {
    border-bottom: 100px;
}
#Tbl_GuestTravel tr td:first-child,
#Tbl_GuestTravel tr th:first-child {
    border-left: 0;
}
#Tbl_GuestTravel tr td:last-child,
#Tbl_GuestTravel tr th:last-child {
    border-right: 0;
}

.greyBorderBottom {
  border-bottom: 1px solid #dddddd;
}

.greyBackgroundColor {
  background-color:#fbfbfb;
}

.finePrint {
  font-size:8pt;
}
.padding-5px {
  padding:5px;
}
.padding-10px {
  padding:10px;
}
.padding-15px {
  padding:15px;
}
.padding-20px {
  padding:20px;
}
.f-12pt {
   font-size: 12pt;
}
.f-14pt {
  font-size:14pt;
}
.align-center{
  margin:0px auto;
}
.align-center-text{
  text-align:center;
}
.align-left-text {
    text-align: left;
}
.AventuraBG {
  background-image:url(../images/Travel_AventuraBGMobile.png);
  padding-left: 20px;
  color: #af0b1c;
  font-weight: bold;
}


/**** Testimonials CSS ****/
.f-10pt {
    font-size: 10pt;
}
.doubleQuoteLeft {
    background-image: url(../images/doubleQuoteLeft.png);
    width: auto;
    height: auto;
    margin:0;
    padding: 0;
}
.doubleQuoteRight {
    background-image: url(../images/doubleQuoteRight.png);
    background-repeat: no-repeat;
    margin-top: -15px;
}
.padding-top-10px {
    padding-top: 10px;
}

.spacing-left-22px {
    margin-left: 22px;
}

.VISA_margin-top {
    margin-top: -100px;
}

#FAQList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.faq-title-margin {
    margin-left: 22px;
}


/* Calender overrides */
.ui-datepicker td .ui-state-hover {
    color: #ffffff;
    background: #AF0B1C !important;
    background-color: #AF0B1C !important;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#AF0B1C), to(#AF0B1C)) !important;
    background-image: -moz-linear-gradient(top, #AF0B1C, #AF0B1C) !important;
    background-image: -ms-linear-gradient(top, #AF0B1C, #AF0B1C) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AF0B1C), color-stop(100%, #AF0B1C)) !important;
    background-image: -webkit-linear-gradient(top, #AF0B1C, #AF0B1C) !important;
    background-image: -o-linear-gradient(top, #AF0B1C, #AF0B1C) !important;
    background-image: linear-gradient(top, #AF0B1C, #AF0B1C) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #AF0B1C !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    behavior: url(/Scripts/Misc/css3pie/PIE.htc);
    position:relative; 
}
/* Tooltip styling */
#tooltip {
    font-size:11px;
    font-family: Verdana;
    line-height:14px;
    width:150px;
    max-width: 150px;
    height:auto;
    padding:3px 10px 10px 10px;
    background-color: black;
    color: white;
    border:0px solid #CCC;
    border-radius:0px;
    position:absolute;
    z-index:9999
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
    position: relative;
    z-index: 99;
}