/*
| ----------------------------------------------------------------------------------------------------------------------
| Globals
| ----------------------------------------------------------------------------------------------------------------------
*/
.clear {
    display: block;
    clear: both;
}

/*
| ----------------------------------------------------------------------------------------------------------------------
| Category Overview
| ----------------------------------------------------------------------------------------------------------------------
*/

/* List Item (Undo default styling) */

/**
 * Category List
 */
ul.shop-category-list
{
    list-style: none;
    margin: 0;
    padding: 0;
}
    /**
     * List Item
     */
    .shop-category-list li
    {
        text-indent: 0 !important;
        list-style: none;
        background-color: #f8f8ff;
        margin-bottom: 5px;
        border: 1px solid #e8e8e8;
    }
        /**
         * Anchor
         */
        .shop-category-list li a,
        .shop-category-list li a:hover
        {
            padding: 15px 15px 0 0;
            display: block;
            color: #333333;
            font-size: 15px;
        }
        /**
         * Anchor:Hover
         */
        .shop-category-list li a:hover
        {
            color: #014380;
        }
            /**
             * IMG
             */
            .shop-category-list li a img
            {

            }
            /**
             * H3
             */
            .shop-category-list li a h3
            {
                margin: 0 0 5px 0;
                clear: none;
            }
            /**
             * P
             */
            .shop-category-list li a p
            {

                display: inline;
                text-indent: 0;
            }

/*
| ----------------------------------------------------------------------------------------------------------------------
| Article Overview
| ----------------------------------------------------------------------------------------------------------------------
*/
ul.shop-article-list
{
    list-style: none;
    margin: 0;
    padding: 0;
}
    /**
     * List Item
     */
    .shop-article-list li
    {
        text-indent: 0 !important;
        list-style: none;
        background-color: #f8f8ff;
        margin-bottom: 5px;

        border: 1px solid #e8e8e8;
    }
        /**
         * Anchor
         */
        .shop-article-list li a
        {
            position: relative;
            min-height: 220px;
            padding: 15px 170px 15px 0 ;
            display: block;
            color: #333333;
            font-size: 15px;
        }
        /**
         * Anchor:Hover
         */
        .shop-article-list li a:hover
        {
            color: #014380;
        }
            /**
             * PUU OFR
             */
            .shop-article-list li a .puu-ofr
            {
                position: absolute;
                right: 15px;
                bottom: 15px;
                top: 20px;
                width: 150px;
                padding: 0;
            }
            /**
             * PUU OFR
             */
            .shop-article-list li a .puu-ofr.has-member-price .price
            {
                /*display: none;*/
            }
                /**
                 * Amounts
                 */
                .shop-article-list li a .puu-ofr span
                {
                    padding-left: 10px;
                }
                .shop-article-list li a .puu-ofr span.puu-pay,
                .shop-article-list li a .puu-ofr span.puu-pay span
                {
                    padding: 0;
                }
                /**
                 * IMG & IMG Placeholder
                 */
                .shop-article-list li a .img-placeholder,
                .shop-article-list li a img
                {
                    float: right;
                    display: block;
                    border: 1px solid #e8e8e8;
                    background-color: #fff;
                    width: 142px;
                    height: 133px;
                    border-radius: 3px;
                    margin: 0;
                    margin-bottom: 10px;
                }
            /**
             * H3
             */
            .shop-article-list li a h3
            {
                margin: 0 0 5px 0;
                clear: none;
            }
            /**
             * Extra info
             */
            .shop-article-list li a .extra-info
            {
                display: block;
                color: #555;
                padding: 3px;
                border-radius: 2px;
                margin: 5px 0;
            }

            /**
             * P
             */
            .shop-article-list li a p
            {
                text-indent: 0;
            }


/*
| ----------------------------------------------------------------------------------------------------------------------
| Basket
| ----------------------------------------------------------------------------------------------------------------------
*/

/**
 * Outer Basket
 */
.shop-basket
{
    padding: 5px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}
    /**
     * Outer Basket
     */
    .shop-inner-basket
    {
        background-color: #ffeedd;
        padding: 10px;
        border: 1px solid #e8e8e8;
    }

    /**
     * Basket tables
     */
    .shop-basket table
    {
        width: 100%;
    }
        /**
         * Table Head
         */
        .shop-basket table thead th
        {

        }
        /**
         * Table Head - Inactive Price
         */
        .shop-basket table thead th.inactive-price
        {
            color: #ccc;
        }

        /**
         * Table Row - Column
         */
        .shop-basket table tbody td
        {

        }
            /**
             * Table Row - Extra Info
             */
            .shop-basket table tbody td .extra-info
            {
                padding-top: 2px;
                line-height: 13px;
                font-size: 13px;
                color: #555;
            }

        /**
         * Table Row - Active Price
         */

        .shop-basket table tbody td.active-price
        {
            color: #00a0af;
        }


        /**
         * Table Row - Inactive Price
         */
        .shop-basket table tbody td.inactive-price
        {
            color: #ccc;
        }

/*
| ----------------------------------------------------------------------------------------------------------------------
| Address Form
| ----------------------------------------------------------------------------------------------------------------------
*/

.address-form
{
    width: 50%;
    float: left;
}
    .address-option
    {
        margin: 5px 20px 10px 0;
        background-color: #eef8ff;
        border-radius: 4px;
        border: 1px solid #d3d3d3;
        color: #777;
    }
    .address-option:hover {
        background-color: #eeeeff;
        color: #222;
    }
    .address-option.active
    {
        color: #444;
    }
        .address-option .option-label
        {
            padding: 5px;

            border-radius: 3px;
            cursor: pointer;
        }
            .address-option .option-label label
            {
                cursor: pointer;
            }
        .address-option .option-content
        {
            display: none;
            padding: 10px 10px 15px 26px;
        }
        .address-option.active .option-content
        {
            display: block;
        }


/* Quick Fix */

.shop-article-list > li,
.shop-category-list > li,
.X {
	background-color: #e5f7fd;
	border: none;
}

.shop-article-list > li:before,
.shop-category-list > li:before,
.X {
	content: none;
	display: none;
}

.puu-bag h4 {
	font-size: 2.0000em; /* 32/16 */
	font-weight: 600;
	clear: none;
	margin-top: 0;
}

.puu-bag .puu-asi h4 {
	font-size: 1.2500em; /* 20/16 */
}

.puu-bag .puu-crb + .puu-spt {
	width: auto;
	max-width: none;
}

.puu-bag .puu-crb + .puu-spt > div:first-child {
	width: 674px;
	max-width: 674px;
	float: left;
	background-image: url("../images/layout/bg_vs_100.png");
	background-position: 100% 0;
	background-repeat: repeat-y;
	padding-right: 20px;
	margin-right: 20px;
}

.puu-bag .puu-crb + .puu-spt > div:first-child > img:first-child {
	float: left;
	padding-left: 0;
}

.puu-bag .puu-crb + .puu-spt > div:first-child > * {
	padding-left: 173px;
}

.puu-bag .puu-spt .puu-ofr {
	padding-top: 20px;
}

.puu-bag .puu-spt .puu-ofr > h2:first-child {
	margin-top: -30px;
}

.puu-bag input[type="submit"] {
	clear: both;
	float: left;
	margin-top: 0;
	display: inline-block;
	font-size: 0.7500em; /* 12/16 */
	font-weight: 600;
	color: #fff !important;
	background-color: #014380;
	text-transform: uppercase;
	padding: 8px 20px 8px 20px;
	border: none;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
}

.puu-bag input[type="submit"]:disabled {
	color: #fff;
	background-color: #959595;
}

.puu-bag .puu-spt + h1 {
	max-width: 696px;
}

.puu-bag .puu-scrt h3 + div > span {
	display: block;
	background-image: url("../images/layout/bg_hs_100.png");
	background-repeat: repeat-x;
	background-position: 0 0;
	padding-top: 10px;
}

.puu-bag .puu-scrt h3 + div > span + div {
	font-size: 0.8750em; /* 14/16 */
	padding-top: 10px;
	padding-bottom: 10px;
}

.shop-basket {
	border: none;
	padding: 0;
}

.shop-inner-basket {
	background-color: transparent;
	padding: 0;
	border: none;
}

.shop-basket tr {
	background-image: url("../images/layout/bg_hs_100.png");
	background-repeat: repeat-x;
}

.shop-basket tr td {
	padding-top: 20px;
	padding-bottom: 20px;
}

.shop-basket input[name="remove"] {
	color: transparent;
	text-indent: -9999px;
	background-image: url("../images/icons/ico_del_100.png");
	background-color: #fff;
	border-radius: 9999px;
	border: none;
	padding: 0;
	width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	cursor: pointer;
}

.puu-bag .puu-ofr {
	margin-left: 0;
}

.puu-bag .puu-ofr > p > span:first-child {
	padding-right: 1em;
}

body .address-option,
body .address-option:hover,
.X {
	background-color: transparent;
	border: none;
	padding: none;
}

body .address-option .option-label {
	padding: 0;
}

body .address-option .option-content {
	padding-left: 21px;
}

.option-content label,
.address-option div div label,
.X {
	width: 110px;
	display: inline-block;
}

.puu-bdy .shop-category-list > li,
.puu-bdy .shop-article-list > li,
.X {
	background-color: transparent;
	background-image: url("../images/layout/bg_hs_100.png");
	background-repeat: repeat-x;
	margin-bottom: 0;
	padding-left: 0;
}

.shop-category-list > li:first-child,
.shop-article-list > li:first-child,
.X {
	background-image: none;
}

.shop-category-list li a,
.shop-article-list li a,
.X {
	padding-bottom: 0;
}

.shop-article-list li a .puu-ofr {
	right: 0;
	background-image: url("../images/layout/bg_vs_100.png");
	background-position: 0 0;
	background-repeat: repeat-y;
	width: 155px;
}

.shop-article-list h3:before,
.shop-basket + div a:first-child:before,
.shop-category-list h3:before,
.X {
    color: #fcbf00;
    content: "›";
    font-size: 1.5em;
    line-height: .5;
    margin-right: 0.2em;
    position: relative;
    top: 2px;
}

.shop-basket + div a:first-child:before {
    content: "‹";
}

.shop-basket .puu-sum thead tr {
	background-image: none;
}

.shop-basket + div {
	text-align: right;
}

.shop-basket + div a:first-child {
	text-decoration: none;
	float: left;
}

.shop-basket tbody td:nth-child(3),
.shop-basket tbody td:nth-child(4),
.shop-basket tbody td:nth-child(5),
.X {
	font-weight: bold;
}


.shop-basket tbody td:nth-child(5) {
    color: #01447e;
}

.shop-basket a {
	font-size: 1.2500em; /* 20/16 */
	color: #363636;
	text-decoration: none;
}

.shop-basket table tbody td a + .extra-info {
	font-size: 0.8750em; /* 14/16 */
	color: #014380;
}

body .address-option,
body .address-option:hover,
.X {
	color: #363636;
}

.address-option > div > div input[type="text"] {
	margin-bottom: 5px;
}

.puu-cnt.puu-bag .puu-crb + .puu-spt {
	float: none;
}

.shop-article-list li a .img-placeholder,
.shop-article-list li a img,
.X {
	float: left;
	margin-right: 20px;
}

.shop-basket + div > div {
	float: left;
	width: 50%;
	text-align: left;
}

.alert.alert-error {
	display: inline;
}

.alert.alert-error + input {
	margin-left: 115px;
}

.puu-ofr select {
	padding-top: 7px;
	padding-bottom: 4px;
	border: 1px solid #d3d3d2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
	margin-bottom: 20px;
}

.puu-ofr select + .puu-venue {
	margin-top: 0;
}

.shop-category-list li a h3 + *,
.shop-category-list li a h3 + * + *,
.shop-category-list li a h3 + * + * + *,
.X {
	display: block;
	margin-left: 166px;
}

/* CC e-mail address field */
.shop-cc-email:before {
    content: "";
    display: table;
}
.shop-cc-email:after {
    clear: both;
}
    .shop-cc-email > div {
        float: left;
        width: 50%;
    }

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

	.puu-bag .puu-crb + .puu-spt > div:first-child,
	.puu-bag .puu-ofr,
	.X {
		max-width: none;
		box-sizing: border-box;
		-o-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.puu-bag .puu-crb + .puu-spt > div:first-child {
		margin-right: 0;
		max-width: 70%;
	}

	.puu-bag .puu-spt .puu-ofr {
		width: 30%;
		padding-right: 0;
		padding-left: 20px;
		padding-right: 90px;
	}

	.puu-js .puu-bag.puu-deux .puu-asi {
		margin-left: 0 !important;
	}

}

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

	.puu-bag .puu-spt .puu-ofr {
		padding-right: 0;
	}

	.shop-inner-basket {
		min-width: 840px;
		background-color: #fff;
	}

}

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

	.puu-bag .puu-crb + .puu-spt > div:first-child {
		width: 100%;
		max-width: none;
		background-image: none;
		padding-right: 0;
	}

	.puu-bag .puu-spt .puu-ofr {
		width: auto;
	}

	.shop-article-list li a {
		padding-bottom: 71px;
		padding-right: 0;
		min-height: 0;
	}

	.shop-article-list li a > .puu-ofr {
		left: 0;
		bottom: 0;
		width: auto;
		top: auto;
		right: auto;
		background-image: none;
	}

	.puu-bag .puu-ofr > p > span:first-child {
		padding-left: 0;
	}

	.control-group .controls {
		display: block;
	}

	.control-group .control-error {
		margin-left: 0;
	}

	.alert.alert-error {
		display: block;
	}

	.alert.alert-error + input {
		margin-left: 0;
	}

}

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

	.shop-category-list li a h3 + *,
	.shop-category-list li a h3 + * + *,
	.shop-category-list li a h3 + * + * + *,
	.X {
		margin-left: 0;
	}

}

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

	.puu-bag .puu-crb + .puu-spt > div:first-child > * {
		padding-left: 0;
	}

	.puu-bag .puu-crb + .puu-spt > div:first-child > img {
		width: 100%;
		height: auto;
	}

	body .address-form {
		float: none;
		width: auto;
	}

	body .address-form input[type="text"] {
		display: block;
	}

	.shop-basket + div > div {
		float: none;
		width: auto;
	}

}

@media
	(min-device-pixel-ratio: 1.5),
	(-o-min-device-pixel-ratio: 1.5),
	(-moz-min-device-pixel-ratio: 1.5),
	(-webkit-min-device-pixel-ratio: 1.5) {

	.puu-bag .puu-crb + .puu-spt > div:first-child {
		background-image: url("../images/layout/bg_vs.png");
		background-size: 1px 3px;
	}

	.shop-basket input[name="remove"] {
		background-image: url("../images/icons/ico_del.png");
		background-size: 15px 15px;
	}

}