body {
    background: url('[MMSTATIC]/images/layout/bg.jpg[/MMSTATIC]');
    padding: 0;
    margin: 0 0 20px 0;
    overflow-y: scroll;
}

.ie7 body {
    overflow-y: visible;  /*removes the duplicate scrollbar bug for IE7*/
}
/*Forms*/



/*Buttons*/
.button,
.ui-widget-content button.ui-button {
    position: relative;
    display: inline-block;
    padding: 5px 9px;
    font-weight: bold;
    color: #fff;
    border: 0;
    border-bottom: 1px solid #00683d;
    background-color: rgb(35, 128, 51);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(20, 170, 20, 0.8) 0%, rgba(35, 128, 51, 0.8) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(20, 170, 20, 0.8)), color-stop(100%, rgba(35, 128, 51, 0.8)));
    background: -webkit-linear-gradient(top, rgba(20, 170, 20, 0.8) 0%, rgba(35, 128, 51, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(20, 170, 20, 0.8) 0%, rgba(35, 128, 51, 0.8) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(20, 170, 20, 0.8) 0%, rgba(35, 128, 51, 0.8) 100%);
    /* IE10+ */
    background: linear-gradient(top, rgba(20, 170, 20, 0.8) 0%, rgba(35, 128, 51, 0.8) 100%);
    /* W3C */


    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 8px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

.cssgradients .button {
    background-color:  rgb(112,112,112);
}



.button-chromeless {
    background: 0;
    border: 0;
    color: #005293;
}

.button-alert {
    background-color: #d3393a;
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(192, 9, 9, 0.8) 0%, rgba(141, 0, 0, 0.8) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(192, 9, 9, 0.8)), color-stop(100%, rgba(141, 0, 0, 0.8)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(192, 9, 9, 0.8) 0%, rgba(141, 0, 0, 0.8) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(192, 9, 9, 0.8) 0%, rgba(141, 0, 0, 0.8) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(192, 9, 9, 0.8) 0%, rgba(141, 0, 0, 0.8) 100%);
    /* IE10+ */
    background: linear-gradient(top, rgba(192, 9, 9, 0.8) 0%, rgba(141, 0, 0, 0.8) 100%);
    /* W3C */
}

.button.small-text,
.small-text .button {
    border-radius: 3px;
}


.button.large-text,
.large-text .button {
    border-radius: 10px;
    padding: 10px 18px;
}

.small-medium-text input,
.small-medium-text button,
.small-medium-text.input,
.small-medium-text.button {
    font-size: 14px;
}

.button:focus, .button:hover,
.ui-button:focus, .ui-button:hover {
    background-color: rgb(20, 170, 20);

    /* Old browsers */
    text-decoration: none;
}

.cssgradients .button:focus,
.cssgradients .button:hover {
    background-color: rgba(238,238,238,1);
}


.button-alert:hover,
.button-alert:focus {
    background-color: #a32519;
}

.button:active,
.ui-button:active {
    border-color: transparent;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.button-arrow-right {
    padding-right: 30px;
}

.button-arrow-left {
    padding-left: 30px;
}

.button-arrow-down,
.button-arrow-up {
    padding-right: 30px;
}

.button-arrow-right:after,
.button-arrow-down:after,
.button-arrow-up:after,
.button-arrow-left:before {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    display: inline-block;
    vertical-align: middle;
}

.button-arrow-right:after {
    content: '\25BA';
    right: 5px;
}

.button-arrow-down:after {
    content: '\25BC';
    right: 5px;
}

.button-arrow-up:after {
    content: '\25B2';
    right: 5px;
    margin-top: -6px;
}

.button-arrow-left:before {
    content: '\25C4';
    left: 5px;
}

.button-light,
.sub-nav .button-light {
    /*TODO fix specificity issue here*/
    color: #005293;
    font-size: 0.9em;
    /* Old browsers */
    border-bottom-color: #ededed;
    background: -moz-linear-gradient(top, #ffffff 0%, rgba(237, 237, 237, 0.8) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(237, 237, 237, 0.8)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, rgba(237, 237, 237, 0.8) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, rgba(237, 237, 237, 0.8) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, rgba(237, 237, 237, 0.8) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, rgba(237, 237, 237, 0.8) 100%);
    /* W3C */

    background-color: #eee;
    text-shadow: none;
}

.button-light:hover,
.button-light:focus,
.sub-nav .button-light:hover,
.sub-nav .button-light:focus {
    /*TODO fix specificity issue here*/
    background-color: #fff;
    border-color: #eee;
}

.ie9 .button-light,
.ielt9 .button-light {
    background-color: #eee;
    border: 1px solid #eee;
}

.ie9 .button-light:hover,
.ie9 .button-light:focus,
.ielt9 .button-light:hover,
.ielt9 .button-light:focus {
    background-color: #fff;
}

.button-alt {
    background-color: #0097C2;
    background: -moz-linear-gradient(top, rgba(9, 155, 192, 0.8) 0%, rgba(0, 125, 184, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(9, 155, 192, 0.8)), color-stop(100%, rgba(0, 125, 184, 0.8)));
    border-bottom: 1px solid #016683;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0;
}

.button-alt:hover,
.button-alt:focus {
    background-color: rgb(9, 155, 192);
}

.ie9 .button-alt {
    background-color: #0097C2;
}

.button[disabled],
.button[disabled]:hover,
.button[disabled]:focus,
.button[disabled]:active {
    opacity: 0.7;
    background: #ccc;
    border-color: #ccc;
    text-shadow: none;
    cursor: not-allowed;
    box-shadow: none;
}


input[type=text], input[type=password], input[type=search], select, textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, select:focus {
    outline: 0;
    color: #000;
    border-color: #666;
}

.small-text input[type=text], .small-text input[type=search], .small-text select, .small-text textarea
input[type=text].small-text , input[type=search].small-text , select.small-text , textarea.small-text {
    padding: 3px;
}

::-webkit-input-placeholder {
    color: #666;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}

input:focus::-webkit-input-placeholder {
    color: #ccc;
}

input:focus:-moz-placeholder {
    color: #ccc;
}

fieldset {
    border: 0;
}

legend {
    display: block;
}



/*Form Layout (taken from Bootstrap for layout object reuse*/
.control-group {
    margin-bottom: 20px;
    *zoom: 1;
}

.control-group:before,
.control-group:after {
    display: table;
    line-height: 0;
    content: "";
}

.control-group:after {
    clear: both;
}

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

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0;
}

.form-horizontal .controls:first-child {
    *padding-left: 180px;
}

.form-horizontal .help-block {
    margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
    margin-top: 10px;
}

.form-horizontal .form-actions {
    padding-left: 180px;
}

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}

.form-actions:before,
.form-actions:after {
    display: table;
    line-height: 0;
    content: "";
}

.form-actions:after {
    clear: both;
}

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
    color: #c09853;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    color: #c09853;
    border-color: #c09853;
}

.control-group.warning .checkbox:focus,
.control-group.warning .radio:focus,
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: 0 0 6px #dbc59e;
    -moz-box-shadow: 0 0 6px #dbc59e;
    box-shadow: 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #b94a48;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    color: #b94a48;
    border-color: #b94a48;
}

.control-group.error .checkbox:focus,
.control-group.error .radio:focus,
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: 0 0 6px #d59392;
    -moz-box-shadow: 0 0 6px #d59392;
    box-shadow: 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
    color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    color: #468847;
    border-color: #468847;
}

.control-group.success .checkbox:focus,
.control-group.success .radio:focus,
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: 0 0 6px #7aba7b;
    -moz-box-shadow: 0 0 6px #7aba7b;
    box-shadow: 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

:-moz-placeholder {
    color: #999999;
}

:-ms-input-placeholder {
    color: #999999;
}

::-webkit-input-placeholder {
    color: #999999;
}

.help-block,
.help-inline {
    color: #555555;
}

.help-block {
    display: block;
    margin-bottom: 9px;
}

.help-inline {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    vertical-align: middle;
    padding-left: 5px;
}

input[readonly] {
    cursor: not-allowed;
}

.checkbox-label {
    display: inline-block;
    vertical-align: top;
}

.status-messages {
    padding: 0 10px;
    border-radius: 0 0 8px 8px;
}
.status-message{
    position: relative;
    padding: 10px 30px 10px 10px;
    margin: 10px 20px;
    border: 1px solid #f0baa3;
    border-radius: 8px;
}
.status-message-error {
    background: #f9e6e6;
    color: #c40000;
    border: 1px solid #f0baa3;
    text-align: center;
    font-weight: bold;
}
.status-message-success {
    background: #d8eff6; /* Old browsers */
    background: -moz-linear-gradient(top, #d8eff6 0%, #d8eff6 90%, #c9e9f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8eff6), color-stop(90%,#d8eff6), color-stop(100%,#c9e9f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d8eff6 0%,#d8eff6 90%,#c9e9f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d8eff6 0%,#d8eff6 90%,#c9e9f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d8eff6 0%,#d8eff6 90%,#c9e9f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d8eff6 0%,#d8eff6 90%,#c9e9f2 100%); /* W3C */
    color: #0098c3;
    border: 1px solid #bfe5f0;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 0px -1px 2px 0px #fff

}
.status-message-close {
    position: absolute;
    top: 5px;
    right: 5px;
    line-height: 1em;
    font-weight: bold;
    border-radius: 3px;
    padding: 0 4px;
    display: none;
}
.status-message-drop {
    position: absolute;
    z-index: 5;
    top: -50px;
    left: 0;
    margin: 0;
    width: 960px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 8px 8px;
    -webkit-transition: top 0.2s ease-out;
    -moz-transition: top 0.2s ease-out;
    -o-transition: top 0.2s ease-out;
    transition: top 0.2s ease-out;
    font-size: 18px;
}
.status-message-drop.in {
    top: 0;
}


/* End Forms */

/*Tables*/

.table {
    border-collapse: collapse;
}
.table tr {
    background: #fff;
}
.table td,
.table th {
    padding: 8px;
    border: 1px solid #333;
    border-width: 1px;
}
.table th,
.table tfoot {
    background: #0297c2;
    color: #fff;
}
.table tbody tr {
    -webkit-transition: background 0.4s ease-out;
    -moz-transition: background 0.4s ease-out;
    -o-transition: background 0.4s ease-out;
    transition: background 0.4s ease-out;
}
.table tr:nth-child(even) {
    background: #f4f4f4;
}
.table tbody tr:hover {
    background: #ddd;
}

.table.small-medium-text td,
.table.small-medium-text th {
    padding: 5px;
}

/*Wrapper*/
.wrapper {
    width: 960px;
    margin: 0 auto;
}

/*Top bar*/
#top-bar {
    position: relative;
    z-index: 3;
    padding: 0 5px;
    background: #000;
    color: #fff;
    font-size: 12px;
}
#top-bar .wrapper {
    position: relative;
}
#top-bar a {
    color: #fff;
}

#top-bar p {
    margin-bottom: 0;
}

#top-nav {
    float: right;
    text-align: right;
}

.top-nav-item {
    padding: 8px 10px;
    background: url('[MMSTATIC]/images/layout/top-bar-divider.png[/MMSTATIC]') no-repeat bottom left;
    height: 13px;
    float: left;
}

#top-bar-vouchers {
    padding: 7px 0 6px;
    height: 16px;
    float: left;
}

#top-bar-vouchers:last-child {
    width: 105px;
}

li.fb-connect {
    height: 26px;
    overflow: hidden;
    padding-top: 2px;
}

.fb-connect-item {
    height: 19px;
    padding: 3px 5px 0 42px;
    margin: 7px 0 0 18px;
    background: url('[MMSTATIC]/images/layout/fb-connect.png[/MMSTATIC]') no-repeat;
}

/*End Top bar*/

/*Add Voucher Link*/
.add-voucher {
    display: inline-block;
    padding: 0 5px;
    background: #34B233;
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    height: 18px;
    line-height: 12px;
}

.add-voucher:active {
    position: absolute;
    top: 0;
}

.add-voucher-plus {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    margin: 1px 5px 0 5px;
}

/* End Add Voucher Link */

/*Search Box*/
.search-box {
    background: #999;
    color: #fff;
    padding: 10px;
    border-radius: 12px;
    float: right;
}

.search-box-heading {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 2px;
}

.search-form {
    width: 573px;
}

.field-search {
    width: 100%;
}

.field-submit {
    text-align: right;
}

input.search {
    border: 4px solid #666;
    border-radius: 8px;
    padding: 4px 7px;
    width: 100%;
    color: #666;
    -webkit-transition: color 0.2 ease-in;
    -moz-transition: color 0.2 ease-in;
    -o-transition: color 0.2 ease-in;
    -ms-transition: color 0.2 ease-in;
    transition: color 0.2 ease-in;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-shadow: inset 2px 13px 9px -10px rgba(0, 0, 0, 0.3);
    -moz-shadow: inset 2px 13px 9px -10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 2px 13px 9px -10px rgba(0, 0, 0, 0.3);
}

.ie7 .search {
    display: inline;
    width: auto;
}

.search,
.search-box .submit {
    border-radius: 10px;
    font-size: 21px;
}

.search-box .submit {
    margin: 0 0 0 5px;
    font-size: 24px;
    font-weight: bold;
}

.ui-autocomplete {
    position: absolute;
    z-index: 100000;
    font-size: 11px;
    list-style-type: none;
    background: #fff;
    padding: 0;
    border: 1px solid #333;
}

.ui-autocomplete a {
    cursor: pointer;
    display: block;
    padding: 0 5px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.ui-autocomplete .ui-menu-item:nth-child(even) a {
    background: #ededed;
}

.ui-autocomplete .ui-menu-item a:hover,
.ui-autocomplete .ui-menu-item a:focus,
#ui-active-menuitem {
    background: #0098C3;
    color: #fff;
    text-decoration: none;
}

.search-suggestions {
    line-height: 1em;
    padding-top: 5px;
}

.search-suggestions a {
    color: #fff;
    margin: 0;
    font-size: 12px;
}

.search-suggestions a:after {
    content: ',';
    margin-right: 5px;
}

.search-suggestions li:last-child a:after {
    content: ''
}

/* End Search Box*/

/*Main*/

#main {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0px -7px 14px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px -7px 14px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -7px 14px 4px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

#banner {
    position: relative;
    padding: 18px 10px 0 20px;
}

.branding {
    margin-top: 14px;
    float: left;
}

/*Navigation*/

/*Horizontal Navigation */
.h-nav {
    padding: 0;
}

.h-nav a,
.h-nav span {
    color: #333;
    font-weight: bold;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.h-nav a:focus,
.h-nav a:hover {
    text-decoration: none;
}

.h-nav a:hover,
.h-nav a:focus,
.h-nav .topactive,
.h-nav .active a,
.h-nav .active span {
    background: #0098C3;
    color: #fff;
    text-decoration: none;
}

.h-nav .disabled {
    opacity: 0.5;
    filter: (opacity = 50 );
}

/*Primary Navigation*/
.primary-nav {
    display: block;
    border-bottom: 1px solid #CCC;
    margin: 14px 0 0;
    padding-left: 20px;
}

.primary-nav-items a {
    font-size: 15px;
    border-radius: 5px 5px 0 0;
    padding: 3px 8px 2px;
    margin-right: 4px;
    border: 1px solid #7fcbe1;
    border-width: 1px 1px 0 1px;
    background-color: #dff2f7;
    background: -webkit-linear-gradient(#fff, #dff2f7);
    background: -moz-linear-gradient(#fff, #dff2f7);
    background: -o-linear-gradient(#fff, #dff2f7);
    background: -ms-linear-gradient(#fff, #dff2f7);
    background: linear-gradient(#fff, #dff2f7);
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}

.primary-nav-items a:hover span {
    color: #fff;
}

/*Sub Navigation*/
.sub-nav {
    opacity: 0;
    visibility: hidden;
    filter: alpha(opacity = 0); /*IE 5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
    width: 938px;
    position: absolute;
    z-index: -1;
    left: 0;
    background: #fff;
    padding: 10px;
    border: 1px solid #7FCBE1;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: visibility 0.2s 0.5s, opacity 0.2s 0.5s, z-index 0s 0.5s;
    -moz-transition: visibility 0.2s 0.5s, opacity 0.2s 0.5s, z-index 0s 0.5s;
    -o-transition: visibility 0.2s 0.5s, opacity 0.2s 0.5s, z-index 0s 0.5s;
    transition: visibility 0.2s 0.5s, opacity 0.2s 0.5s, z-index 0s 0.5s;

}

.sub-nav-header {
    color: #999;
    font-size: 21px;
    text-align: center;
}

.primary-nav li:hover  .sub-nav {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity = 100); /*IE 5-7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
    z-index: 999;
    -webkit-transition: visibility 0.2s 0.3s, opacity 0.2s 0.3s, z-index 0.2s 0.3s, display 0.2s 0.3s;
    -moz-transition: visibility 0.2s 0.3s, opacity 0.2s 0.3s, z-index 0.2s 0.3s, display 0.2s 0.3s;
    -o-transition: visibility 0.2s 0.3s, opacity 0.2s 0.3s, z-index 0.2s 0.3s, display 0.2s 0.3s;
    transition: visibility 0.2s 0.3s, opacity 0.2s 0.3s, z-index 0.2s 0.3s, display 0.2s 0.3s;
    z-index: 1000;
}

.categories .primary-nav li:hover  .sub-nav {
    opacity: 0;
    z-index: -1;
    visibility: visible;
}


.sub-nav-items {
    margin: 20px 0;
    padding: 0;
}

.sub-nav-items a {
    width: 289px;
    background: none;
    border: 0;
    border-radius: 5px;
    color: #0098C3;
    text-shadow: none;
}

.sub-nav-items a:hover,
.sub-nav-items a:focus {
    background: #f4f4f4;
    color: #0098c3
}

.sub-nav .button-light {
    border-radius: 5px;
    border-width: 0 0 1px;
}

.sub-nav .button-light:hover,
.sub-nav .button-light:focus {
    color: #005293;
    background: -moz-linear-gradient(top, #ffffff 0%, rgba(237, 237, 237, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(245, 245, 245, 0.8)));
    background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
    background: -o-linear-gradient(top, #ffffff 0%, rgba(237, 237, 237, 0.8) 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, rgba(237, 237, 237, 0.8) 100%);
    background: linear-gradient(to bottom, #ffffff 0%, rgba(237, 237, 237, 0.8) 100%);
}

.sub-nav-footer .translate {
    color: #fff;
}

/*Content*/

.content-wrapper {
    position: relative;
    padding: 20px;
    background: #fff;
    z-index: 2;
}

.primary {
    width: 600px;
    float: left;
    position: relative;
    z-index: 2;
}

.primary-thirds {
    width: 199px;
    float: left;
}

.primary-quarters {
    width: 220px;
    float: left;
    margin: 0 0 10px 10px;
}

.primary-querters.primary-first {
    margin-left: 0;
}

.primary-fiths {
    width: 184px;
    float: left;
}

.primary-first {
    clear: left;
}

.secondary {
    width: 300px;
    float: right;
    position: relative;
    z-index: 1;
}

/* End Content*/


/*Widgets*/
.widget {
    margin-bottom: 20px;
}
.widget-bordered {
    padding: 20px;
    border: 4px solid #ededed;
    border-radius: 12px;
}

.widget-blue
{
    background-color: #E1F3F8;
    background-image : linear-gradient(rgb(227, 244, 248) 0%, rgb(209, 237, 244) 100%);
    border : 4px solid #bfe5f0;
}

.widget-blue .store-logo
{
    border : 6px solid #bfe5f0;
}


/*Breadcrumbs*/

.breadcrumbs {
    margin-bottom: 15px;
}
.breadcrumbs  a{
    color: #999;
}
.breadcrumbs .active {
    color: #000;
    font-weight: bold;
}
.breadcrumb-arrow {
    color: #939393;
}






/*Icons*/
.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center left
}

.icon-32 {
    min-width: 32px;
    min-height: 32px;
}

.icon-16 {
    min-width: 16px;
    min-height: 16px;
}
.icon-45 {
    min-width: 45px;
    min-height: 45px;
}

.icon-32-rss {
    background: url('[MMSTATIC]/images/icons/rss32.png[/MMSTATIC]');
    background-repeat: no-repeat;
}

/*.icon-star {*/
    /*display: inline-block;*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*vertical-align: text-bottom;*/
    /*background-image: url(/images/icons/star.png);*/
/*}*/

/*.icon-halloween {*/
    /*display: inline-block;*/
    /*width: 19px;*/
    /*height: 19px;*/
    /*vertical-align: text-bottom;*/
    /*background-image: url(/images/icons/halloween.png);*/
/*}*/

/*.icon-belgium {*/
    /*display: inline-block;*/
    /*width: 25px;*/
    /*height: 20px;*/
    /*vertical-align: text-bottom;*/
    /*background-image: url(/images/icons/belgium.png);*/
/*}*/

/*.icon-christmas {*/
    /*display: inline-block;*/
    /*width: 18px;*/
    /*height: 20px;*/
    /*vertical-align: text-bottom;*/
    /*background-image: url(/images/icons/christmas.png);*/
/*}*/

.icon-social {
    display: inline-block;
    background-image: url('[MMSTATIC]/images/icons/social-sprite.png[/MMSTATIC]');
    vertical-align: middle;
}

.icon-twitter {
    width: 55px;
    height: 65px;
    background-position: 0 0;
}

.icon-google {
    width: 50px;
    height: 65px;
    background-position: -75px 0;
}

.icon-facebook {
    width: 50px;
    height: 65px;
    background-position: -145px 0;
}

.icon-twitter-follow {
    width: 170px;
    height: 20px;
    background-position: 0 -66px;
}


.icon-social-45 {
    background: url('[MMSTATIC]/images/icons/social-icons-rounded-sq-45.png[/MMSTATIC]');
    vertical-align: middle;
}
.icon-twitter-45 {
    background-position: -45px 0;
}
.icon-google-45 {
    background-position: -90px 0;
}




.icon-16-glyph {
    background-image: url('[MMSTATIC]/bootstrap/img/glyphicons-halflings.png[/MMSTATIC]');
    display: inline-block;
    vertical-align: middle;
}

.icon-16-glyph.icon-white {
    background-image: url('[MMSTATIC]/bootstrap/img/glyphicons-halflings-white.png[/MMSTATIC]');
}




.icon-expand {
    background-position: -456px -144px;
}

/*Category icons */
.cat-icon-header {
    min-height: 60px;
    margin: 0;
}

.icon-cat {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.icon-compact {
    margin-right: 0;
}

.icon-cat-small {
    height: 30px;
    width: 30px;
}

.icon-cat-med {
    height: 60px;
    width: 60px;
}

.icon-cat-above {
    width: 100%;
    background-position: top left;
}

.icon-cat-med.icon-cat-above {
    height: 65px;
}


/*.icon-tick {*/
    /*width: 23px;*/
    /*height: 24px;*/
    /*background-image: url(/images/icons/icon-tick.png);*/

/*}*/
/*Lazy Loading images*/

.lazy {
    visibility: invisible;
}

/*IE7 layout fix for FB like*/
.ie7 .fb-like {
    display: inline-block;
    display: inline;
    zoom: 1;
}

/*Store logos*/

.store-logo {
    display: inline-block;
    display: *inline;
    zoom: 1;
    border: 6px solid #ededed;
    background: #fff;
    position: relative;
    width: 150px;
    height: 100px;
    line-height: 97px;
    /*This ensures the older, smaller logos are vertically centered within box.*/
    text-align: center;
    /*This ensures the older, smaller logos are horizontally centered within box.*/
}

.store-logo::after {
    content: '';
    position: absolute;
    bottom: -14px;
    left: -6px;
    width: 162px;
    height: 9px;
    background: url('[MMSTATIC]/images/layout/store-logo-shadow.png[/MMSTATIC]') no-repeat bottom;
}

.store-logo-small {
    display: inline-block;
    display: *inline;
    zoom: 1;
    border: 3px solid #ededed;
    background: #fff;
    position: relative;
    width: 75px;
    height: 50px;
    line-height: 49px;
    /*This ensures the older, smaller logos are vertically centered within box.*/
    text-align: center;
    /*This ensures the older, smaller logos are horizontally centered within box.*/
    margin: 5px 20px 5px 0 !important;
}

.store-logo-small::after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: -3px;
    width: 81px;
    height: 5px;
    background: url('[MMSTATIC]/images/layout/store-logo-shadow-small.png[/MMSTATIC]') no-repeat bottom;
}

.store-logo img, .store-logo-small img {
    vertical-align: middle
}

/*Social buttons*/

.fb_iframe_widget {
    display: inline-block;
    *display: inline;
    /*IE7*/
    zoom: 1;
}

/*Tags*/
.tag-list {
    padding: 0;
}

.tag {
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    color: #005293;
    padding: 0 20px 0 5px;
    margin: 2px;
    background: url('[MMSTATIC]/images/layout/tag-bg.png[/MMSTATIC]') no-repeat right;
    border-left: 2px solid #ededed;
    line-height: 2em;
}

.tag:hover,
.tag:focus {
    color: #000;
    text-decoration: none;
}

/*Slide ins*/
.slide-in {
    position: fixed;
    top: 20px;
    right: -100%;
    width: 444px;
    margin-right: -222px;
    border: 2px solid #666;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.slide-in-heading {
    background: #666;
    color: #fff;
    padding: 10px 30px 10px 10px;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
}

.slide-in-close {
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 10px;
    padding: 0 4px;
    background: #fff;
    color: #666;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: 0;
    border-radius: 5px;
}

.slide-in-close:hover {
    background: #eee;
}

.slide-in-inner {
    padding: 10px;
}

.slide-in-subheading {
    text-align: center;
    color: #666;
}

.slide-in-subheading span {
    color: #000;
}

/*Autocomplete*/

.ac_loading {
    background: url('[MMSTATIC]/images/layout/indicator.gif[/MMSTATIC]') right center no-repeat;
}

/*Share triggers*/
.share-trigger {
    display: inline-block;
    float: right;
    text-decoration: none;
    margin-bottom: 5px;
}

.share-trigger:hover,
.share-trigger:focus {
    text-decoration: none;
}

.socialite {
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    *display: inline;
    /*IE7 fix */
    zoom: 1;
}
.aria { /*Firefox bug fixin Tweet button*/
    text-indent: -9999px;
    position: static !important;
}

.facebook-like {
    position: relative;
    top: -2px;
}



.share-trigger .icon-social {
    margin-left: 3px;
}

/* Skyscrapers */
.skyscraper-container {
    position: absolute;
    z-index: -1;
    width: 960px;
    top: 0;
    left: 50%;
    margin-left: -480px;
}

.skyscraper {
    position: absolute;
    min-height: 600px;
    height: 100%;
}

.skyscraper-left {
    left: -160px;
}

.skyscraper-right {
    right: -160px;
}

.skyscraper-link {
    display: block;
    height: 100%;
    width: 160px;
    background-repeat: no-repeat;
    background-position: left top;
}
.skyscraper-link:active {
    positon: static;
    top: 0;
    left: 0;
}

.skyscraper-container.skyscraper-repeated {
    height:100%;
}
.skyscraper-repeated .skyscraper-link {
    background-repeat: repeat-y;
}

.skyscraper-left .skyscraper-link {
    background-position: right top;
}

.skyscraper-fixed.fixed {
    position: fixed;
}

.skyscraper-repeated .skyscraper-link {
    background-repeat: repeat-y;
}

.skyscraper-gap-left {
    left: -170px;
}

.skyscraper-gap-right {
    right: -170px;
}

/*Exclusive and Featured*/

.exclusive {
    position: absolute;
    top: -8px;
    right: -8px;
    background: url('[MMSTATIC]/images/layout/exclusive.png[/MMSTATIC]') no-repeat;
    width: 59px;
    height: 59px;
}

.exclusive-small {
    top: -4px;
    right: -4px;
    width: 29.5px;
    height: 29.5px;
    background-size: 29.5px 29.5px;
}

.pt .exclusive {
    background-image: url('[MMSTATIC]/images/cupomdedescontos.com.br/exclusive.png[/MMSTATIC]');
}

.de .exclusive {
    background-image: url('[MMSTATIC]/images/topgutscheincode.de/exclusive.png[/MMSTATIC]');
}

.es .exclusive {
    background-image: url('[MMSTATIC]/images/cuponesdedescuento.es/exclusive.png[/MMSTATIC]');
}

.fr .exclusive {
    background-image: url('[MMSTATIC]/images/codespromotion.fr/exclusive.png[/MMSTATIC]');
}

.it .exclusive {
    background-image: url('[MMSTATIC]/images/codiciscontoxte.it/exclusive.png[/MMSTATIC]');
}

.nl .exclusive {
    background-image: url('[MMSTATIC]/images/topkortingscodes.nl/exclusive.png[/MMSTATIC]');
}

.sv .exclusive {
    background-image: url('[MMSTATIC]/images/toprabattkod.se/exclusive.png[/MMSTATIC]');
}

.featured {
    position: absolute;
    top: -20px;
    left: -20px;
    background-image: url('[MMSTATIC]/images/layout/featured.png[/MMSTATIC]');
    width: 70px;
    height: 38px;
}

.featured-small {
    top: -12px;
    left: -12px;
    width: 35px;
    height: 19px;
    background-size: 35px 19px;
}

.pt .featured {
    background-image: url('[MMSTATIC]/images/cupomdedescontos.com.br/featured.png[/MMSTATIC]');
}

.de .featured {
    background-image: url('[MMSTATIC]/images/topgutscheincode.de/featured.png[/MMSTATIC]');
}

.es .featured {
    background-image: url('[MMSTATIC]/images/cuponesdedescuento.es/featured.png[/MMSTATIC]');
}

.fr .featured {
    background-image: url('[MMSTATIC]/images/codespromotion.fr/featured.png[/MMSTATIC]');
}

.it .featured {
    background-image: url('[MMSTATIC]/images/codiciscontoxte.it/featured.png[/MMSTATIC]');
    width: 95px;
    height: 45px;
}

.nl .featured {
    background-image: url('[MMSTATIC]/images/topkortingscodes.nl/featured.png[/MMSTATIC]');
}

.sv .featured {
    background-image: url('[MMSTATIC]/images/toprabattkod.se/featured.png[/MMSTATIC]');
}

/*Iframes*/
iframe {
    overflow: auto;
}
.socialite iframe {
    overflow: hidden;
}

.promo-intro, .promo-footer,
.custom-intro, .custom-footer {
    margin: 20px 0;
}

/*How to use*/
.how-to-use-trigger,
.how-to-use-trigger:active{
    position: fixed;
    right: 0;
    top: 100px;
}

.fancybox-lock .how-to-use-trigger {
    right: 17px;
}
.how-to-use-modal .fancybox-skin {
    background: #fff;
}

/*Social buttons*/
.social-button {
    display: inline-block;
    background-position: 16px;
    border-radius: 8px;
    padding: 5px 10px 5px 54px;
    text-shadow: -1px 1px 1px rgba(0,0,0,0.5);
    color: #fff;
    font-weight: bold;
}

.social-button:hover,
.social-button:focus {
    color: #fff;
    text-decoration: none;
}
.social-button-facebook {
    background: url('[MMSTATIC]/images/layout/facebook-share-logo.png[/MMSTATIC]') no-repeat 16px 1px #27396b;
    background: url('[MMSTATIC]/images/layout/facebook-share-logo.png[/MMSTATIC]') no-repeat 16px 1px, -moz-linear-gradient(top, #3c589a 0%, #27396b 100%); /* FF3.6+ */
    background: url('[MMSTATIC]/images/layout/facebook-share-logo.png[/MMSTATIC]') no-repeat 16px 1px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c589a), color-stop(100%,#27396b)); /* Chrome,Safari4+ */
    background: url('[MMSTATIC]/images/layout/facebook-share-logo.png[/MMSTATIC]') no-repeat 16px 1px, -webkit-linear-gradient(top, #3c589a 0%,#27396b 100%); /* Chrome10+,Safari5.1+ */
    background: url('[MMSTATIC]/images/layout/facebook-share-logo.png[/MMSTATIC]') no-repeat 16px 1px, -o-linear-gradient(top, #3c589a 0%,#27396b 100%); /* Opera 11.10+ */
    background: url('[MMSTATIC]/images/layout/facebook-share-logo.png[/MMSTATIC]') no-repeat 16px 1px, -ms-linear-gradient(top, #3c589a 0%,#27396b 100%); /* IE10+ */
    background: url('[MMSTATIC]/images/layout/facebook-share-logo.png[/MMSTATIC]') no-repeat 16px 1px, linear-gradient(to bottom, #3c589a 0%,#27396b 100%); /* W3C */
}

/*Fancybox fix*/
.fancybox-close:active {
    position: absolute;
    top: -18px;
}