.cardHeader
{
    font-family: 'enriquetabold';
    font-size: 18px;
    color: #676666;
}

.cardTabs
{
    width: 100%;
    margin: 14px 0 16px;
    height: 47px;
}

.cardTabs li
{
    width: 23.5%;
    float: left;
    margin: 0 2% 0 0;
    text-align: center;
    font-family: 'enriqueta';
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    padding: 10px 0 12px;
    cursor: pointer;
}

.cardTabs li:last-child
{
    margin-right: 0;
    float: right;
}

.cardTabs li.golden
{
    background: #bcb495; /* Old browsers */
    background: -moz-linear-gradient(top, #bcb495 0%, #a0946f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcb495), color-stop(100%,#a0946f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bcb495 0%,#a0946f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bcb495 0%,#a0946f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bcb495 0%,#a0946f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #bcb495 0%,#a0946f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcb495', endColorstr='#a0946f',GradientType=0 ); /* IE6-9 */
}

.cardTabs li.silver
{
    background: #c0c0c0; /* Old browsers */
    background: -moz-linear-gradient(top,  #c0c0c0 0%, #9d9c9a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#9d9c9a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c0c0c0 0%,#9d9c9a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c0c0c0 0%,#9d9c9a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c0c0c0 0%,#9d9c9a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c0c0c0 0%,#9d9c9a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#9d9c9a',GradientType=0 ); /* IE6-9 */

}

.cardTabs li.bronze
{
    background: #8f6e5c;
}

.cardTabs li.family
{
    background: #0b3f77;
}

.cardPanes
{
    width: 100%;
    margin-bottom: 50px;
}

.cardPane
{
    background: #e7e6e0;
    padding: 25px;
    display: none;
    margin-bottom: 15px;
}

.row .row.cardPane
{
    margin-bottom: 15px;
}

.cardPane:first-child
{
    display: block;
}

.cardPane h2
{
    font-family: 'enriquetabold';
    font-size: 18px;
    margin-bottom: 20px;
}

.cardPane h3
{
    font-family: 'enriquetabold';
    font-size: 15px;
}

.cardPane.golden h2, .cardPane.golden h3
{
    color: #a69b77;
}

.cardPane.silver h2, .cardPane.silver h3
{
    color: #878787;
}

.cardPane.bronze h2, .cardPane.bronze h3
{
    color: #8f6e5c;
}

.cardPane.family h2, .cardPane.family h3
{
    color: #0b3f77;
}

.cardPane ul
{
    list-style: square;
    margin-left: 12px;   
    margin-bottom: 25px;
}

.cardPane.golden ul
{
    color: #a69b77; 
}

.cardPane.silver ul
{
    color: #878787; 
}

.cardPane.bronze ul
{
    color: #8f6e5c; 
}

.cardPane.family ul
{
    color: #0b3f77; 
}

.cardPane ul li 
{
    margin: 3px 0;
}

.cardPane ul li span
{
    color: #231F20;
}

.cardPane .right .img
{
    width: 90%;
    margin-left: 10%;
}

.cardPane .right .img img
{
    width: 100%
}

.cardPane .right a, .cardPane .right .prices
{
    width: 90%;
    margin-left: 10%;
    text-align: center;
    font-family: 'enriquetabold';
    font-size: 16px;
    color: #fff;
    background: #a39874;
    padding: 10px 0 9px;
    text-transform: uppercase;
    margin-top: 16px;
}

.cardPane .right .prices
{
    background: #fff;
    font-size: 18px;
}

.cardPane.golden .right .prices
{
    color: #a39874;
}

.cardPane.silver .right .prices
{
    color: #878787;
}

.cardPane.bronze .right .prices
{
    color: #8f6e5c;
}

.cardPane.family .right .prices
{
    color: #0b3f77;
}

.cardPane.golden .right a
{
    background: #a39874;
}

.cardPane.silver .right a
{
    background: #afaead;
}

.cardPane.bronze .right a
{
    background: #8f6e5c;
}

.cardPane.family .right a
{
    background: #0b3f77;
}

@media only screen and (max-width: 831px){



.cardPane .right .img
{
    width: 100%;
    margin-left: 0;
    text-align: center;
}

.cardPane .right .img img
{
    width: auto;
}

.cardPane .right a, .cardPane .right .prices
{
    width: 100%;
    margin-left: 0;
}

}

#donationSlider
{
    width: 80%;
    margin-top: 40px;
    border: 0;
    height: 4px;
    background: #dddddd;
    line-height: 0;
}

#donationSlider:before
{
    width: 4px;
    background: #dddddd;
    height: 9px;
    display: block;
    float: left;
    content: "";
}

#donationSlider:after
{
    width: 4px;
    background: #dddddd;
    height: 9px;
    display: block;
    float: right;
    content: "";
}

#donationSlider .ui-slider-handle
{
    width: 100px;
    height: 28px;
    background: url(../img/slider-marker.png) no-repeat center bottom;
    border: 0;
    top: -28px;
    margin-left: -50px;
    cursor: pointer;
    color: #231F20;
    text-align: center;
    font-family: 'enriqueta';
    font-size: 16px;
}

#donationSlider .ui-slider-handle:hover
{
    color: #231F20;
}

.donationPriceLeft
{
    font-weight: bold;
    float: left;
    margin-bottom: 20px;
    font-family: 'enriqueta';
    font-size: 16px;
}

.donationPriceRight
{
    font-weight: bold;
    margin-left: 66%;
    float: left;
    margin-bottom: 20px;
    font-family: 'enriqueta';
    font-size: 16px;
}

.cardValid h2
{
    width: auto;
    float: left;
}

.cardValid span
{
    margin: 5px 0 0 70px;
    float: left;
    font-size: 16px;
    font-family: 'enriqueta';
}

.cardValid span.radioLabel
{
    margin-top: 3px;
    margin-left: 5px;
    float: left;
}

.cardValid span.discount
{
    margin: 0;
    margin-top: -2px;
    color:#1a82c8;
    font-size: 12px;
}

.gifts h2
{
    width: auto;
    float: left;
}

.gifts span.checkbox
{
    width: auto;
    float: left;
    margin-top: 3px;
    margin-left: 30px;
}

.gifts .shop-block-cont
{
    width: 18%;
    margin-right: 10px;
}

.gifts .shop-block-cont:last-child
{
    float: left;
    margin-right: 0;
}

.gifts .shop-block
{
    background: #e7e6e1;
    padding: 0;
}

#orderform  .gifts .shop-block:hover
{
    background: #0B3F77;
}

#orderform .gifts .shop-block:hover h2, #orderform  .gifts .shop-block:hover .info, #orderform .gifts .shop-block:hover .bigger
{
    color: #fff;
}

.gifts .shop-block h2, .gifts .shop-block .info
{
    padding: 0 3px;
}

#orderform .gifts .shop-block h2
{
    font-size: 90%;
    margin: 5px 0 3px;
    color: #0B3F77;
    text-decoration: none;
}

.gifts .shop-block .info
{
    font-size: 12px;
}

.gifts .shop-block .bigger
{
    float: left;
    font-size: 14px;
    margin-left: 3px;
    width: 100%;
}

.gifts .shop-block-cont .radio
{
    margin: 10px auto;
    display: block;
}

.row input[name=code]
{
    width: 38%;
}

.order .checkCode
{
    height: 50px;
    width: 20%;
    margin: 0 0 0 10px;
}

.cardLabel
{
    float: left;
    margin: 0 2% 0 0;
    text-align: center;
    font-family: 'enriqueta';
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    padding: 3px 60px 5px;
    margin-left: 20px;
    margin-top: -2px;
}

.changeCard
{
    font-family: 'enriqueta';
    margin-top: 7px;
}

.otherCards
{
    margin-left: -20px;
    margin-bottom: 20px;
    display: none;
}

.cardLabel.change
{
    float: left;
    font-size: 16px;
    padding: 4px 40px 5px;
}

.cardLabel.change:hover
{
    color: #fff;
}

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

.cardLabel.silver
{
    background: #c0c0c0; /* Old browsers */
    background: -moz-linear-gradient(top,  #c0c0c0 0%, #9d9c9a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#9d9c9a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c0c0c0 0%,#9d9c9a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c0c0c0 0%,#9d9c9a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c0c0c0 0%,#9d9c9a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c0c0c0 0%,#9d9c9a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#9d9c9a',GradientType=0 ); /* IE6-9 */

}

.cardLabel.bronze
{
    background: #8f6e5c;
}

.cardLabel.family
{
    background: #0b3f77;
}

#orderform input[type="password"] {
    background-color: #F2F2F2;
    border: medium none;
    box-shadow: none;
    height: 50px;
}

#orderform .errorMsg.show {
    display: block;
}

#orderform .errorMsg.topError {
    margin-bottom: 15px;
}

.row .row.accountNavi
{
    margin-top: 5px;
    margin-right: 6px;
    margin-left: 6px;
    margin-bottom: 40px;
}

.accountNavi .button
{
    width: auto;
    float: left;
    margin: 0 2% 0 0;
    text-align: center;
    font-family: 'enriqueta';
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    background: #e7e6e0;
    color: #333132;
    padding: 18px 16px 16px;
    cursor: pointer;
    font-weight: normal;
    border: 0;
}

.accountNavi .button:last-child
{
    float: right;
    margin-right: 0;
}

.accountNavi .button.selected
{
    color: #fff;
    background: #103e71;
}

.cardItem 
{
    background: #e7e6e0;
    margin-bottom: 15px;
}

.row .row.cardItem 
{
    margin-bottom: 15px;
}

.cardItem .img
{
    height: 100px;
    float: left;
}

.cardItem .img img
{
    height: 100%;
}

.cardItem .name
{
    width: auto;
    float: left;
    font-family: 'enriquetabold';
    font-size: 20px;
    margin: 32px 0 0 25px;
}

.cardItem.golden .name
{
    color: #a69b77; 
}

.cardItem.silver .name
{
    color: #878787; 
}

.cardItem.bronze .name
{
    color: #8f6e5c; 
}

.cardItem.family .name
{
    color: #0b3f77; 
}

.cardItem .validTo
{
    width: auto;
    float: left;
    font-family: 'enriqueta';
    font-size: 18px;
    margin: 20px 0 0 85px;
}

.cardItem .buttons
{
    width: auto;
    float: right;
    width: 175px;
    margin-right: 25px;
}

.cardItem .buttons a
{
    width: 100%;
    margin-left: 10%;
    text-align: center;
    font-family: 'enriquetabold';
    font-size: 14px;
    color: #fff;
    background: #a39874;
    padding: 7px 0 7px;
    text-transform: uppercase;
    margin-top: 10px;
}

.cardItem.golden .buttons a
{
    background: #a39874;
}

.cardItem.silver .buttons a
{
    background: #afaead;
}

.cardItem.bronze .buttons a
{
    background: #8f6e5c;
}

.cardItem.family .buttons a
{
    background: #0b3f77;
}

#orderform input.error[type="password"], #orderform textarea.error {
    background-color: #FFD0D0;
}

.block.login
{
    background: #1777b7;
    color: #fff;
}

.block.login h2
{
    color: #fff;
    text-transform: uppercase;
    font-family: "enriquetabold";
    font-size: 16px;
    margin-bottom: 15px;
}

.block.login #loginform
{
    margin-bottom: 10px;
}

.block.login label
{
    color: #fff;
    text-transform: uppercase;
    font-family: "enriquetabold";
    font-size: 16px;
    padding-top: 9px;
    margin-top: 7px;
}

.block.login input[type="text"], .block.login input[type="password"]
{
    height: 38px;
    border-radius: 0;
}

.block.login .remindPass
{
    color: #081439;
    display: block;
    margin-top: 10px;
    font-family: "enriquetabold";
}

.block.login .row form .columns.noPadding
{
    padding: 0;
}

.block.login .forward
{
    float: right;
    text-transform: none;
    font-family: "enriqueta";
    padding: 7px 43px 8px;
    height: auto;
    min-height: 0;
}

#loginform input.error[type="text"], #loginform textarea.error, #loginform input.error[type="password"] {
    background-color: #FFD0D0;
    border: 0;
}

#userAccount {
    width: 40px;
    background: url("../img/account.png") no-repeat center center;
    line-height: 40px;
    background-color: #0084C4;
    float: right;
    margin-right: 13px;
}

.block.donation
{
    background: #670f4c;
    color: #fff;
}

.block.donation h2
{
    color: #fff;
    text-transform: uppercase;
    font-family: "enriquetabold";
    font-size: 16px;
    margin-bottom: 15px;
}

.block.donation #donationform
{
    margin-bottom: 10px;
}

.block.donation label
{
    color: #fff;
    text-transform: uppercase;
    font-family: "enriquetabold";
    font-size: 16px;
    padding-top: 9px;
    margin-top: 7px;
}

.block.donation input[type="text"], .block.donation input[type="password"]
{
    height: 38px;
    border-radius: 0;
}

.block.donation .row form .columns.noPadding
{
    padding: 0;
}

#donationform input.error[type="text"], #donationform textarea.error, #donationform input.error[type="password"] {
    background-color: #FFD0D0;
    border: 0;
}

.row .block.donation .forward
{
    float: right;
    text-transform: none;
    font-family: "enriqueta";
    padding: 7px 43px 8px;
    min-height: 0;
}

form#donationform.custom div.custom.dropdown a.selector {
    background: url("../img/icons/arrow-down.png") no-repeat scroll center center #670f4c;
    height: 34px;
    right: 3px;
    top: 3px;
    width: 36px;
}

form#donationform.custom div.custom.dropdown a.current {
    height: 40px;
    line-height: 41px;
}

form#donationform.custom div.custom.dropdown, form#donationform.custom .custom.dropdown a, form#donationform.custom div.custom.dropdown a.current {
    height: 40px;
    line-height: 41px;
    text-align: left;
}

form#donationform.custom div.custom.dropdown ul {
    margin-top: 40px;
    top: 0;
}

.fastPayments
{
    font-family: "enriqueta";
    text-align: right;
    padding: 5px 12px 0 0;
}