body {
    font-family: arial;
    font-size: 12px;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

* {
 outline: none;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
    font-family: arial;
    font-size: 12px;
}

button {
    font-family: arial;
    font-size: 11px;
    font-weight: 400;
}

a, .info-block a {
    color: #A6C126;
    text-decoration: none;
}

a:hover, .info-block a:hover {
    text-decoration: underline;
}

#header {
    background: url('/media/default/images/top.png');
    height: 120px;
}

.logo {
    height: 80px;
}

#logo {
    margin-top: 14px;
    margin-left: 1px;
}

#ribbon {
    position: absolute;
    margin-left: 22px;
}

#header .star {
    display: block;
    float: left;
    background: url('/media/default/images/star-white.png') no-repeat 20px 50%;
    height: 55px;
    padding: 25px 0 0 45px;
    font-weight: 700;
    color: #fff;
    font-style: italic;
    line-height: 15px;
}

.star.first {
    width: 160px;
}

.star.second {
    width: 150px;
}

.star.last {
    width: 130px;
}

.menu {
    height: 40px;
}

#top-menu li {
    display: block;
    float: left;
    position: relative;
    z-index: 2;
}

#top-menu a.item, #top-menu span.item {
    display: block;
    float: left;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 40px;
    text-decoration: none;
    font-weight: 700;
    padding: 0 20px;
    cursor: pointer;
}

#top-menu a.item:hover, #top-menu a.item.active, #top-menu span.item:hover, #top-menu span.item.active {
    background: url('/media/default/images/menu-arrow-grey.png') 50% 100% no-repeat;
}

#top-menu a.item.first {
    padding-left: 0px;
}

#top-menu a.item.first:hover {
    background: url('/media/default/images/menu-arrow-grey.png') 25% 100% no-repeat;
}

#top-menu li.divider {
    display: block;
    float: left;
    margin: 13px 0;
    width: 1px;
    height: 14px;
    background: #fff;
}

.sub-menu {
    position: absolute;
    background: #797977;
    width: auto;
    margin: 40px 0 0 0;
    display: none;
    z-index: 9999;
}

#top-menu .sub-menu li {
    display: block;
    float: none;
    margin: 0 10px;
    border-top: 1px solid #8d8d8d;
}

#top-menu .sub-menu li.top {
    border-top: 1px solid #626262;

}

.sub-menu a {
    display: block;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 20px;
    margin: 0 -10px;
    background: none;
}

.sub-menu a:hover {
    background: #626262;
}

#trustpilot-header {

}

#intro {
    background: #5f9caf; /* Old browsers */
    background: -moz-linear-gradient(top,  #5f9caf 0%, #6cb4cc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f9caf), color-stop(100%,#6cb4cc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5f9caf 0%,#6cb4cc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5f9caf 0%,#6cb4cc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5f9caf 0%,#6cb4cc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5f9caf 0%,#6cb4cc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f9caf', endColorstr='#6cb4cc',GradientType=0 ); /* IE6-9 */
    height: 114px;
    overflow: hidden;
}

.intro-bg {
    position: absolute;
    background: url('/media/default/images/top-glow.png') no-repeat;
    height: 114px;
    width: 940px;
}

#intro img {
    z-index: 2;
    position: relative;
}

#intro img.intro-swirl {
    margin-left: -126px;
}

#main-content {
    background: #F9F9F9;
    padding-bottom: 30px;
}

.breadcrumbs {
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    background: url('/media/default/images/icon-home.png') no-repeat 0 50%;
}

.breadcrumbs .label {
    padding-left: 12px;
}

.breadcrumb {
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}

.breadcrumb.arrow {
    color: #A6C126;
    padding-left: 20px;
    background: url('/media/default/images/icon-arrow.png') no-repeat 6px 50%;
}

a.breadcrumb.arrow:hover {
    text-decoration: underline;
}

#main-content .header {
    background: url('/media/default/images/header.png') 0 100%;
    height: 47px;
    margin: 0 4px;
}

.header .left {
    float: left;
    width: 4px;
    height: 47px;
    margin-left: -4px;
    background: url('/media/default/images/header.png');
}

.header .right {
    float: right;
    width: 4px;
    height: 47px;
    margin-right: -4px;
    background: url('/media/default/images/header.png') 0 -47px;
}

.header p, .header h1, .header h2, .header h3 {
    display: block;
    line-height: 47px;
    padding-left: 23px;
    margin-left: 13px;
    font-size: 15px;
    font-weight: 700;
    background: url('/media/default/images/icon-header.png') no-repeat 0 50%;
}


.back {
    float: right;
}

.back a {
    color: #6D6D6D;
    text-decoration: none;
    white-space: nowrap;
    text-align: right;
    line-height: 47px;
    padding-right: 10px;
}

.back a:hover {
    color: #030303;
    text-decoration: underline;
}

.info-block {
    padding: 20px;
    line-height: 15px;
    color: #505050;
}

.info-block h2, .info-block h3, .info-block h4 {
    font-size: 13px;
    font-weight: bold;
    color: #030303;
}

.info-block p.text-header {
    color: #030303;
    font-size: 13px;
    font-weight: bold;
}

.info-block.text p {
    margin: 12px 0;
}

.info-block a {
    color: #A6C126;
}

.info-block .bb-list {
    margin-left: 12px;
    list-style: disc;
}

.info-block.intro .bb-bold {
    color: #E81C27;
}

.info-block.intro a {
    color: #E81C27;
    text-decoration: underline;
}

.info-block.intro.canvassite .bb-bold {
    color: #E81C27;
}

.info-block.intro.canvassite a {
    color: #E81C27;
    text-decoration: underline;
}

.info-block.warning {
    margin-top: 20px;
    border: 1px solid #FAA4A4;
    background: #FCBDBD;
}

.info-block.warning .title,
.info-block.notice .title{
    float: none;
    font-size: 15px;
    font-weight: 700;
}

.info-block.notice {
    margin-top: 20px;
    border: 1px solid #95BA06;
    background: #E3EDBB;
}

.providers {
    float: left;
    margin: -9px -9px 0 -10px;
}

.providers.margin {
    margin-bottom: 40px;
}

.provider-margin {
    margin-bottom: 40px;
}

.providers.more {
    display: none;
}

#providers {
    overflow: hidden;
}

.provider {
    width: 138px;
    height: 133px;
    float: left;
    margin: 8.75px;
    margin: 9px 8px 8px 9px;
}

.provider a {
    text-decoration: none;
}

.provider img {
    border: 1px solid #E5E5E5;
    border-bottom: 0px;
    max-width: 100%;
}

.provider .title {
    display: block;
    background: url('/media/default/images/provider-title.png');
    width: 138px;
    height: 41px;
    line-height: 51px;
    color: #5e5e5e;
    font-weight: bold;
    text-align: center;
    margin-top: -11px;
    z-index: 2;
    position: relative;
    *position: static;
}

.provider:hover .title {
    background-position: 0 100%;
    color: #fff;
    cursor: pointer;
}

.left-menu {
    padding: 15px 5px 0 5px;
}

.left-menu h2, .left-menu p {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 10px;
}

.categories {
    margin-bottom: 25px;
}

.categories li {
    line-height: 24px;
    white-space: nowrap;
}

.categories a {
    color: #5E5E5E;
    text-decoration: none;
}

.categories a:hover {
    color: #030303;
    text-decoration: underline;
}

#country-select {
    float: right;
    margin: 8px 2px 0 0;
}

#country-select .label {
    float: left;
    line-height: 32px;
    color: #606060;
    font-size: 11px;
    padding-right: 20px;
}

.country, .country-fr {
    float: left;
    display: block;
    background: url('/media/default/images/countries.png');
    height: 32px;
    width: 65px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}

.country:hover {
    text-decoration: none;
}

.country.disabled span {
    color: #030303;
}

.country-nl.disabled, .country-fr.disabled {
    background-position: 0 -32px;
}

.country-be, .country-de {
    background-position: 0 -64px;
}
.country-be.disabled, .country-de.disabled {
    background-position: 0 100%;
}

.country span {
    display: block;
    line-height: 32px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding-left: 38px;
}

#footer {
    border-top: 1px solid #D7D7D7;
    background: #EBEBEB;
    padding: 20px 0;
}

.footer-links {
    width: 160px;
    float: left;
}

#footer .links a {
    color: #858585;
    text-decoration: none;
    line-height: 15px;
}

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


#footer .last {
    width: 180px;
}

#footer .footnote {
    padding-top: 40px;
    text-align: center;
    line-height: 24px;
    color: #c1c1c1;
}

.footnote .cg-logo {
    display: inline-block;
    width: 28px;
    height: 30px;
    background: url('/media/default/images/cg-logo.png');
    line-height: 32px;
    margin-left: 10px;
    text-decoration: none;
}

.footnote .cg-logo:hover {
    background-position: 0 100%;
}

.intro-block {
    position: absolute;
    z-index: 1;
    margin-top: 26px;
    -moz-opacity:.70;
    filter:alpha(opacity=70);
    opacity:.70;
    background: #fff;
    width: 780px;
    height: 200px;
}

.intro-content {
    position: relative;
    z-index: 2;
    margin-top: 26px;
    width: 780px;
    height: 200px;
}

.grid_13.intro {
    width: 780px;
}


/*******************************/
/***    SOCIAL MEDIA BLOCK   ***/
/*******************************/


#social-media {
    margin-top: 18px;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    padding: 8px;
}

#social-media .icon {
    display: block;
    float: left;
    background: url('/media/default/images/social-icons.png');
    width: 41px;
    height: 40px;
    margin-left: 4px;
}

#social-media .icon:hover {
    text-decoration: none;
}

#social-media .icon.google {
    background-position: 0 0;
    margin-left: 6px;
}

#social-media .icon.google:hover {
    background-position: 0 -40px;
}

#social-media .icon.facebook {
    background-position: 0 -80px;
}

#social-media .icon.facebook:hover {
    background-position: 0 -120px;
}

#social-media .icon.twitter {
    background-position: 0 -160px;
}

#social-media .icon.twitter:hover {
    background-position: 0 -200px;
}


/****************************/
/***   OLD GREEN BUTTON   ***/
/****************************/

.greenButton {
    margin: 0px;
    padding: 0px;
    border: 0px;
    background: url('/media/shop/images/button-green.png') no-repeat;
    height: 32px;
    padding-left: 12px;
    *width: 118px; /* IE7 Fix */
}

.greenButton:hover {
    cursor: pointer;
    background-position: 0 -96px;
}

.greenButtonLeft {
    background: url('/media/shop/images/button-green.png') no-repeat 100% -64px;
    height: 32px;
    margin: 0px;
    padding: 0px;
}

.greenButton:hover .greenButtonLeft {
    background-position: 100% 100%;
}

.greenButtonRight {
    background: url('/media/shop/images/button-green.png') 0 -32px;
    height: 32px;
    line-height: 30px;
    margin-right: 12px;
    font-weight: 700;
    padding: 0 13px;
    text-transform: uppercase;
    color: #ffffff;
}

.greenButton:hover .greenButtonRight {
    background-position: 0 -128px;
}

/************************************************/
/***   OLD GREEN BUTTON WITH NEW CONVENTION   ***/
/************************************************/

.greenButton-left {
    background: url('/media/shop/images/button-green.png') no-repeat 100% -64px;
    height: 32px;
    margin: 0px;
    padding: 0px;
}

.greenButton:hover .greenButton-left {
    background-position: 100% 100%;
}

.greenButton-right {
    background: url('/media/shop/images/button-green.png') 0 -32px;
    height: 32px;
    line-height: 30px;
    margin-right: 12px;
    font-weight: 700;
    padding: 0 13px;
    text-transform: uppercase;
    color: #ffffff;
}

.greenButton:hover .greenButton-right {
    background-position: 0 -128px;
}


/**************************/
/***   PRIMARY BUTTON   ***/
/**************************/

.primary-button {
    margin: 0px;
    padding: 0px;
    border: 0px;
    background: url('/media/shop/images/button-green.png') no-repeat;
    height: 32px;
    padding-left: 12px;
    *width: 118px; /* IE7 Fix */
}

.primary-button:hover {
    cursor: pointer;
    background-position: 0 -96px;
}

.primary-button-left {
    background: url('/media/shop/images/button-green.png') no-repeat 100% -64px;
    height: 32px;
    margin: 0px;
    padding: 0px;
}

.primary-button:hover .primary-button-left {
    background-position: 100% 100%;
}

.primary-button-right {
    background: url('/media/shop/images/button-green.png') 0 -32px;
    height: 32px;
    line-height: 30px;
    margin-right: 12px;
    font-weight: 700;
    padding: 0 13px;
    text-transform: uppercase;
    color: #ffffff;
}

.primary-button:hover .primary-button-right {
    background-position: 0 -128px;
}

/*******************************/
/***   PRIMARY LINK BUTTON   ***/
/*******************************/

.primary-link-button {
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
    background: url('/media/shop/images/button-green.png') no-repeat;
    height: 32px;
    padding-left: 12px;
    display: block;
    width: 190px;
    margin-top: 20px;
}

.primary-link-button:hover {
    cursor: pointer;
    background-position: 0 -96px;
    text-decoration: none;
}

.primary-link-button-left {
    background: url('/media/shop/images/button-green.png') no-repeat 100% -64px;
    height: 32px;
    margin: 0px;
    padding: 0px;
    display: block;
}

.primary-link-button:hover .primary-link-button-left {
    background-position: 100% 100%;
}

.primary-link-button-right {
    background: url('/media/shop/images/button-green.png') 0 -32px;
    height: 32px;
    line-height: 30px;
    margin-right: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    text-align: center;
    font-size: 11px;
}

.primary-link-button:hover .primary-link-button-right {
    background-position: 0 -128px;
}

/*********************************/
/***   SECONDARY LINK BUTTON   ***/
/*********************************/

.secondary-button {
    border: 0px;
    background: none;
    cursor: pointer;
    display: block;
    padding: 0;
    margin: 0;
    width: 120px;
    margin-left: 18px;
}

.secondary-button-left {
    background: url('/media/shop/images/button-quickbuy.png');
    width: 120px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: bold;
}

.secondary-button:hover .secondary-button-left {
    background-position: 0 100%;
}

.secondary-button.cancel-button {
    display: inline-block;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-size: 11px;
}

.secondary-button.cancel-button:hover {
    text-decoration: none;
}

.secondary-button.cancel-button .secondary-button-left,
.secondary-button.cancel-button .secondary-button-right {
    display: block;
}

.banner-skyscraper {
    position: absolute;
    margin-left: 950px;
    display: none;
}

.banner-skyscraper.quickbuy {
    margin-top: -256px;
}

@media only screen and (min-width : 1224px) {

    .banner-skyscraper {
        display: block;
    }
}

.true-logo {
    display: inline-block;
    line-height: 32px;
    vertical-align: middle;
}

.true-text {
    margin-left: 30px;
}

#admin_menu {
    min-height: 30px;
    background: #797979;
    line-height: 30px;
    border-top: 1px solid #aaa;
}

#admin_menu .inner {
    width: auto;
    text-align: center;
    margin: 0 auto;
    color: #bbb;
}

#admin_menu a {
    padding-left: 10px;
    color: #fff;
}


/***************************/
/***   PROGRESS BUTTON   ***/
/***************************/

.primary-button.progress {
    margin: 0px;
    padding: 0px;
    border: 0px;
    background: url('/media/shop/images/button-progress.png') no-repeat;
    height: 32px;
    padding-left: 12px;
    *width: 118px; /* IE7 Fix */
}

.primary-button.progress:hover {
    cursor: default;
}

.primary-button.progress .primary-button-left {
    background: url('/media/shop/images/button-progress.png') no-repeat 100% -64px;
    height: 32px;
    margin: 0px;
    padding: 0px;
}

.primary-button.progress:hover .primary-button-left {
    background-position: 100% -64px;
}

.primary-button.progress .primary-button-right {
    background: url('/media/shop/images/button-progress.png') 0 -32px;
    height: 32px;
    line-height: 30px;
    margin-right: 12px;
    font-weight: 700;
    padding: 0 13px;
    text-transform: uppercase;
    color: #c0c0c0;
}

.primary-button.progress:hover .primary-button-right {
    background-position: 100% -32px;
}

#trustpilot-home {width: 310px;height: 40px;position: absolute;margin-left: 640px;text-decoration:none;background:url('/media/default/images/trustpilot-home.png?v=1') no-repeat 0 50%;}

#trustpilot-home span.item span.fn {display: none;}
#trustpilot-home span.trustpilot span.humanScore {position: absolute; top: 7px; top: 8px; padding-left: 150px; font-weight: bold; font-size: 12px;color: #fff;text-decoration:none}
#trustpilot-home span.trustpilot span.stars {position: absolute; top: 20px; padding-left: 150px}
#trustpilot-home span.trustpilot span.fullStar {margin-right: 2px; float: left; width: 13px; height: 14px; background: url('/media/images/Trustpilot/trustpilot-stars.png') no-repeat 100% -28px}
#trustpilot-home span.trustpilot span.emptyStar {margin-right: 2px; float: left; width: 13px; height: 14px; background: url('/media/images/Trustpilot/trustpilot-stars.png') no-repeat 100% 100%}
#trustpilot-home span.trustpilot span.rating {position: absolute; top: 21px; left: 220px; width: 80px; text-align: right; font-weight: bold; font-size: 12px;color: #fff;text-decoration:none}
#trustpilot-home span.trustpilot span.votes {position: absolute; top: 8px; left: 220px; width: 80px; text-align: right; font-size: 11px; color: #fff;text-decoration:none}
#trustpilot-offers {display:none;}

.external-button {
    background: #0bb04d;
    color: #fff;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.4;
    margin: 10px 0;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}