@media(max-width:768px) {
    #center_column:before, #center_column:after {
        clear:both;
        display:block;
    }
}

.ajax_round_loader {
    background: url(/images/bploading.gif) no-repeat center center;
    height: 82px;
    width: 82px;
}
.ajax_bar_loader {
    /*background: url(/images/loadingdots.gif) no-repeat center center; */
    background: url(/images/progressbar.gif) no-repeat center center;
}
.loadinggif {
    background:url(/images/loadingdots.gif) no-repeat right center !important;
}
.lof-image 
{
    background:url(/images/ajax-loader.gif) no-repeat 50% 50% !important;
    max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.discountImg
{
    position: absolute;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #DD0000;
    top:0;
}
/*.cItem
{
    float: left;
    margin: 8px;
    border:1px solid lightgray; 
}*/
.cItem .item-name { height:40px; }
.cItem:hover .name
{ 
    text-decoration:underline;
}
.CardItem
{
	/*width:220px !important;*/
	padding:6px 6px 6px 6px;
	margin: 0  45px 0 45px;
	margin-bottom:20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: box-shadow 0.25s linear 0s;
	cursor:pointer;
}
.item-top-bar { position:absolute; /*z-index:40000;*/ width:222px; }
	
.CcardDisplay {
    color: #fff;
    height:auto;/*200px;*/
    width:auto;
    /*width: 210px;
    height: 120px;/*71px;*/
    /*border: 1px solid #8DCBEF;*/
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: none;
    text-align:center;
    font-size:0;
}
.trick {
	display: inline-block;
	vertical-align: middle;
	height: 120px;
}

.CardItemDesc
{
    color: #000;
    /*background-color:#F4F4F4;
    font-weight: bold;*/
    margin-top:5px; 
    padding-left:3px ;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.CardItemDesc .cardDetails
{
    float:right;
    padding-right:3px;
    text-decoration:underline;
    font-weight:normal !important;
    color:#8CCA33;
}
.old-price-red{ height:20px; }

.feedback {
    display: block;
    height: 20px;
}

.itempoints { padding-top: 5px; color: #148FD6; }
.RadDataPager .rdpNumPart a.rdpCurrentPage { /*color:#bc1b0d!important;*/}

.RadRotator .rrClipRegion {
border:none !important;
}

.pb-left-column .item-top-bar
{
    width:450px;
    z-index:99;
}
.pb-left-column .item-top-bar .sale-label{ }


  .Base
{
    display: inline;
    font: 12px/18px "segoe ui" ,arial,sans-serif;
    height: 20px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    color: black;
}
.L0
{
    border: 0 none;
}
.L1
{
    background-color: #ff3933;
}
.L2
{
    background-color: #ff6633;
}
.L3
{
    background-color: #ff3399;
}
.L4
{
    background-color: #cccc33;
}
.L5
{
    background-color: #33cc00;
}

.form_content .form-group label {
    display:block !important;
}
.form_content .form-group input {
    display:inline-block !important;
}

.infoLabel {
  /*display: block;*/
  margin-bottom: 5px;
  font-weight: bold;
  color: #333333; }

#identity .infoLabel
{
    display: block;
}

.combo .rcbArrowCell { background: url(/images/down.png) no-repeat 0 4px; width:30px;}
.rcbSlide { background-color:#fff; }
.rcbSlide .rcbHovered { background-color:#f1f1f1; }

.RadGrid_Default .rgAltRow { background:inherit !important;}
.RadGrid_Default .rgRow td { border-color:#f2f2f2 !important; }

.redSpan { color:Red; font-size:80%; font-style:italic; }

table.infos {
    width:100%;
}
    table.infos td:first-child {
        width:200px;
    }
table.table-filter .form-control {
    width:150px;
}

table.table-infos-box td {
    padding:0;
}


.contact-form-box {
    padding: 23px 0 0 0;
    margin: 0 0 30px 0;
    background: url(/images/contact-form.png) repeat-x white;
    -moz-box-shadow: rgba(0, 0, 0, 0.17) 0 5px 13px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 5px 13px;
    box-shadow: rgba(0, 0, 0, 0.17) 0 5px 13px;
}

.address-form-box.active, .address-form-box.inactive:hover,
.address-form-box.inactive
{
    padding: 10px 5px 5px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.17) 0 5px 13px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 5px 13px;
    box-shadow: rgba(0, 0, 0, 0.17) 0 5px 13px;
    margin-top:10px;
    /*max-width:350px;
    min-width:350px;*/
    min-height:215px;
    max-height:350px;
}
.nospace > span
{
    display:inline-block;
    width:350px;
    margin:0 3px;
} 
.nospace > span:last-child
{
    display: block;
    /*width: 100%;*/
    margin-top: 10px;
}  
@media (max-width:768px)
{
    .nospace > span
    {
        width:48%;
    }   
}
@media (max-width:499px)
{
    .nospace > span
    {
        width:100%;
    }   
}

.address-form-box.active, .address-form-box.inactive:hover  {
    background: url(/images/contact-form.png) repeat-x white;
}
.address-form-box.inactive {
    background: url(/images/contact-form_disabled.png) repeat-x white;
}
.address-form-box .box { min-height:215px;}

.group table.sep {
}
    .group table.sep td {
        vertical-align: top;
        width: 50%;
    }
.group .table-infos-box {
    background-color: #fbfbfb;
    margin: 5px;
    padding: 5px;
}
    .group .table-infos-box h3 {
        padding: 5px 10px;
    }
    .group .table-infos-box > tbody > tr > th {
        background-color:#535353;
        color:#fff;
        font-weight:bold;
    }
    .group .table-infos-box > tbody > tr:first-child+tr > td{
        padding-top:10px;
    }
    .group .table-infos-box > tbody > tr:last-child > td {
        padding-bottom:10px;
    }
    .group .table-infos-box td {
        color: #000;
        padding: 3px 10px;
    }
    .group .table-infos-box .info-title {
        font-weight:bold;
    }
    .group .table-infos-box input[type=text], 
    .group .table-infos-box textarea,
    .group .table-infos-box .info-input , 
    .group .table-infos-box .info-td-input .RadInput,
    .group .table-infos-box select{
        width:90%;
    }
    .group .table-infos-box .RadInput {
        width:90%!important;
    }
    .group .table-infos-box div.uploader span.filename {
        border:none;
    }
table.infos td {
    color: #000;
    padding: 3px 10px;
}
.stars {
    color:red;
}

.RadGrid_Default td {
    text-align: initial;
}

.RadUpload .ruFakeInput {
    width: auto!important;
}


.recieptRow td:not(:first-child) {
    text-align:center;
}

.PaymentTabStyle .RadTabStrip .rtsLevel .rtsOut, .RadTabStrip .rtsLevel .rtsIn, .RadTabStrip .rtsLevel .rtsTxt, .RadTabStripVertical .rtsLevel .rtsOut, .RadTabStripVertical .rtsLevel .rtsIn, .RadTabStripVertical .rtsLevel .rtsTxt {
            text-align: center !important;
        }

        .PaymentTabStyle .RadTabStrip .rtsLI::after, .RadTabStripVertical .rtsLI::after {
            padding-bottom: 5px;
        }

        .PaymentTabStyle .RadTabStrip_Simple .rtsLink {
            background: #e6e6e6 none repeat scroll 0 0 !important;
            border: 1px solid #e6e6e6 !important;
        }

            .PaymentTabStyle .RadTabStrip_Simple .rtsLink:hover {
                background: #eeeeee none repeat scroll 0 0 !important;
                border: 1px solid #e6e6e6 !important;
                color: inherit !important;
            }

        .PaymentTabStyle .RadTabStrip_Simple .rtsSelected, .RadTabStrip_Simple .rtsSelected, .rtsLink .rtsSelected {
            background: #fff none repeat scroll 0 0 !important;
            border-right-color: #fff !important;
        }
        
        .PaymentTabStyle .RadTabStrip_Simple .rtsSelected:hover, .RadTabStrip_Simple .rtsSelected:hover, .rtsLink .rtsSelected:hover {
            background: #fff none repeat scroll 0 0 !important;
            border-right-color: #fff !important;
        }
       /* #byParcel .selector,#byParcel .RadAjaxPanel, .shippingopt .selector, #byPostOffice .selector,#byPostOffice .RadAjaxPanel {
    display:inline-block !important;
}*/
.shippingopt .selector
{
    display:inline-block !important;
}
          
/* Let's get this party started */
.scroller::-webkit-scrollbar { width: 5px; } 
 /* Track */ 
 .scroller::-webkit-scrollbar-track { 
                              -webkit-border-radius: 10px; border-radius: 10px; } 
 /* Handle */
 .scroller::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #e6e6e6;  } 
 .scroller::-webkit-scrollbar-thumb:window-inactive { background: #e6e6e6; }

.popup-loading { background: url(/images/bploading.gif) no-repeat center center !important; z-index:999999;
                }

.layer_preview_overlay {
  background-color: #d1D1D1;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 98;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

.infotable > tbody > tr > td {
    white-space: nowrap;
    color: #333333;
}
.infotable > tbody > tr > td * {
    display: inline-block;
}
    .ddAddresses option {
        display:block !important;
    }
.infotable .RadAjaxPanel {
    display:inline-block !important;
    width:100%;
}


.div-notice
{
    width: 100%; 
    text-align: center; 
    background-color: #FFF6BF; 
    border: 1px solid #FFD324;
    padding:10px 5px;
    margin:15px 0;
}
.div-notice span
{
    font-weight: bold; 
}
@media (max-width: 768px) 
{
    .div-notice span
    {
        font-size:11px;
    }
}

.bloc_adresses .item
{
    display:inline-block;
    min-width: 200px;
}

.curAddress
{
    border:solid 1px #d6d4d4;
    background:#fff;
    padding:0 5px;
}
.div-addressbtns
{
    margin-top:5px;
}
@media (max-width: 768px) 
{
    .div-addressbtns .btn.btn-default
    {
        font-size:11px;
    }
}


.form-group .RadInput
{
    width:100%!important;
    max-width: 271px;
}
    .form-group .RadInput .riContentWrapper
    {
        width:100%!important;
        max-width: 271px;
    }
@media (max-width: 768px) 
{
    .form-group .RadInput .riStrengthBar
    {
        display:block!important;
    }
    .form_content .submit
    {
        margin-top:20px;
        text-align:center;
    }

}

.form-group
{
    display: block;
    width: 100%;
}
.form-group .form-entry-list
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.form-group .form-entry-list.group-of-2-cols
{
    width: 45%;
    /*display:table-row-group;*/
}
.form-group .form-entry-list.group-of-1-row
{
    display:table;
}
.form-group .form-entry-list .form-entry
{
    margin-bottom: 5px;
    display:table-row;
}
.form-group .form-entry-list.group-of-1-row .form-entry
{
    display:table-cell;
}
.form-group .form-entry-list .form-entry .infoLabel
{
    /*display:inline-block;*/
    /*width:100px;*/
    white-space:nowrap;
    display:table-cell;
    vertical-align: top;
    padding:5px;
}
.form-group .form-entry-list.group-of-1-row .form-entry .infoLabel
{
    display:inline-block;
}
.form-group .form-entry-list .form-entry .info-input
{
    display:table-cell;
    padding:5px;
}
.form-group .form-entry-list .form-entry .info-input .RadAjaxPanel
{
    width:100%;
}
@media (max-width: 768px)
{    
    .form-group .form-entry-list.group-of-2-cols
    {
        display:block;
    }
    .form-group .form-entry-list .form-entry
    {
        display:block;
    }
    .form-group .form-entry-list .form-entry .infoLabel,
    .form-group .form-entry-list .form-entry .info-input
    {
        display:block;
        padding:0px;
    }
    .form-group .form-entry-list .form-entry .info-input .selector,
    .form-group .form-entry-list .form-entry .info-input .RadAjaxPanel
    {
        width:100%!important;
    }
}
.form-group .form-entry-list.data-listing, .form-group .form-entry-list.data-listing .infoLabel
{
    margin:0;
}
.form-group .form-entry-list.data-listing .infoLabel
{
    font-weight:normal;
    vertical-align:baseline;
}
.form-group .form-entry-list.data-listing .infoLabel + *
{
    font-weight:bold;
}
.form-group .form-entry-list .form-entry .infoLabel + *,
.form-group .form-entry-list .form-entry .infoLabel + .RadPicker .riTextBox[type="text"]
{
    width: 200px!important;
	font-size:13px!important;
}
@media (max-width: 768px) 
{
    .form-group .form-entry-list.group-of-2-cols
    {
        width:100%;
    }
    .form-group .form-entry-list.group-of-1-row .form-entry
    {
        display:inherit;
    }
    .form-group .form-entry-list .form-entry .infoLabel + *,
    .form-group .form-entry-list .form-entry .infoLabel + .RadPicker .riTextBox[type="text"]
    {
        width: 100%!important;
    }
}

    @media screen and (max-width: 640px) {
	.RadGrid table,.RadGridRTL table {
		display: table!important;
	}}
	
	
	.product_list:before,.product_list:after
	{
	    clear:both;
	    display:block;
	}
	
.form-group .form-entry .form-control
{
    padding:0!important;
}


        .row h1.page-heading
        {
            margin:0 0 10px 0;
        }
        .box h1.page-heading
        {
            padding:0 0 5px 16px;
        }
/*.form-group .form-entry-list .form-entry .infoLabel + *,
.form-group .form-entry-list .form-entry .selector,
.form-group .form-entry-list .form-entry .infoLabel + .RadPicker .riTextBox[type="text"]
{
    width: 100%!important;
}*/
.tb-payment .form-group
{
    /*width:300px;*/
    /*min-width:300px;*/
    min-width:290px;
}
.shop-cart-store.readonly .shopcart-store-header td.lvTitle + td
{
    border-bottom:none;
}
.shop-cart-store.readonly .shopcart-store-header span, .shop-cart-store.readonly .shopcart-store-header a
{
    line-height:18px;
}
.btn.btn-default
{
    padding-left:14px!important;
    padding-right:14px!important;
}
.tb-payment h3.page-subheading
{
    text-transform:none;
}
.tb-payment td.payment-types
{
    width:300px;
    vertical-align:top;
}
.tb-payment td.payment-type-content
{
    padding: 0 20px; 
    vertical-align: top;
}
.olpdown
{
    width:200px;
}
.tb-paySadad td, .tb-payWallet td
{
    padding:0px;
}
.tb-payment .div-btns
{
    margin-top:10px;
}
.WalletPayLogo {
    float: left;
    background-image: url(/images/wallet.png);
    width: 320px;
    height: 250px;
}
.OnlinePayLogo {
    float: left;
    background-image: url(/images/onlinepayment.png);
    width: 250px;
    height: 250px;
}
.SadadPayLogo, .WalletPayLogo, .OnlinePayLogo
{
    /*display:none;*/
}

@media (max-width: 768px) 
{
    .tb-payment
    {
    }            
    .tb-payment .form-group
    {
        width:100%;
        margin-bottom: 10px;
    }
    .tb-payment tbody,
    .tb-payment tbody tr,
    .tb-payment tbody tr td
    {
        display:block;
        padding:2px 0px!important;
        width:100%;
    }
    .tb-payment .form-group .selector
    {
        width:100%!important;
    }
    .tb-payment .form-group .selector span
    {
        width:100%!important;
    }
    .PaymentTabStyle .rtsUL .rtsLI 
    {
        float:none;
        display:inline-block;
        width:33.33%!important;
    }
    .PaymentTabStyle .rtsUL .rtsLI .rtsIn
    {
        padding:0px;
    }
    .PaymentTabStyle .rtsUL .rtsLI .Tab
    {
        padding:0px;
        top:auto;
        float:none;
        margin-left: auto;
        margin-right: auto;
    }
    .PaymentTabStyle .rtsUL .rtsLI .TabTitle
    {
        padding:0px;
        margin:0px;
        margin-top:5px;
        font-size:12px;
    }
    .PaymentTabStyle .RadTabStrip .rtsLI::after, .RadTabStripVertical .rtsLI::after
    {
        display:none!important;
    }
    .PaymentTabStyle .RadTabStrip_Simple .rtsLI .rtsLink
    {
        border: 1px solid #f7f7f7 !important;
        padding:0px!important;
    }
    .PaymentTabStyle .RadTabStrip_Simple .rtsLI .rtsLink.rtsSelected
    {
        border-color:#e6e6e6 !important;
    }
    .SadadPayLogo, .WalletPayLogo, .OnlinePayLogo
    {
        display:none;
    }
    .tb-payment h3.page-heading
    {
        margin:30px 0 10px!important;
    }
    .olpdown
    {
        width:100%;
    }
            
    .form_content .form-group .infoLabel 
    {
        display:block;
    }
}   
    
    .survey-item-option
    {
        display:inline-block;
    }
    
@media (max-width: 768px) 
{
    .survey-item-option
    {
        display:block;
        margin: 5px;
    }    
}


    .selector1 select
    {
        width:262px;
    }
@media (max-width: 768px) 
{
    .selector1 select
    {
        width:100%;
    }
}

.addcontact:before
{
    content:"\f234";
    font-family:FontAwesome;
    display:inline-block;
    padding:0 5px;
    font-size:14px;
}
.addoccasion:before
{
    content:"\f271";
    font-family:FontAwesome;
    display:inline-block;
    padding:0 5px;
    font-size:14px;
}
.addicon:before
{
    content:"\f196";
    font-family:FontAwesome;
    display:inline-block;
    padding:0 5px;
    font-size:14px;
}
.addfeedback
{
    position:relative;
}

@media (max-width: 768px) 
{
.RadScheduler .rsHorizontalHeaderTable
{
    display:table;
}
.RadScheduler .rfbRow,
.RadScheduler .rfbGroup .rfbLabel
{
    margin:0px!important;
    padding:0px!important;
}
.RadScheduler .rfbGroup .rfbLabel
{
    display:block;
}
}

#DivReciept .box.shop-cart-store
{
    border-top:solid 1px #cccccc;
}
#DivReciept .tb-ordersum th > span
{
    display:inline-block;
}
@media (max-width: 768px) 
{
    #DivReciept .receipt-resume
    {
        padding: 5px;
        margin: 0;
        border: solid 1px #e6e6e6;
        background-color: #f7f7f7;
    }
    #DivReciept .receipt-resume td
    {
        display:block;
        padding:2px;
    }
    #DivReciept .receipt-resume td b
    {
        display:inline-block;
    }
    #DivReciept .tb-ordersum th > span
    {
        display:block;
    }
}


/**************** new styles for Mr. Hatem *****************/

.page-container,.header-container, #header
{
    background:#fbfbfb!important;
}
#header > .container
{
    background:none!important;
}
.columns-container
{
    background:#fff!important;
}
#top-header
{
    background-position: 0% 0%;
background-image: linear-gradient(#2b2b2b, #262525, #212121)!important !important;
    background-color: #2b2b2b !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
#block_top_menu.red {
    border-top-style: solid;
    border-top-width: 2px;
    /*border-top: solid 2px #bc1b0d;
    background: #bc1b0d;
    background-image: -moz-linear-gradient(#bc1b0d, #b1190c, #ab1609);
    background-image: -o-linear-gradient(#bc1b0d, #b1190c, #ab1609);
    background-image: -webkit-linear-gradient(#bc1b0d, #b1190c, #ab1609);
    background-image: linear-gradient(#bc1b0d, #b1190c, #ab1609);*/
}
    #block_top_menu.red:before,
    #block_top_menu.red:after {
        border-top-style:solid;
        border-top-width:2px;
        /*border-top: solid 2px #bc1b0d;
        background: #b11f12;
        background-image: -moz-linear-gradient(#b11f12, #a31b0f, #9e170b);
        background-image: -o-linear-gradient(#b11f12, #a31b0f, #9e170b);
        background-image: -webkit-linear-gradient(#b11f12, #a31b0f, #9e170b);
        background-image: linear-gradient(#b11f12, #a31b0f, #9e170b);*/
    }
    #block_top_menu.red #menu_horizontal a.more {
        color: #000;
    }

#block_top_menu.orange {
    border-top: solid 2px #e0580a;
    background: #e0580a;
    background-position: 0% 0%;
    background-image: -moz-linear-gradient(#e0580a, #cc4f07, #ab4408);
    background-image: -o-linear-gradient(#e0580a, #cc4f07, #ab4408);
    background-image: -webkit-linear-gradient(#e0580a, #cc4f07, #ab4408);
    background-image: linear-gradient(#e0580a, #cc4f07, #ab4408);
    background-color: #e0580a !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
    #block_top_menu.orange:before,
    #block_top_menu.orange:after {
        border-top: solid 2px #f36e21;
        background: #e85703;
        background-position: 0% 0%;
        background-image: -moz-linear-gradient(#e85703, #c14802, #9c3c04);
        background-image: -o-linear-gradient(#e85703, #c14802, #9c3c04);
        background-image: -webkit-linear-gradient(#e85703, #c14802, #9c3c04);
        background-image: linear-gradient(#e85703, #c14802, #9c3c04);
        background-color: #e85703 !important;
        background-repeat: repeat !important;
        background-attachment: scroll !important;
    }
    #block_top_menu.orange #menu_horizontal a.more {
        color: #000;
    }

#block_top_menu.darkgray {
    border-top: solid 2px #3d3d3e;
    background: #3d3d3e;
    background-position: 0% 0%;
    background-image: -moz-linear-gradient(#3d3d3e, #464545, #3d3d3e);
    background-image: -o-linear-gradient(#3d3d3e, #464545, #3d3d3e);
    background-image: -webkit-linear-gradient(#3d3d3e, #464545, #3d3d3e);
    background-image: linear-gradient(#3d3d3e, #464545, #3d3d3e);
    background-color: #3d3d3e !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

    #block_top_menu.darkgray:before,
    #block_top_menu.darkgray:after {
        border-top: solid 2px #3d3d3e;
        background: #242425;
        background-position: 0% 0%;
        background-image: -moz-linear-gradient(#242425, #464545, #3d3d3e);
        background-image: -o-linear-gradient(#242425, #464545, #3d3d3e);
        background-image: -webkit-linear-gradient(#242425, #464545, #3d3d3e);
        background-image: linear-gradient(#242425, #464545, #3d3d3e);
        background-color: #242425 !important;
        background-repeat: repeat !important;
        background-attachment: scroll !important;
    }
    #block_top_menu.darkgray #menu_horizontal a.more,
    #offers-menu a.alloffers {
        color: #999999;
    }
/*#block_top_menu
{
    background-position: 0% 0%;
    background-image: linear-gradient(#b11f12, #a31b0f, #9e170b)!important !important;
    background-color: #b11f12 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}*/
/**************** end styles for Mr. Hatem *****************/

#div-ticket .receipt-title {
    margin-top:0px !important;
    margin-bottom:0px !important;
}

/***************** Pagination Style *******************/
    .product-list__page {
            /*clear: both;*/
            counter-increment: page;
            padding-bottom: 3em;
            position: relative;
        }

        .product-list__item__image--loading {
            opacity: 0;
        }
.product-list_pagination_container {
    clear:both;
    height:30px;
}
.product-list__pagination {
    border-top: solid 1px #d3d3d3;
    border-bottom: solid 1px #d3d3d3;
    padding: 2px;
    /*background-color: #222;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
    padding: .5em;*/
    display: block;
    bottom: 0;
    left: 0;
    list-style-type: none;
    margin: 0;
    right: 0;
    text-align: center;
    /*-webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;*/
    z-index: 2;
}

        .product-list__pagination--inactive {
            /*-webkit-transform: translateY(100%);
            transform: translateY(100%);*/
        }

.product-list__pagination__item {
    display: inline-block;
    /*margin: 0 1em;*/
    margin: 0 .2em;
}

    .product-list__pagination__item a {
        color: #2b2b2b;
        text-decoration: none;
        border: solid 1px lightgray;
        border-radius: 10px;
        width: 20px;
        display: inline-block;
        background-color: #f7f7f7;
        /*color: #888;*/
        text-decoration: none;
    }

                .product-list__pagination__item a:hover, .product-list__pagination__item a:focus {
                    /*color: #aeaeae;*/
                    /*color: #fff;
                    background-color: #bc1b0d;*/
                }

                .product-list__pagination__item a:active {
                    /*color: #d5d5d5;*/
                    /*color: #fff;
                    background-color: #bc1b0d;*/
                }

.prod-rating .stars {
    color: #f28b15;
}
/***************** End Pagination Style *******************/

.subtitle {
    /*color: #bc1b0d;*/
}

.notification {
    height: auto;
    padding: 10px;
    border-bottom: green;
    background: green;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.35);
    text-align: center;
    position: fixed;
    top: 0px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-shadow: 1px 1px 0px #999;
    display: none;
    z-index:99;
    color: yellow;
}

.overlay-topcontent {
    position: relative;
}

.overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(255,255,255,0.8);
}

.overlay-content {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
}


.showcss {
    display: inline-block !important;
}

.hidecss {
    display: none !important;
}




div.newsletters {
    text-align: center;
    padding: 20px;
    background-color: #f7f7f7;
}

@media (max-width: 768px) {
    div.newsletters {
        padding-left:0px;
        padding-right:0px;
    }
}
.mail {
    position: relative;
}


    .btn.btn-subscribe {
        c /*olor: white;
    background: #bc1b0d;
    background-image: -moz-linear-gradient(#bc1b0d, #b1190c, #ab1609);
    background-image: -o-linear-gradient(#bc1b0d, #b1190c, #ab1609);
    background-image: -webkit-linear-gradient(#bc1b0d, #b1190c, #ab1609);
    background-image: linear-gradient(#bc1b0d, #b1190c, #ab1609);
    border-color: #ff6026 #e8511b #8b2e0d #e8511b;*/
        border-width: 1px 1px 1px 1px;
        border-style: solid solid solid solid;
        -moz-border-radius: 0 2px 2px 0;
        -webkit-border-radius: 0;
        border-radius: 0 2px 2px 0;
        padding: 2px 12px 5px 8px;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        width: auto;
        height: 27px;
    }

        .btn.btn-subscribe:hover, .btn.btn-subscribe:focus, .btn.btn-subscribe:active {
            /*background: #ab1609;
        background-image: -moz-linear-gradient(#ab1609, #f6581e, #bc1b0d);
        background-image: -o-linear-gradient(#ab1609, #f6581e, #bc1b0d);
        background-image: -webkit-linear-gradient(#ab1609, #f6581e, #bc1b0d);
        background-image: linear-gradient(#ab1609, #f6581e, #bc1b0d);*/
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
            color: #fff;
        }

    .subscribe-result {
        color: #000;
        font-weight: bold;
    }

    .search-keys {
        border: solid 1px #ededed;
        background-color: #fbfbfb;
        margin-bottom: 20px;
        padding: 10px;
    }

        .search-keys p a {
            font-style: italic;
        }

            .search-keys p a :hover {
                text-decoration: underline;
            }


    .btn-minus:before, .btn-plus:before {
        font-family: FontAwesome;
        font-size: 16px;
        display: inline-block;
        padding: 0 5px;
    }

    .btn-minus:before {
        content: "\f056";
    }

    .btn-plus:before {
        content: "\f055";
    }



    /************* style for error pages ****************/

    .page-error {
        min-height: 200px;
    }

        .page-error h1 {
            margin: 50px 0;
            color: #ff0000;
            font-size: 36px;
        }

        .page-error p {
            color: #000;
            font-size: 20px;
        }

#menu_horizontal .sf-menu #category-thumbnail li.category-thumbnail:hover a{
    box-shadow: 2px 2px 2px rgba(0,0,0,0.13);
}

@media (max-width: 480px) {
    #searchbox > select {
        display: none!important;
    }
}

    .div-mobilewithcountrycode .countrycode {
        width: 60px !important;
        height: 27px;
        display:inline-block;
    }
        .div-mobilewithcountrycode .countrycode + input {
            width: calc(90% - 65px);
            display: inline-block;
        }
@media(max-width:768px) {
    .div-mobilewithcountrycode .countrycode + input {
        width: calc(100% - 65px);
        display: inline-block;
    }
}

/************* breadcrumb icons on mobile ******************/
@media (max-width: 768px) {
    .breadcrumb a[class*="AllCategories"]:after {
        content: "\f0c9" !important;
        font-family: FontAwesome;
        display: inline;
    }
    .breadcrumb a[class*="MyAccount"]:after {
        content: "\f007" !important;
        font-family: FontAwesome;
        display: inline;
    }

    .breadcrumb a[class*="CategoryType"] {
        /*background-image: attr(data-icon url);*/
        width: 25px;
        background-color: #333333;
        background-repeat: no-repeat;
        background-size: auto 24px;
        background-position:center;
    }

        .breadcrumb a[class="CategoryType"]:after {
            content: "" !important;
        }

    .breadcrumb a[class="ParentCategory"],
    .breadcrumb a[class="Category"] {
        display: none;
    }
}

/***************** Supplier Pages *******************/
#supplier-section > .container {
    position: relative;
}

    #supplier-section > .container .row {
        margin: 0px;
    }

#supplier-section #homepage-slider {
    z-index: 0;
}

#supplier-logo {
    text-align: center;
    height: 120px;
}

    #supplier-logo img {
        max-height: 120px;
        width: auto;
    }

#supplier-menu, #supplier-menu:before, #supplier-menu:after {
    height: 30px;
    border-top: solid 2px #363636;
    /*background-image: -moz-linear-gradient(#808284, #767779, #6c6c6c);
    background-image: -o-linear-gradient(#808284, #767779, #6c6c6c);
    background-image: -webkit-linear-gradient(#808284, #767779, #6c6c6c);
    background-image: linear-gradient(#808284, #767779, #6c6c6c);*/
    background-color: #363636 !important;
}

.menu-supplier {
    float: none !important;
}

#supplier-menu:before {
    content: "";
    position: absolute;
    right: -200%;
    width: 200%;
    top: 0;
}

#supplier-menu:after {
    content: "";
    position: absolute;
    left: -200%;
    width: 200%;
    top: 0;
}

#supplier-menu ul.level1 {
    list-style-type: none;
    color: #fff;
    display: table;
    margin: 0;
    float: none !important;
}

    #supplier-menu ul.level1 > li {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        min-width: 120px;
        float: none !important;
    }

        #supplier-menu ul.level1 > li > a {
            color: #fff;
            display: block;
            height: 28px;
            font-size: 15px;
            line-height: 25px;
        }

            #supplier-menu ul.level1 > li > a:hover,
            #supplier-menu ul.level1 > li > a.highlighted {
                background-color: #fff;
                color: #000;
            }

            #supplier-menu ul.level1 > li > a.popout {
                background-image: none;
            }

                #supplier-menu ul.level1 > li > a.popout > ul {
                    border: solid 1px #000;
                    border-top: none;
                }
    /*#supplier-menu ul.level1 > li > a.popout:after {
                    content: "";
                    display: inline-block;
                    font-family: FontAwesome;
                }*/
    #supplier-menu ul.level1 ul.level2 {
        top: 100% !important;
        left: 0px !important;
        background: #fff;
        padding: 1px;
        min-width: 155px;
        z-index: 1;
        padding-bottom: 10px;
    }

        #supplier-menu ul.level1 ul.level2 > li {
        }

            #supplier-menu ul.level1 ul.level2 > li > a {
                display: block;
                line-height: 25px;
                padding: 2px 5px;
                font: 500 15px/25px 'DroidArabicNaskh', sans-serif;
            }

                #supplier-menu ul.level1 ul.level2 > li > a:hover {
                    /*background: #363636;
                    color: #fff;*/
                    font-weight: bold;
                }
.dv_productspecs {
    padding-top: 20px;
}

.div-fit {
    margin: 10px 0;
}

    .div-fit:after,
    .div-fit:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
    }