html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
body,
html {
    line-height: 1;
    background-color: #182d36!important;
    font-family: BentonSansRegularRegular
}
body.theme1,
.theme1 #responsiveWrapper_main,
html {
    background-color: #182d36!important
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
i,
em {
    font-style: italic
}
a {
    text-decoration: none
}
*:focus {
    border: 0;
    outline: 0
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
#tab-content {
    background: #26343e;
    width: 100%;
    float: left
}
#tab-content ul li a {
    text-decoration: none;
    color: black
}
#tab-content ul li a:hover {
    text-decoration: none
}
#tab-content li {
    display: inline;
    float: left
}
.content-wrapper,
#tab-content #tab-wrap {
    max-width: 980px;
    margin: 0 auto;
    position: relative
}
.ie9 .content-wrapper,
.ie8 .content-wrapper {
    max-width: 1000px
}
.content-wrapper {
    line-height: 1em;
    font-family: BentonSansRegularRegular
}
.content-wrapper b,
.content-wrapper strong {
    font-weight: bold;
    color: #2f2c2c
}
#card-details {
    margin: 0 0 10px 0;
    background: #fff;
    padding: .6em;
    float: left;
    width: 100%;
    min-height: 25em
}
.cards-holder {
    min-height: 19em
}
.multicard-col,
.key-feature {
    display: inline-block;
    text-align: center;
    width: 33.333%;
    float: left;
    display: table-cell
}
.row {
    display: table;
    content: " ";
    width: 100%
}
.row:before,
.row:after,
.row {
    clear: both
}
.multicard-col h2 {
    font-weight: normal;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #222;
    margin: 0;
    margin-top: .9em
}
.multicard-col h2 span {
    color: #002663;
    font-size: 1.3em;
    font-weight: 600
}
.multicard-col span {
    display: block;
    font-weight: 700
}
.multicard-col a {
    display: inline-block
}
.multicard-col .details-link {
    color: #006890;
    font-family: arial;
    font-size: 12px;
    text-decoration: underline;
    margin: 0
}
.multicard-col .details-link a img {
    float: none;
    width: auto
}
.multicard-col a.apply-button {
    color: #fff;
    background-color: #002663;
    padding: 3%;
    border-radius: 6px
}
.subscription {
    font-family: BentonSansRegular;
    font-size: .875em;
    color: #868788
}
.multicard-col span.subscription {
    font-weight: 600
}
.multicard-col .subscribe span.get-text {
    font-size: .875em;
    font-family: BentonSansRegular;
    line-height: 1.5em
}
.multicard-col .subscribe span.price {
    font-size: 1.125em
}
.subscribe {
    color: #ff5b02;
    font-weight: 600;
    font-family: BentonSansRegular;
    margin: .9em auto .9em auto;
    width: 70%;
    text-align: left
}
.subscribe div {
    float: left;
    text-align: left;
    background: #00a7b3;
    color: #fff;
    margin-right: .8em;
    padding: .3em
}
.row.offers .subscribe div {
    background: 0;
    border-top: 2px solid #222;
    border-bottom: 2px solid #222;
    color: #222;
    display: table-cell;
    vertical-align: middle;
    padding: .5em .1em
}
.row.offers .subscribe {
    color: #222;
    display: table;
    width: auto
}
.row.offers .multicard-col .subscribe span.get-text {
    line-height: .9em
}
.row.offers .multicard-col .subscribe span.price {
    font-size: 2.5em;
    float: left;
    line-height: .9em
}
.row.offers .card1 .subscribe div {
    color: #00a7b3;
    border-color: #00a7b3;
    font-size: 1em
}
.row.offers .card1 .subscribe span.price {
    color: #00a7b3
}
.row.offers .card2 .subscribe div {
    color: #4f4f4f;
    border-color: #4f4f4f;
    font-size: 1em
}
.row.offers .card2 .subscribe span.price {
    color: #4f4f4f
}
.row.offers .card3 .subscribe div {
    color: #46251a;
    border-color: #46251a;
    font-size: 1em
}
.row.offers .card3 .subscribe span.price {
    color: #46251a
}
.card1 .subscribe div {
    background: #00a7b3
}
.card2 .subscribe div {
    background: #4f4f4f
}
.card3 .subscribe div {
    background: #46251a
}
.description p {
    font-size: 12px;
    color: #4d4f53;
    font-family: BentonSansRegular;
    width: 95%;
    margin: 0 auto .9em auto;
    line-height: 1.4em
}
.description p span {
    color: #222;
    font-size: 14px;
    margin-bottom: 5px
}
.grey-heading,
.brown-heading,
.blue-heading {
    font-family: BentonSansRegular;
    font-size: 16px;
    color: #050505
}
.acc-heading {
    font-family: BentonSansRegular;
    font-weight: normal;
    font-size: 1em;
    color: #fff;
    background-color: #364a54;
    padding: .5em .935em
}
.acc-heading {
    display: table;
    width: 100%
}
.acc-heading .desc {
    width: 90%;
    display: table-cell;
    vertical-align: middle
}
.acc-heading .icon {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}
.footnote h4 {
    font-weight: bold;
    font-size: .6em
}
.footnote p {
    margin: 0 0 1em 0
}
.acc-wrap .acc-content {
    display: none;
    border: 1px solid #cfcfcf;
    border-top: 0;
    padding: .5em 0
}
.acc-wrap.acc-open .acc-content {
    display: block
}
.grey-heading {
    background-color: #e4e5e6
}
.brown-heading {
    background-color: #e1d9b9
}
.blue-heading {
    background-color: #d6eaf8
}
.grey-heading,
.brown-heading,
.blue-heading {
    padding: .5em;
    border-right: 1px solid #fff
}
.card-features h3 img {
    height: 20px;
    display: inline-block;
    float: right;
    vertical-align: middle;
    font-size: .750em
}
.multicard-col img {
    max-width: 100%
}
.bullet-points ul li {
    text-align: left;
    padding: .5em;
    list-style-image: url("../../img/bullet_reserve.png");
    font-size: .750em;
    color: #222
}
.multi-card-2 .bullet-points ul li {
    list-style-image: url("../../img/bullet_platinum.png");
}
.multi-card-3 .bullet-points ul li,.multi-card-6 .bullet-points ul li,.multi-card-9 .bullet-points ul li {
    list-style-image: url("../../img/bullet_gold.png");
}
.multi-card-4 .bullet-points ul li,.multi-card-7 .bullet-points ul li,.multi-card-10 .bullet-points ul li {
    list-style-image: url("../../img/bullet_reserve.png");
}
.multi-card-5 .bullet-points ul li,.multi-card-8 .bullet-points ul li {
    list-style-image: url("../../img/bullet_platinum.png");
}
.bullet-points ul {
    padding: 0 0 0 2em
}
img#banner {
    width: auto;
    max-width: 100%;
    display: inherit;
    margin: 0 auto
}
.hero-banner {
    font-family: BentonSansRegular;
    width: 100%;
    text-align: center;
    background: #2f3f4a;
    margin-top: -0.4em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ie9 .hero-banner,
.ie8 .hero-banner {
    width: auto;
    margin-top: -0.4em
}
.ie9 .hero-banner #banner,
.ie8 .hero-banner #banner {
    min-width: 1000px;
    width: auto;
    max-width: 100%
}
.banner-text-wrap {
    position: relative;
    max-width: 980px;
    margin: 0 auto
}
.ie9 .banner-text-wrap,
.ie8 .banner-text-wrap {
    max-width: 1000px
}
.ie9 .banner-text-wrap,
.ie9 .content-wrapper,
.ie8 .banner-text-wrap,
.ie8 .content-wrapper {
    width: 1000px
}
.banner-text {
    position: absolute;
    width: 22em;
    top: 7.75em;
    right: 0;
    color: #fff;
    text-shadow: 0 0 30px rgba(0, 1, 1, 0.65);
    text-align: center
}
.banner-text h1 {
    color: #fff;
    margin-bottom: .3em;
    font-weight: 800;
    font-size: 1.375em
}
.banner-text h2 {
     color: #fff;
    font-weight: 500;
    font-size: 1.250em
}
.banner-text h3 {
    color: #fff;
    font-weight: 500;
    font-size: 1.250em
}
.banner-text p {
    width: 65%;
    margin: 0 auto;
    font-size: .750em;
    line-height: 1.4em;
    margin-top: 1.50em
}
.card-features {
    margin-bottom: 1em;
    font-family: BentonSansRegular;
    color: #222
}
.card-features,
.card-links,
.feature-wrap {
    content: " ";
    display: table;
    width: 100%
}
.card-features:before,
.card-links:before,
.card-features:after,
.card-links:after,
.feature-wrap:before,
.feature-wrap:after {
    clear: both
}
.device-footer {
    display: none
}
#tab-content ul li a {
    padding: .3em 1em;
    display: block
}
#tab-content ul li {
    border-right: 1px solid #0d1115;
    border-left: 1px solid #445968
}
#tab-content ul li.first {
    border-left: none
}
#tab-content ul li.last {
    border-right: 0
}
#tab-content ul li.active {
    background-color: #161f26
}
#tab-content ul li:hover {
    background-color: #15232e
}
#tab-content ul {
    padding: 2px;
    width: 70%;
    float: left
}
.partner-logo {
    position: absolute;
    left: 0
}
.card-features h3 {
    cursor: pointer
}
.content-wrapper .card-features h3 {
    margin-bottom: 0
}
.stick {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2
}
#card-links-wrap.stick {
    width: 100%;
    top: 0;
    border-bottom: 1px inset #999;
    width: 100%;
    background: #fff;
    box-shadow: #666 0 6px 8px
}
.stick .card-links {
    background: #fff;
    width: 100%;
    max-width: 980px;
    margin: 0 auto
}
.ie9 .stick .card-links,
.ie8 .stick .card-links {
    width: 1000px
}
.card-apply {
    margin-top: -2.4em
}
#left-arrow.multi-card-1{
    opacity: .5
}
.stick .card-apply {
    height: auto!important;
    margin-top: 0;
    padding-top: 1.5em;
    -webkit-transition: margin-top 1s;
    transition: margin-top 1s
}
.stick .multicard-col a {
    margin: 0
}
.stick .card-links a img {
    float: none;
    width: auto
}
.stick .card-links .multicard-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#multicard-mobile-tabs {
    display: none
}
.stick .multicard-col .subscription,
.stick .multicard-col .subscribe,
.stick .multicard-col .details-link,
.stick .row.description {
    display: none
}
.stick .multicard-col h2 {
    margin-bottom: .9em
}
.stick .multicard-col h2 span {
    display: block
}
.stick #multicard-mobile-tabs {
    background: #fff
}
.tab-wrapper {
    text-align: center;
    background: url("../../img/slide_bg.png") repeat-x bottom;
    width: 95%;
    margin: 0 auto;
    border-radius: 2px
}
.tab-wrapper li a img {
    margin-top: -2em
}
.stick .tab-wrapper li a img {
    margin-top: 0
}
#multicard-mobile-tabs.stick {
    background: #fff
}
.tab-wrapper .slider-bg {
    margin-top: -4px;
    z-index: 0;
    width: 95%
}
#multicard-mobile-tabs ul {
    display: table;
    padding-top: .3em
}
#multicard-mobile-tabs ul li {
    display: none;
    padding: .5em .5em;/* margin-top: -2em



 */
}
#multicard-mobile-tabs ul li.current {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: url("../../img/slider.png") no-repeat bottom
;
    display: inline-block;
}
#multicard-mobile-tabs ul li img {
    width: 100px;
    max-width: 100%;
}
.content-wrapper *:after,
.content-wrapper *:before,
.content-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#mobile-btn-wrapper {
    display: none
}
.btn-wrapper,
.btn-wrapper:before,
.btn-wrapper:after {
    clear: both
}
.btn-wrapper {
    margin: 0 0 1.250em 0
}
.no-lmargin {
    margin-left: 0
}
.no-rmargin {
    margin-right: 0
}
.quick-compare .acc-heading {
    float: left;
    width: 100%;
    cursor: pointer;
    margin-bottom: 0
}
.img-left {
    float: left
}
.img-right {
    float: right
}
.quick-compare.acc-wrap .acc-content {
    padding: 0 .6em .6em .6em
}
.quick-compare p {
    margin: 1em 0 0 0;
    font-size: 100%;
    float: left
}
.quick-compare {
    float: left;
    width: 100%;
    margin-bottom: 1em;
    background: #FFF





;
    overflow: hidden;
}
.quick-compare .acc-heading img {
    float: right
}
.res_Large .table {
    display: table;
    width: 123%;
    float: left;
    border-collapse: collapse;
    font-family: BentonSansRegular;
    overflow: hidden;
}

.res_Medium .table
{
   display: table;
    width: 115%;
    float: left;
    border-collapse: collapse;
    font-family: BentonSansRegular
}
.quick-compare .table {
    margin: .6em 0;
    color: #222
;
    overflow: hidden;
}
.table-header-row div {
    padding: 1em 0
}
.table-rows-odd div,
.table-rows-even div,
.table-header-row div {
    text-align: center;
    vertical-align: middle;
    display: table-cell
}
.table-rows-odd div,
.table-rows-even div {
    color: #222
}
.quick-compare .table .table-rows-odd div,
.quick-compare .table .table-rows-even div,
.table-header-row div {
    width: 26%
}
.quick-compare .table-rows-odd div:first-child,
.quick-compare .table-rows-even div:first-child,
.quick-compare .table-header-row div:first-child {
    width: 21%;
    text-align: left;
    padding-left: 1em
}
.table-header-row {
    background-color: #00a7b3;
    color: #fff;
    display: table-row;
    font-size: .875em
}
.table-header-row div {
    border: 1px solid #fff;
    font-weight: bold;
    display: table-cell
}
.quick-compare .table-header-row div.header-content {
    border: 0;
    display: table;
    width: auto;
    margin: 0 auto
}
.table-header-row span {
    display: table-cell;
    vertical-align: middle;
    padding-left: .5em;
    text-align: left
}
.table-header-row img {
    vertical-align: middle;
    width: 66px
}
.table-rows-odd,
.table-rows-even {
    display: table-row
}
.table-rows-odd {
    background-color: #f6feff;
    font-size: .750em
}
.table-rows-even {
    background-color: #eff7f9;
    font-size: .750em
}
.table-rows-odd div {
    padding: 1em .2em;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    border: 2px solid;
    border-color: #fff
}
.table-rows-even div {
    padding: 1em .2em;
    text-align: center;
    vertical-align: middle;
    border: 2px solid;
    border-color: #fff;
    display: table-cell
}
#mobile-menu {
    display: none;
    text-align: center
}
#mobile-menu a {
    color: #fff;
    margin: 0;
    clear: both;
    padding: .4em;
    float: right;
    background-color: #4c4c4c
}
#mobile-menu ul {
    display: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0
}
#home-mob-btn {
    display: block;
    color: #ffc;
    text-decoration: none;
    padding-bottom: 1%;
    cursor: pointer;
    width: 5em
}
#home-mob-btn img {
    width: auto;
    max-width: 100%
}
#tab-content ul#mobile-nav-list {
    display: block;
    width: 5em;
    position: absolute;
    right: .5em;
    top: 2.3em;
    z-index: 5
}
#tab-content ul#mobile-nav-list li {
    width: 100%;
    padding: 0;
    display: block
}
#tab-content #mobile-menu li a {
    display: block;
    font-size: .9em;
    width: 100%;
    float: right;
    text-decoration: none;
    color: #fff;
    padding: .4em
}
.banner-text-wrap .language {
    margin-right: 1em;
    position: absolute;
    right: 0;
    background: 0
}
.banner-text-wrap .language a {
    float: left;
    padding: .1em .4em;
    display: inline-block;
    margin-top: 1em;
    background: 0
}
.language a:focus,
.language a:hover,
.language a:active,
.language a:visited {
    color: #bb5d1b
}
.banner-text-wrap .language a.active {
    color: #fff
}
.banner-text-wrap .language a.english {
    border-right: 1px solid #f26721;
    font-size: .688em;
    color: #fff
}
.banner-text-wrap .language a.french {
    font-size: .688em;
    color: #f26721
}
#left-arrow,
#right-arrow {
    display: none
}

/* Large Resolution Section */

.res_Large .card-links,
.ie8 .card-links,
.ie9 .card-links {
    margin-left: auto;
}

.res_Large .card-apply{
	position: relative;
    min-height: 21em;
    overflow: hidden;
}
.res_Large #left-arrow {
    width: 45px;
    height: 45px;
    background-position: -62px 0;
	left: 0;
    top: 100px;
	}
.res_Large #right-arrow {
    width: 45px;
    height: 45px;
    background-position: -111px 0;
	right: 0;
    top: 100px;
	
}

.res_Large #left-arrow,
.res_Large #right-arrow
{
position: absolute;
    z-index: 4;
    cursor: pointer;
	display:block
}


.res_Large .card-features {
    position: relative;
    overflow: hidden;
}

.res_Large .stick .card-apply {
    min-height: 11em;
}
.res_Large .feature-wrap, .res_Large .card-links {
	left:0px;
}

/* end Large resolution section */

.card-links {
    font-family: BentonSansRegular
}
.card-links .multicard-col img {
    width: 200px;
    max-width: 100%
}
.card-links-wrapper {
    width: 100%;
   
    margin: 0 auto
}
.side_menu_wrapper {
    z-index: 5;
  margin-top: 5px;

}
.detail-links {
    width: 100%;
    float: left;
    overflow: hidden;
    background: #FFF;
    margin-bottom: 1em
}
.card-features.tnc {
    display: block;
    width: 100%;
    float: left;
    background: #fff;
    color: #222;
    font-family: Arial
}
.card-features.tnc.acc-content {
    font-size: .625em
}
.footnote {
    padding: 1em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #222;
    font-family: arial
}
.footnote p,
.footnote ol,
.footnote ul {
    font-size: .7em;
    font-family: Arial;
    color: #666;
    margin: 1em 0;
    text-align: left
}
.footnote ol,
.footnote ul {
    margin: 0;
    padding-left: 2.5em
}
.footnote ol ol,
.footnote ul ul,
.footnote ol ul,
.footnote ul ol {
    font-size: 1em
}
.footnote ol .lower-alpha li,
.lower-alpha li {
    list-style-type: lower-alpha
}
.footnote a,
.footnote a:visited,
.footnote a:hover {
    color: #666
}
.footnote li p {
    font-size: 100%
}
.footnote li {
    padding: .5em 0 .5em 1em
}
.footnote ol li {
    list-style-type: decimal
}
.footnote ul.disc li {
    list-style-type: disc
}
.side_menu_wrapper {
    position: fixed
}
.side_menu {
    z-index: 1;
    top: 10em
}


/* this is the style for the new slider side bar */
.arrow_container{
		height:40px;
	}
	.Arrow{
			
		    background:url("../../img/mclp_sprites.png")  no-repeat;
		    width: 34px;
		    height: 35px;
		    cursor: pointer;
		    display: block;
		    margin:auto;
		   /* position: absolute;
		    
		    z-index: 100;
	    	top: 60px;*/
	}
	#upper_Arrow{
		background-position: -20px 14px;
		
	}
	#bottom_arrow{
		background-position: 9px 14px;
		margin-left: 20px;
	}
	#mover{
		max-height:189px;
		overflow: hidden;
		border:none;
		
	}

/****************************************/


.side_menu ul {
    background-color: #1a1a1a;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    width: 100%;
    border: 1px solid #607482;
    border-left: none
}


.side_menu ul li {
    text-align: center;
    padding: 1px;


}
.side_menu ul li a {
    cursor: pointer;
    padding: .5em;
    display: block;
    margin: 1px 0
}
.side_menu ul li a img {
    width: 66px;
	height: 43px;
}
.side_menu ul li a:hover {
    background-color: #2d2d2d
}
.side_menu ul li.active a {
    background: url("../../img/active_bg.png") repeat-x
}
.side_menu ul li {
    background: url("../../img/pull_out_seperator.png") no-repeat bottom
}
.side_menu ul li.last {
    background: 0
}
.side_menu ul li.last a {
    border-bottom-right-radius: 6px;
    margin-bottom: 0
}
.side_menu ul li.first a {
    border-top-right-radius: 6px;
    margin-top: 0
}
img#menu_handle {
    position: absolute;
    right: -22px;
    top: 100px;
    cursor: pointer;
    border-left: none
}
.button {
    position: relative;
    border-radius: 6px;
    padding: .5em .813em;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    width: auto;
    font-family: Arial;
    font-size: .813em;
    font-weight: bold
}
.button.light-grey {
    background-color: #eaebeb;
    color: #002663
}
.button.orange {
    background-color: #f26721;
    color: #fff;
    margin-right: 3px
}
.stick .multicard-col a.button.orange {
    margin-right: 3px
}
.noscript {
    font-size: 12px;
    background-color: #fff;
    padding: 1em
}
.noscript .title {
    font-size: 12px;
    background-color: #fff;
    color: #f00;
    font-weight: bold;
    margin-bottom: 1em
}
.amnt {
    display: inline-block
}
.description p span.amnt {
    font-size: 1em;
    font-weight: normal
}
.multicard-col span.amnt {
    display: inline-block
}








.res_Medium .content-wrapper,
.res_Medium #tab-content #tab-wrap {
    width: 100%;
    margin: 0 auto
}
.res_Medium img#banner {
    width: 100%
}
.res_Medium #left-arrow,
.res_Medium #right-arrow {
    display: block
}
.res_Medium .cards-holder {
    min-height: 21em
}
.res_Medium .banner-text {
    width: 50%;
    top: 4.6em
}
.res_Medium .banner-text h2 {
    font-size: 1em
}
.res_Medium .banner-text h2 {
  font-size: .875em
}
.res_Medium .banner-text h3 {
    font-size: .875em
}
.res_Medium .banner-text p {
    top: 1em;
    font-size: .688em
}
.res_Medium .banner-text-wrap .language {
    margin-right: 3em
}
.res_Medium .multicard-col h2 {
    font-size: 1em
}
.res_Medium .multicard-col h2 span {
    font-size: 1.25em
}
.res_Medium .multicard-col .subscribe span.get-text {
    font-size: 1em
}
.res_Medium .stick .multicard-col a img {
    width: auto;
    max-width: 100%
}
.res_Medium .multicard-col {
    margin-top: 0
}
.res_Medium table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}
.res_Medium .table-rows-odd,
.res_Medium .table-rows-odd {
    font-size: .688em
}
.res_Medium .table-header-row div {
    padding: 1em .3em;
    font-size: 92%
}
.res_Medium .card-features {
    position: relative;
    overflow: hidden
}
.res_Medium .card-apply {
    position: relative;
    min-height: 21em;
    overflow: hidden
}
.res_Medium #left-arrow,
.res_Medium #right-arrow {
    position: absolute;
    z-index: 4;
    cursor: pointer
}
.res_Medium #left-arrow {
    left: 0;
    top: 100px
}
.res_Medium #right-arrow {
    right: 0;
    top: 100px
}
.res_Medium .feature-wrap,
.res_Medium .card-links {
    width: 150%;
    left: 0
}
.res_Medium .stick .card-links {
 max-width: 200%;
}
.res_Medium .stick .card-apply {
    min-height: 11em
}
.res_Medium .table-header-row span {
    width: auto;
    float: none;
    padding: 0;
    text-align: center
}
.res_Medium .table-header-row img {
    display: none
}
.res_Medium .side_menu {
    margin-left: -85px;
    z-index: 1;
    top: 3em
}
.light-grey.full-details {
    border: 1px solid #ccc
}
.res_Small .content-wrapper,
.res_Small .stick .card-apply {
    width: 100%;
    margin: 0 auto;
    background: #fff
}
.res_Small .partner-logo {
    width: 132px
}
.res_Small .hero-banner {
    height: 11em;
    margin-top: 0
}
.res_Small #tab-content #tab-wrap {
    width: 100%;
    margin: 0 auto
}
.res_Small .multicard-col {
    margin-top: 0
}
.res_Small .multicard-col .unit {
    line-height: 1em;
    border: 0;
    margin-bottom: -1em
}
.res_Small .banner-text {
    width: 97%;
    top: 5em;
    padding: .2em;
    right: 0
}
.res_Small .banner-text h1 {
    font-size: 1em
}
.res_Small .banner-text h2 {
    font-size: .875em
}
.res_Small .banner-text h3 {
    font-size: .875em
}
.res_Small .banner-text p {
    display: none
}
.res_Small .description p span {
    font-size: 13px
}
.res_Small .cards-holder {
    min-height: 10em
}
.res_Small #left-arrow,
.res_Small #right-arrow {
    display: block;
    cursor: pointer
}
.res_Small #tab-content #tab-wrap ul,
.res_Small .card-image {
    display: none
}
.res_Small #multicard-mobile-tabs {
    width: 100%;
    display: block
}
.res_Small #mobile-btn-wrapper,
.res_Small #mobile-btn-wrapper:before,
.res_Small #mobile-btn-wrapper:after {
    display: block;
    clear: both;
    display: table;
    content: " ";
    width: 100%;
    float: left
}
.res_Small #mobile-btn-wrapper .button {
    width: 47%;
    float: left;
    margin: .4em 0;
    text-align: center;
    padding: 3% 8%
}
.res_Small #mobile-btn-wrapper .apply {
    margin-left: 0;
    float: left
}
.res_Small #mobile-btn-wrapper .full-details {
    margin-right: 0;
    float: right
}

.res_Small #multicard-mobile-tabs ul {/* padding: 0
 */
}
.res_Small #multicard-mobile-tabs ul li {
    padding-top: 0
}
.res_Small #mobile-menu {
    display: block;
    padding: .5em;
    width: 30%;
    float: right
}
.res_Small #mobile-menu ul.expanded {
    display: block
}
.theme1.res_Small #mobile-btn-wrapper .button {
    padding: 3% 5%
}
.res_Small .card-features {
    position: relative;
    overflow: hidden
}
.res_Small .card-apply {
    position: relative;
    overflow: hidden;
    background: #fff
}
.res_Small .stick .card-apply {
    min-height: 2.5em;
    padding-top: 0
}
.res_Small #left-arrow,
.res_Small #right-arrow {
    position: absolute;
    z-index: 4;
    cursor: : pointer
}
.res_Small #left-arrow {
    left: 0;
    top: 50px
}
.res_Small #right-arrow {
    right: 0;
    top: 50px
}
.res_Small .feature-wrap,
.res_Small .card-links {
    width: 300%;
    left: 0
}
.res_Small .stick .card-links {
    max-width: 400%
}
.res_Small .stick h2 {
    display: block
}
.res_Small #card-links-wrap.stick {
    top: 0;
    padding: 0 .6em
}
.res_Small .stick .multicard-col h2 {
    padding-top: .3em;
    margin-bottom: 0;
    margin-top: .5em
}
.res_Small .stick #left-arrow,
.res_Small .stick #right-arrow {
    top: .5em
}
.res_Small .multicard-col h2 {
    font-size: .875em
}
.res_Small .stick .multicard-col h2 span {
    display: block
}
.res_Small .multicard-col h2 span {
    font-size: 120%
}
.res_Small .language a {
    font-size: .9em
}
.res_Small .banner-text-wrap .language a.english,
.res_Small .banner-text-wrap .language a.french {
    font-size: .563em
}
.res_Small .card-apply {
    margin-top: 0
}
.res_Small .row.offers .multicard-col .subscribe span.get-text {
    display: block;
    font-size: .750em;
    line-height: .5em;
    font-weight: 600
}
.res_Small .row.offers .multicard-col .subscribe span.price {
    font-size: 1.875em
}
.res_Small #multicard-mobile-tabs .tab-wrapper ul {
    margin: -0.2em auto 0 auto
}
.res_Small .stick #multicard-mobile-tabs .tab-wrapper ul {
    margin-top: 0;
    -webkit-transition: margin-top 1s;
    transition: margin-top 1s
}
.res_Small .side_menu {
    margin-left: -85px;
    z-index: 99999;
    top: 0
}
.res_Small .acc-heading {
    font-size: .875em
}
.res_Small .bullet-points ul li {
    font-size: .688em
}
.res_Small .bullet-points ul {
    padding: 0 0 0 1.6em
}
.res_Small .detail-links {
    padding: 0 .6em
}
.res_Small .img-left,
.res_Small .img-right {
    display: none
}
.res_Small .multicard-col span.unit {
    line-height: 2em
}
.icons,
.side_menu ul li.active a,
.side_menu ul li,
.res_Small #multicard-mobile-tabs ul li.current,
#right-arrow,
#left-arrow,
.bullet-points ul li:before,
.details ul li:before {
    background: url("../../img/mclp_sprites.png") no-repeat;
    background-image: url("../../img/mclp_sprites.png");
    background-repeat: no-repeat
}
.icons.acc-nav {
    width: 20px;
    height: 20px;
    background-position: 0 0;
    float: right
}
.acc-open .icons.acc-nav {
    background-position: -25px 0
}
.res_Small #right-arrow {
    width: 26px;
    height: 26px;
    background-position: -31px -25px
}
.res_Medium #right-arrow {
    width: 45px;
    height: 45px;
    background-position: -111px 0
}
.res_Small #left-arrow {
    width: 26px;
    height: 26px;
    background-position: 0 -25px
}
.res_Medium #left-arrow {
    width: 45px;
    height: 45px;
    background-position: -62px 0
}
.icons.menu-handle {
    position: absolute;
    right: -22px;
    top: 100px;
    cursor: pointer;
    border-left: none;
    background-position: -160px 0;
    width: 22px;
    height: 46px
}
.side_menu ul li.active a {
    background-position: 0 -56px
}
.side_menu ul li {
    background-position: -88px -52px
}
.res_Small #multicard-mobile-tabs ul li.current {
    background-position: -187px 0px;
}
.res_Small .stick #multicard-mobile-tabs ul li.current {
    background-position: -187px 50px;
}
.bullet-points ul li,
.multi-card-1 .bullet-points ul li,
.multi-card-2 .bullet-points ul li,
.multi-card-3 .bullet-points ul li,
.multi-card-4 .bullet-points ul li,
.multi-card-5 .bullet-points ul li,
.gold-card .details ul li,
.platinum-card .details ul li,
.reserve-card .details ul li {
    list-style-image: none!important
}
.bullet-points ul li:before,
.details ul li:before {
    position: absolute;
    margin: .4em 0 0 -1.7em;
    height: 7px;
    width: 8px;
    content: "";
    vertical-align: middle
}
.details.footnotes ul li:before {
    width: 0;
    height: 0
}
.multi-card-1 .bullet-points ul li:before,
.reserve-card .details ul li:before {
    background-position: -187px -59px
}
.multi-card-2 .bullet-points ul li:before,
.platinum-card .details ul li:before {
    background-position: -200px -59px
}
.multi-card-3 .bullet-points ul li:before,
.gold-card .details ul li:before {
    background-position: -213px -59px
}
.multi-card-4 .bullet-points ul li:before,
.gold-card .details ul li:before {
    background-position: -213px -59px
}
.multi-card-5 .bullet-points ul li:before,
.gold-card .details ul li:before {
    background-position: -213px -59px
}
.acc-heading {
    cursor: pointer
}
.highlights img.icons {
    background: 0
}
.side_menu ul li.first a,
.side_menu ul li.last a {
    margin: 1px 0
}
body,
html {
    background-color: #182d36!important
}
.content-wrapper b,
.content-wrapper strong {
    color: #2f2c2c
}
.bullet-points a {
    color: #006890
}
.button.blue {
    background-color: #0082c2;
    color: #fff
}
.button.orange {
    background-color: #f26721;
    color: #fff
}
.button.light-grey {
    background-color: #eaebeb;
    color: #002663
}
.detail-links {
    background: #FFF
}
.hero-banner {
    background: #E8E8E8
}
.banner-text-wrap .language a.french {
    color: #fff
}
.banner-text-wrap .language a.english {
    color: #f26721;
    border-right: 1px solid #f26721
}
.row.offers .card1 .subscribe div {
    color: #00a7b3;
    border-color: #00a7b3
}
.row.offers .card1 .subscribe span.unit {
    color: #00a7b3
}
.row.offers .card1 .subscribe span.price {
    color: #00a7b3
}
.row.offers .card2 .subscribe div {
    color: #4f4f4f;
    border-color: #4f4f4f
}
.row.offers .card2 .subscribe span.price {
    color: #4f4f4f
}
.row.offers .card2 .subscribe span.unit {
    color: #4f4f4f
}
.row.offers .card3 .subscribe div {
    color: #46251a;
    border-color: #46251a
}
.row.offers .card3 .subscribe span.price {
    color: #46251a
}
.row.offers .card3 .subscribe span.unit {
    color: #46251a
}
.side_menu ul {
   background-color: #999999;
    border: 1px solid #607482;
    border-left: none
}
.acc-heading {
    color: #fff;
    background-color: #364a54
}
.card-features {
    color: #222
}
.table-header-row {
    background-color: #00a7b3;
    color: #fff
}
.table-rows-even {
    background-color: #eff7f9
}
.table-rows-odd {
    background-color: #f6feff
}
.footnote p,
.footnote ol,
.footnote ul {
    color: #666
}
.hero-wrapper .headline-wrapper h2 {
    color: #222
}
.platinum-card .banner-text-wrap .language a.english,
.gold-card .banner-text-wrap .language a.english,
.reserve-card .banner-text-wrap .language a.english {
    color: #f26721
}
.platinum-card .banner-text-wrap .language a.french,
.gold-card .banner-text-wrap .language a.french,
.reserve-card .banner-text-wrap .language a.french {
    color: #4f4d53
}
.card-right-desc h3 {
    color: #222
}
.card-type {
    color: #002663
}
.card-offer-desc {
    color: #222
}
.card-main-content div.highlights p {
    color: #222
}
.card-main-content .highlight-1 {
    background-color: #fff;
    border: 1px solid #c4bfbf
}
.highlights h6 {
    color: #002663
}
.details.footnotes {
  padding: 1em;
  color: #666;
  font-family: Arial;
  font-size: .7em;
}
.details.footnotes p b,
.details.footnotes p strong {
    color: #222
}
.details.footnotes p a {
    color: #666
}
.footnotes h4 {
    color: #222
}
.reserve-card .get-text-wrapper {
    color: #00a7b3;
    border-color: #00a7b3
}
.hero-wrapper.reserve-card .seperator {
    background: #516974;
    background: -webkit-linear-gradient(left, transparent, #516974, transparent);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#516974', endColorstr='transparent');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#516974', endColorstr='transparent')"
}
.reserve-card .details ul li {
    list-style-image: url("../../img/bullet_reserve.png")
}
.platinum-card .get-text-wrapper {
    color: #4f4f4f;
    border-color: #4f4f4f
}
.hero-wrapper.platinum-card .seperator {
    background: #8f9da2;
    background: -webkit-linear-gradient(left, transparent, #8f9da2, transparent);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8f9da2', endColorstr='transparent');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8f9da2', endColorstr='transparent')"
}
.platinum-card .details ul li {
    list-style-image: url("../../img/bullet_platinum.png")
}
.gold-card .get-text-wrapper {
    color: #46251a;
    border-color: #46251a
}
.gold-card .seperator {
    background: #6b5838;
    background: -webkit-linear-gradient(left, transparent, #6b5838, transparent);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6b5838', endColorstr='transparent');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6b5838', endColorstr='transparent')"
}
.gold-card .details ul li {
    list-style-image: url("../../img/bullet_gold.png")
}
#place-here {

font-weight: bold;
font-family: arial;
font-size: 14px;
margin-top: 10px;
}


#total {
top: 10px;
font-family: arial;
font-size: 14px;
margin-top: 10px;
}

#hero-nav {
text-align:center;
margin: auto;
display:none;
}

.firstdiv {
    width: 15%;
    float: left;
}
/*.div1
{
  overflow-x: scroll; 
   margin-top: -18px; 
}*/
.wrapper2 {
    overflow-x: scroll;
    width: 85%;
}

.wrapper1 {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 85%;
    height:15px;
}

.firstdiv {
    float: left;
    width: 15%;
    margin-top: 15px;
}


.table-header-row {
    height: 78px;
}
/* Styling for compare card Functionality */

.cardstrip{
	padding:0 20px;
	height:113px;
	display:none;
	position:fixed;
	width: 100%;
	background-color: black;
	left:0px;
	bottom:0px;
	opacity:0.9;
	z-index:100;
}
.stripcards{
	position: absolute;
	width: 80%;
    list-style: none;
    float:right;
}
.stripcards li{
	position: relative;
	float: right;
	padding: 3px;
	margin-right: 2px;
	line-height: 11;
}

.stripcards li img{
	height: 80px;
}
.close-icon{
	position: absolute;
    background: url("../../img/close.png");
    height: 16px;
    width: 16px;
    border-radius: 8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	cursor: pointer;

}
.stripcards .close-icon{
	top: 7px;
    right: 0px;

}
.compare-results .close-icon{
	top: -15px;
    right: -14px;
}
.cardstrip .button{
	width: 10%;
	display: none;
    position: absolute;
    right: 49px;
    border-radius: 5px;
    background-color: #ef5a28;
    color: white;
    line-height: 44px;
    text-align: center;
    top: 29px;
    cursor: pointer;
}
.comparision-overlay{
	
	background-color: rgba(0, 0, 0, 0.85);
	display: none;
	position: fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:5000;
	overflow-y: scroll;
}
span.no
{
    display: inline-block;
    height: 12px;
    width: 12px;
   
}
span.yes
{
    display: inline-block;
    height: 12px;
    width: 16px;
    
}

/* Below styling is for the compare results part*/
.compare-results{
	position: absolute;
    width: 80%;
    height: auto;
    background: beige;
    z-index: 1000;
    margin: 20px auto;
    top: 45px;
	margin-left:9%;
}

.compare-results #overview
{
    background: #eee;
    border: 1px solid #d8d8d8;
    display: block;
    width: 99.9%;
    
    line-height: 45px;
    float: left;
    cursor: pointer;
}

#overview .compareright{
	padding: 13px 0;
	font-weight:bold;

}

.compcontent {
    width: 99.9%;
    float: left;
    padding: 0;
    border-top: 2px solid #ef5a28;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    
    position: relative;
}
.droparrow {
    position: absolute;
    left: 25px;
    top: -1px;
    background-position: -26px -269px;
    width: 16px;
    height: 7px;
}
.compcontent li.odd {
    background: #f3f3f3;
}
.compcontent li {
    width: 100%;
    float: left;
    
    font-size: 14px;
    color: #767676;
    padding: 13px 0;
}
.compareleft {
    width: 23%;
    float: left;
    padding: 0 0 0 2%;
    color: #3b3b3b;
    
    text-align: left;
}
.compareright {
    width: 75%;
    float: left;
}
 .compareright.comparewrap-2 div {
    width: 45%;
}
.compareright.comparewrap-4 div {
    width: 22%;
}
.compareright div {
    padding: 0 1.5%;
    line-height: normal;
    float: left;
    width: 30%;
}

/***********compare table end************/
#allcards {
background: #fff;
min-height: 35px;
width: 100%;
text-align: center;
margin-top: -14px;
}

#allcards-inner {
max-width: 970px;
min-width:320px;
text-align: center;
margin: 0 auto;
padding-bottom: 3px;
}

.choose {
font-family: "BentonSansBook", Helvetica,Arial,Verdana,san-serif;
color: #000;
font-size: 12px;
text-transform: uppercase;
margin: 7px 7px 0 7px;
padding-bottom: 5px;
padding-top: 10px;
text-align: left;
border-bottom: 1px solid #eeeeee;
}

#allcards-inner li
{
    width:16%;
    display:inline-block;
}

#allcards-inner a
{
display:inline-block;
margin: 3px 3px 3px 3px;
}

#pleasechoose
{
color: #000;
font-size: 18px;
text-align: center;
width: 100%;
margin-top: 50px;
}

.bp {
padding: 10px 2px;
float: left;
}

.highlighted
{
background-color:rgb(238,238,238);
border-radius:7px;
color:white !important;
}
.selected
{
background-color:rgb(215,215,215);
border-radius:7px;
color:white !important;
}

.scrolledTable
{
overflow-x:scroll;
overflow-y:hidden;
float:left;
width:100%;
}

.scroller 

{
white-space:nowrap;
height:1px;
    min-width: 850px;
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;  
z-index:1000;
}

.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.popup
{
    outline: 0;
    height: auto;
    width: 45%;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: url(../../img/gradient.jpg) repeat-x scroll 0 -50px #FFF;
    border: 1px solid #CFCFCF;
    font-family: Arial,Verdana,Helvetica,san-serif;
    left: 25%;
    padding: 20px;
    position: fixed;
    top: 20%;
    z-index: 4001!important;   
    text-align: left;
}


.popup-close-button {
    background: url(../../img/button-close.gif) no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    margin: -3px;
    overflow: hidden;
    text-indent: -9999px;
    width: 25px;
    float: right;
}

.dialog-titlebar-close{
        border-right: 0;
        padding: 0 9px;
        font-weight: 700;
        display: block;
        position: absolute;
        right: 4px;
        top: 4px;
        
}


.table-rows-odd-2 div,
.table-rows-even-2 div,
.table-header-row-2 div {
    vertical-align: middle;    
}
.table-rows-odd-2 div,
.table-rows-even-2 div {
    color: #222
}

.card
{
border-left: 2px solid #fff;
width:32.5%;
padding: 1em;
text-align: center;
}

.table-header-row-2 {
    background-color: #00a7b3;
    color: #fff;   
    font-size: .875em;
border: 2px solid #fff;
}
.table-header-row-2 div {
    
    display: inline-block;
}
.quick-compare .table-header-row-2 div.header-content {
    border: 0;
    display: table;
    width: auto;
    margin: 0 auto
}
.table2 .column1
{
width:24%;
padding: 1em;
}
.table2 .column2
{
width:75%;
}

.table-header-row-2 img {
    vertical-align: middle;
    width: 66px;
}

.column1 a
{
text-decoration: underline;
}
.table-rows-odd-2
{
    font-weight: bold;
    padding: 3px 0 3px 15px;
}

.table-rows-odd-2,
.table-rows-even-2 {
    display: inline-block;
width:100%;
border: 2px solid #fff;
}
.table-rows-odd-2 {
    background-color: #f6feff;
    font-size: .750em
}
.table-rows-even-2 {
    background-color: #eff7f9;
    font-size: .750em
}
.table-rows-odd-2 div {
    padding: 1em .2em;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    border: 2px solid;
    border-color: #fff
}
.table-rows-even-2 div {
    vertical-align: middle;    
    display: inline-block;
}

.table2
{
    margin: .6em 0;
    color: #222;
    overflow: hidden;
	display: table;    
	width:100%;
    float: left;
    border-collapse: collapse;
    font-family: BentonSansRegular;
	    min-width: 850px;
}

/*
* Mobile First media queries
*/

@media screen and (max-width: 959px){
#allcards-inner li {
    width: 32%;
}}
@media screen and (min-width: 750px) and (max-width: 950px) 
{
.stripcards{
	width: 70%;
}
.cardstrip .button{
	    width: 15%;
		line-height: 33px;
}
    .compare-results
    {
        width:80%;
		 margin-left: 10%;
    }
   
    .compcontent
    {
         width: 99.9%;
    }
}
@media screen and (max-width: 749px){

.compare-results {
    width: 94%;
	margin-left: 2%;
	font-weight:bold;
}
.compareleft {
    width: 20%;
	padding:0;
	}
.compareright{
	width: 80%;
	}
#overview .compareright{
	padding:0;
}
.compareright.comparewrap-2 div{
	width: 45%;
}
.stripcards{
    width: 59%;
}
.stripcards li{
	padding:0;
}
.stripcards .close-icon {
    top: 20px;
    right: -3px;
}
.stripcards li img {
    height: 60px;
}
.cardstrip .button{
	width: 15%;
	line-height: 14px;
}
}

@media screen and (max-width: 500px){
.compare-results {
font-size:12px;
}

#allcards-inner li {
    width: 48%;
}
}

.btn-wrapper {
  width: 90%;
  margin-left: 10%;
}
/**************************************/

#wrapper-sly
{

    height:100%;
    overflow:auto;
}
.row.offers .subscribe.text {
    margin-left: 90px;
}
.row.offers .subscribe span.price.description{
    margin-left:8px;
}
body,
html {
    background-color: #fff!important
}
.row.offers .subscribe div,.row.offers .subscribe span.price {
    color: #00a7b3!important;
    border-color: #00a7b3!important
}