@charset 'UTF-8';
/* 
Used colors 
4e4747
cccccc
e78888
*/
/* Reset */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    max-width: 100%;
}
html{
    font-size: 15px;
    font-family: Helvetica, sans-serif;
    width: 100%;
    height: 100%;
    color: #4a5560;
}
body{
    width: 100%;
}
a{
    color: #2b2929;
    text-decoration: none;
}
p{
    padding-bottom: 15px;
}
/* Main containers */
#wholeContent{
    width: 100%;
    height: 100%;
}
.sibeliusContent{
    width: 1024px;
    margin: 0 auto;
    height: 100%; 
}
.mainContent{

}
.mainHeader{
    position: relative;
}
.mainHeader .searchForm{
    max-width: 560px;
}
.pageContent{
    position: relative;
    padding: 54px 20px 30px 20px;
    min-height: 600px;
}
.pageContent h3{
    margin: 0 0 40px 0;
    font-family: "Trebuchet MS";
    font-size: 160%;
    font-weight: normal;
    display: inline-block;
}
.pageContent h3 .breadCrumpSeparator{
    background: url('/page/defens/img/pointer.png') bottom center no-repeat;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    display: inline-block;
    margin: 0 10px;
}
.pageContent ul, .pageContent ol{
    margin: 0 0 0 20px;
    max-width: 720px;
}
.pageContent ul.tabs{
    margin: 0;
}
.pageContent ul li, .pageContent ol li{
    line-height: 1.4em;
    padding: 0 0 15px 0;
}
.header{
    text-align: center;
    width: 100%;
    padding: 0;
}
.header *{
    display: inline-block;
    vertical-align: top;
}
.pageContent .header{
    text-align: left;
}
.footer{
    text-align: left;
    width: 100%;
    padding: 20px;
    background: #272727;
}
.footer .footerColumn{
    width: calc( (100% - 40px) / 4);
    display: inline-block;
    vertical-align: top;
}
.footer h3{
    margin-bottom: 20px;
    color: #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0 10px 0;
    max-width: 150px;
}
.footer a, .footer p{
    color: #f1f1f1;  
    display: block;
    line-height: 2em;
    font-size: 90%;
}

.footer a.reprezenter{
    font-size: 80%;
    float: right;;
    color: #e3e3e3;
}
@media screen and (max-width: 500px) {
    .footer .footerColumn{
        width: 100%;
    }
    .sibeliusNewsletterBox .row{
        max-width: 60%;
    }
    .footer h3{
        margin-top:20px;
    }
}
.logo{
    padding: 5px 30px 0 0;
}
.mainMenu{
    width: 100%;
    text-align: left;
    padding: 0px 20px;
    color: #2b2929;
    margin: 0 0 20px 0;
    font-size: 90%;
    font-family: "Trebuchet MS";
    background: #2b2929;
}
.mainMenu a{
    color: #f1f1f1;
    padding: 10px 0;
}
.mainMenu ul li{
    padding: 0 10px 0 0;

}
.headerPghone{
    background: url('/page/defens/img/phone.png') center left no-repeat;
    background-size: 20px 20px;
    padding: 10px 0 10px 30px;
    color: #f1f1f1;
}
/* Common */
.btn{
    background: #005ea4;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
}
.btn.blue, form input, form input[type="submit"].blue{
    background: #005ea4;
    color: #fff;
    border: none;

}
.btn.grey{
    background: #f1f3f4;
    color:#2b2929;

}
ul.tabs li{
    list-style-type: none;
    display: inline-block;
    padding: 10px;
    color: #2b2929;
    border: 1px solid #2b2929;
    margin: 0 0 20px 0;
}
ul.tabs li a{
    display: inline-block;
}
/* Box */
.sibeliusLanguageBox ul{
    background: #f3f3f3;
    text-align: center;
}
.sibeliusLanguageBox ul li{
    display: none;
    padding: 5px;
}
.sibeliusLanguageBox ul li.selected{
    position: absolute;
    top: 5px; left: 0; right: 0;
    padding: 0;
    display: block;
}
.sibeliusLanguageBox ul:hover li{
    display: block;
}
.shopBasketBox{
    padding: 0 20px;
}
.userAccountBox{
    text-align: left;
    font-size: 90%;
}
.userAccountBox a{
    font-size: 90%;
    padding: 6px 0 0 0;
}
.box.shopSearchBox .content form{
    width: 600px;
    max-width: 100%;
}
.shopSearchBox form.default .row{
    float: left;
    padding: 0;
    clear: none;
}
.shopSearchBox .row_text{
    width: calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
}
.shopSearchBox .row_text input{
    border-right: none;
}
.shopSearchBox form.default input{
    width: 100%;
    height: 50px;
}
.shopSearchBox form.default input[type="text"]{
    border-color: #dedede;

}
.shopSearchBox form.default input[type="submit"]{
    background: url('/module/shop/img/search.png') #f1f3f4 center center no-repeat;
    background-size: 35px 35px;
    width: 80px;
    height: 50px;
    border-color: #dedede;
    border-left: none;
    margin:0;
    padding: 0;
    cursor: pointer;
}

.shopBasketBox .element{
    background: url('/page/shop/img/basket.png') top left no-repeat;
    background-size: 40px 40px;
    width: 65px;
    height: 52px;
    position: relative;
    overflow: visible;
    cursor: pointer;
}
.headerLanguage{
    margin-top: 8px;
}
.sibeliusLanguageBox{

}
.sibeliusLanguageBox ul{
    text-align: center;
    position: relative;
    padding: 30px 0 0 0;
    width: 40px;
    position: absolute;
    z-index: 100;
    right: 0px;
}
.sibeliusLanguageBox ul li{
    display: none;
    padding: 5px;
    width: 40px;
}
.sibeliusLanguageBox ul li a{
    width: 40px;
    background: #f3f3f3;
    display: block;
}
.sibeliusLanguageBox ul li.selected{    
    padding: 1px 0 0 0;
    display: block;
}
.sibeliusLanguageBox ul:hover li{
    display: block;
}
@media screen and (max-width: 768px) {
    .pageContent{
        padding-top: 0px;
    }
    .searchForm{
        float: left;
        padding: 0  20px 0 20px;
        height: 70px;
    }
    .headerAccount{
        float:left;
    }
    .userAccountBox{
        margin: 0 20px;
    }
    .shopBasketBox{
        float:right;
        padding-top: 6px;
    }
    .mainMenu{
        margin-bottom: 0px;
    }
    .mainMenu .left{
        display: none;
    }
}

.shopBasketBox .element .counter{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background: #005ea4;
    color: #f1f1f1;
    border: 1px solid #005ea4;
    height: 20px;
}
.shopBasketBox .element .counter span{
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
}
.shopBasketBox .element .content{
    border: 1px solid #ccc;
    min-height: 100px;
    min-width: 300px;
    position: absolute;
    left: -120px;
    top: 52px;
    padding: 5px;
    font-size: 90%;
    text-align: left;
    z-index: 100;
    background: #fff;
    display: none;
    cursor: default;
}
.shopBasketBox .element .content .basketImageContainer{
    float: left;
    margin: 0 5px 0 0;
    position: relative;
    width: 80px;
    height: 80px;
}
.shopBasketBox .element .content .basketImageContainer .basketImage{
    position: absolute;
    top: 0;
    left: 0; right: 0;
    margin: 0 auto;
}
.shopBasketBox .element .content .itemWrapper{
    overflow: hidden;
    height: 270px;
    width: 100%;
    position: relative;

}
.shopBasketBox .element .content .itemContainer{
    margin-top: 0px;
    width: 100%;
}
.shopBasketBox .element .content .item{
    height: 90px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}
.shopBasketBox .element .content .item:last-of-type{
    border-bottom: none;
}
.shopBasketBox .element .content .basketSummary{
    width: 100%;
    text-align: right;
    border-top: 1px solid #ccc;
    padding: 5px 0 10px 0;
    margin:0;
    font-size: 90%;
}
.shopBasketBox .element .content .basketSummaryTotal{
    width: 100%;
    text-align: right;
    padding: 5px 0 10px 0;
    margin:0;
    font-size: 90%;
}
.shopBasketBox .element .content .basketProducttInfo{
    float: left;
    width: calc(100% - 85px);
    width: -moz-calc(100% - 85px);
    width: -webkit-calc(100% - 85px);
}
.shopBasketBox .element .content .basketPrice{
    font-size: 90%;
    padding: 5px 0 0 0;
}
.shopBasketBox .element .content .paginatorBasket{
    width: 100%;
    height: 30px;
    display: none;
}
.shopBasketBox .element .content .paginatorBasket .next{
    width: calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    height: 30px;
    display: inline-block;
    background: url('/module/shop/img/down.png') center center no-repeat #f7f7f7;   
    opacity: 0.4;
}
.shopBasketBox .element .content .paginatorBasket .prev{
    width: calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    height: 30px;
    display: inline-block;
    background: url('/module/shop/img/up.png') center center no-repeat #f7f7f7;
    opacity: 0.4;
}
.shopBasketBox .element .content .paginatorBasket .next.active, .shopBasketBox .element .content .paginatorBasket .prev.active{
    opacity: 1;
    cursor: pointer;
}
.shopBasketBox .element:hover .content{
    display: block !important;
}
.shopBasketBox .basketEmpty{
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
.triangleIndent{
    border-color: transparent transparent #ccc transparent;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    height: 0px;
    width: 0px;
    position: absolute;
    top: -10px;
    left: 0; right: 0;
    margin: 0 auto;
    z-index:3;
}
.triangleIndentEmpty{
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    height: 0px;
    width: 0px;
    position: absolute;
    top: -9px;
    left: 0; right: 0;
    margin: 0 auto;
    z-index:4;
}
/* shopBasketViewBox */
.shopBasketViewBox{
    width: 80%;
    margin: 0 auto;
}
.shopBasketViewBox .basketImageContainer{
    float: left;
    margin: 0 5px 0 0;
    position: relative;
    width: 80px;
    height: 80px;
}
.shopBasketViewBox .basketImageContainer .basketImage{
    position: absolute;
    top: 0;
    left: 0; right: 0;
    margin: 0 auto;
}
.shopBasketViewBox  .itemWrapper{

}
.shopBasketViewBox .itemContainer{

}
.shopBasketViewBox  .item{
    height: 150px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    display: block;
}
.shopBasketViewBox .item:last-of-type{

}
.shopBasketViewBox  .basketSummary{
    width: 100%;
    text-align: right;
    padding: 5px 0 0 0;
    margin:0;
    font-size: 90%;
    font-weight: bold;
}
.shopBasketViewBox  .basketProducttInfo{
    float: left;
}
.shopBasketViewBox  .basketName{
    font-weight: bold;
}
.shopBasketViewBox  .basketPrice{
    font-size: 90%;
    padding: 5px 0 0 0;
}
.shopBasketViewBox  .basketQuantityChange {
    margin: 10px 0 0 0;
}
.shopBasketViewBox  .basketQuantityChange label{
    font-size: 90%;
    margin: 0 5px 0 0;
}
.shopBasketViewBox  .basketQuantityChange input{
    width: 42px;
}
.shopBasketViewBox .basketRemove{
    font-size: 80%;
}
.shopBasketViewBox  .basketSummary{
    display: block;
}
.shopBasketViewBox  .basketSummaryTotal{
    display: block;
    width: 100%;
    text-align: right;
    font-size: 80%;
}
/* shopMenuCategoriesBox */
.headerCategoryMenu{
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    height: 50px;
}
.headerCategoryMenu ul{
    width: 100%;
    position: relative;
    overflow: visible;
    margin: 0;
    padding: 0;
    background: #fff;
    text-align: left;
    background: #f1f3f4;    
}
.shopCategoriesMenu .shopCategoriesMenu{
    width: 100%;
}
.shopCategoriesMenu .shopCategoriesMenu li{
    width: 200px; display: inline-block; vertical-align: top;
}
.shopCategoriesMenu .menuLabel{
    height: 50px;
    display: block;
    line-height: 50px;
    padding: 0 40px; 
}
.shopCategoriesMenu .menuLabel.main{
    font-weight: bold;
    cursor: pointer;
}
.headerCategoryMenu ul li{
    float: left;
    height: 50px;
    overflow: visible;
}
.headerCategoryMenu ul li a{
    height: 50px;
    display: block;
    line-height: 50px;
    font-weight: bold;
    padding: 0 20px; 
    overflow: visible;
}
.headerCategoryMenu ul li a:hover{
    border-bottom:3px solid #000;
}
.headerCategoryMenu ul li ul li{
    min-width: 100px;
}
.headerCategoryMenu ul li ul li a{
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    min-width: 200px;
    font-size: 110%;
}
.headerCategoryMenu ul li ul li a:hover{
    border: none;
    text-decoration: underline;
}
.headerCategoryMenu ul li ul{
    display: none;
    position: absolute;
    z-index: 1;
    top: 50px;
    width: auto;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.75);
}
.headerCategoryMenu ul li:hover ul{
    display: block;
}
.headerCategoryMenu ul li ul li{
    display: block;
    height: 40px;
    float: none;
}
/* RWD category menu
--------------------------------------------------*/
.mobileCategoryMenu{
    display: none;
    float: right;
    margin: 0 20px 0 0;
    width: 50px;
    height: 50px;
    float:right;
}
@media screen and (max-width: 768px) {
    .mainHeader .searchForm{
        max-width: 100%;
    }
    .mobileCategoryMenu{
        display: block;
        margin: 0 60px 0 0;
    }
    .headerCategoryMenu{
        height: auto;
        margin-top: 0;
    }
    .shopCategoriesMenu{
        display: none;
    }
    .headerCategoryMenu ul li a:hover{
        border-bottom: none;
    }
    .headerCategoryMenu ul, .headerCategoryMenu ul li, .headerCategoryMenu ul li a{
        width: 100%;
    }
    .headerCategoryMenu ul li ul{
        position: relative;
        display: block;
        top: auto;
    }
}

/* shopOrderFormBox */
.orderForm{
    text-align: center;
}
.shopOrderFormBox .orderForm form{

}
.shopOrderFormBox .orderForm .orderFormShipment{
    display: inline-block;
    width: 400px;
}
.shopOrderFormBox .orderForm .orderFormInvoice{
    width: 400px;
    vertical-align: top;
    display: none;
}
.shopOrderFormBox .orderForm .orderFormInvoice.visible{
    display: inline-block;
}

/* listing */
.listingListWrapper{}
.listingList{

}
.listingList .element{
    width: 100%;
    border-top: 1px solid #ccc;
    margin: 0 0 20px 0;
    min-height: 200px;
    padding: 10px;

}
.listingList .element .image {
    border: 1px solid #e3e3e3;
    padding: 4px;
}
.listingList .element .image img {
    width: 300px;
}
.listingList .element .description{
    padding: 0 0 0 20px;
}
.listingList a.name,.listingList p.name {
    font-weight: bold;
    font-size: 140%;
    margin: 5px 0 0 0;
    line-height: 2em;
}
.listingList p.number {
    font-size: 120%;
    line-height: 1.6em;
}
.listingList p.producer {
    font-size: 120%;
    line-height: 2em;
}
.listingList p.priceNetto {
    font-weight: bold;
    line-height: 2em;
    font-size: 120%;
}
.listingList p.priceBrutto {
    font-size: 120%;
    line-height: 1.5em;    
}
.listingList p.stock {
    font-size: 90%;
    line-height: 2em;
}
/* paginator
--------------------------------------------------*/
#paginationControl{
    width: 100%;
    padding: 30px 0 30px 0;
}
#paginationControl * {
    display: inline-block;
    vertical-align: top;
}
#paginationControl .btn{
    margin: 0 10px 0 0;
    border: 1px solid #c4c4c4;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #4a5560;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
}
#paginationControl .prevBtn{
    width: 125px;
    max-width: 20%;
    background: url('/module/shop/img/prev.png') center center no-repeat #fff;
    font-size: 0;
}
#paginationControl .nextBtn{
    width: 125px;
    max-width: 20%;
    background: url('/module/shop/img/next.png') center center no-repeat #fff;
    font-size: 0;
}
#paginationControl .firstBtn{
    width: 80px;
    background: url('/module/shop/img/first.png') center center no-repeat #fff;
    font-size: 0;
}
#paginationControl .lastBtn{
    width: 80px;
    background: url('/module/shop/img/last.png') center center no-repeat #fff;
    font-size: 0;
}
#paginationControl .nbrBtn{
    background: #fff;
    float: left;
}
#paginationControl .nbrBtn.current{
    color: #e78888;
}
#paginationControl .blind{
    background: none;
    border: none;
}
/* product view common */
.basketAdd{
    margin: 40px 0 10px 0px;
}
.basketAdd input{
    margin: 0; 
    width: 80px;
}
.ajaxBasketAdd{
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 33px;
    line-height: 33px;
}
/* product view page
--------------------------------------------------*/
.productView{
    width: 100%;
    margin: 0 auto;
}
.categoryBreadCrumbTrail{
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
}
.categoryBreadCrumbTrail .breadCrumpSeparator{
    background: url('/page/defens/img/pointer.png') bottom center no-repeat;
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
    display: inline-block;
    margin: 0 5px;
}
.productView .mainFeature{
    display: inline-block;
    vertical-align: top;
}
.productView .productCapacity{
    margin: 10px 0;
    font-weight: bold;
}
.productView .productCapacity a{
    font-weight: normal;
    display: inline-block;
    margin: 5px;
    color: #fbb900;
}
.productView .productAdvImg{
    float: right;
    width: 230px;
}
.productView .productPrice{
    margin: 30px 0 0 10px;
    font-size: 140%;
}
.productView .productDsc{
    margin: 30px 0 30px 0;
    padding: 30px 0 30px 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
.productView .image {
    border: 1px solid #e3e3e3;
    padding: 4px;
}
.productView p {
    line-height: 140%;
}
.productView p.name {
    font-weight: bold;
    font-size: 140%;
    margin: 5px 0 0 0;
    line-height: 2em;
}
.productView p.number {
    font-size: 120%;
    line-height: 1.6em;
}
.productView p.producer {
    font-size: 120%;
    line-height: 2em;
}
.productView p.priceNetto {
    font-weight: bold;
    line-height: 2em;
    font-size: 120%;
}
.productView p.priceBrutto {
    font-size: 120%;
    line-height: 1.5em;  
}
.productView p.stock {
    font-size: 90%;
    line-height: 2em;
}
.productView p strong{
    /*display: inline-block;
    margin: 20px 0 10px 0;
    font-weight: normal;
    font-size: 130%;
    border-bottom: 6px solid #e3e3e3;
    padding: 0 0 5px 0;
    width: 100%;*/
}
.productView p em{
    margin: 20px 0 5px 0;
    display: inline-block;
}
.productView ul li{
    line-height: 140%;
    list-style-type: none;

}
.productView ul li:before {
    content: "• ";
    color: #fbb900;
}
.productView table tr td{
    padding: 0 10px;
    line-height: 140%;
}
.productView table tr td img{
    max-width: 150px;
}
/* popup
--------------------------------------------------*/
#popupContainer{
    position: absolute;
    top: 0; left: 0;
    width: 100%;
}
#popupContainer ul{
    margin:0; padding:0;
    height: 42px;
    line-height: 40px;
    background: #fff;
    width: 100%;
    max-width: none;
}
#popupContainer ul li{
    position:relative;
    font-size:100%;
    color:#2b2929;	
    text-indent: 10px;
}
#popupContainer ul li div.textWrapper{
    padding:0;	
    background-position:left center;
    background-repeat:no-repeat;	
}
#popupContainer ul li.info{
    display:block;
    border: 2px solid #44a729;
}
#popupContainer ul li.info div.textWrapper{
    background-image:url(/layout-default/images/popup/info.png);
}
#popupContainer ul li.success{
    display:block;
    border: 2px solid #44a729;
}
#popupContainer ul li.success div.textWrapper{
    background-image:url(/layout-default/images/popup/success.png);
}
#popupContainer ul li.warning{
    display:block;
    border: 2px solid #fbb900;
}
#popupContainer ul li.warning div.textWrapper{
    background-image:url(/layout-default/images/popup/warning.png);
}
#popupContainer ul li.error{
    display:block;
    border: 2px solid #e63d44;
}
#popupContainer ul li.error div.textWrapper{
    background-image:url(/layout-default/images/popup/error.png);
}
#popupContainer ul li a.hideBtn{
    position:absolute; right:0px; top: 0px; 
    height: 100%;
    line-height: 40px;
    color:#4873b1;
    font-weight:bold;
    text-decoration:none;
    text-transform:lowercase;
    display:inline-block;
    font-size: 150%;
    background: #fff;
    padding: 0 10px;
}
#popupContainer ul li a.hideBtn:hover{
    color:#2b2929;
}
#sibeliusContactMap{
    position: relative;
    padding-bottom: 15%;
    height: 0;
    overflow: hidden;
    margin: 25px 0 0 0;
}
#sibeliusContactMap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.sibeliusNewsletterBox{
    margin: 20px 0;
}
.sibeliusNewsletterBox form div{
    float: left;
}
.sibeliusNewsletterBox form div.row_email{
}
.sibeliusNewsletterBox form div.row_submit{

}
.sibeliusNewsletterBox form div.row_submit input{

}
.shopOrderDetails p {
    font-size: 90%;
    line-height: 1.5em;
}
.shopOrderDetails span.itemWrapper{
    display: block;
    margin: 10px 0;
    line-height: 1.2em;
}
.shopOrderDetails span.item{
    display: block;
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 0;
}
.shopOrderDetails span.item .basketName{
    font-weight: bold;
}
.shopOrderDetails .basketSummary{
    display: block;
    text-align: right;

}
.shopOrderDetails .basketSummaryTotal{
    display: block;
    text-align: right;
}
.shopOrderDetails .basketSummaryTotalShipment{
    display: block;
    text-align: right;
}
.homePage .mainContent .box.MainPageContentMore{
    margin-top: 40px;
}
.availabilityAsk{
    margin: 10px 0 10px 0;
}
.fullBasketClause{
    margin: 10px 0;
}
.shopBasketViewBox  .orderDiscountSummary{
    text-align: right;
    font-size: 80%;
    line-height: 1.5em;
}
.shopBasketViewBox .basketSummaryContainer{
    display: block;
}
.paginatorPerPage{
    margin-bottom: 20px;
    font-size: 110%;
}
.generalInfo{
    margin: -20px 0 20px 0;
    padding: 20px 20px 10px 20px;
    background: #f1f3f4;
}
.oldPage {
    margin: 20px 0 0 0;
}
.oldPage img{
    float: left;
    width: 500px
}
.oldPage p{
    float: left;
    width: 50%;
    padding: 2.5em;
    text-align: left;
}
@media screen and (max-width: 500px) {
    .oldPage p{
        width: 100%;
    }
}
@media screen and (max-width: 340px) {
    .mobileCategoryMenu{
        margin: 0 20px 0 0;
    }
}
.paymentInfo{
    padding: 40px 0;
}

/* autocopleate */
ul.ui-autocomplete li:hover{
    background: none;
}
ul.ui-autocomplete li a:hover{
    background: none;
}
ul.ui-autocomplete li img{
    height: 100px;
    vertical-align: middle;   
}
ul.ui-autocomplete li span{
    vertical-align: middle;   
    padding: 0 20px;
    font-size: 80%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}
ul.ui-autocomplete li span.image{
    text-align: center;
    width: 100px;
    padding: 10px 0;
}
.box.Shipment{
    margin-top: 30px;
}