html
{
    height: 100%;
    overflow-y: scroll;
}

body
{
    background-color: #dadfe3;
    background-image: url(../images/content-bg.gif);
    background-repeat: repeat-x;
    height: 100%;
    color : #707070;
}

@font-face 
{
    font-family: TitilliumMaps26L; 
    src : url("TitilliumMaps26L.otf");
}

@font-face 
{
    font-family: TitilliumMaps26L-750wt; 
    src : url("TitilliumMaps26L001.otf");
} 

.maincontainer
{
    height: auto !important;
    min-height: 100%;
    width: 100%;
    margin: 0px 0px -20px 0px;
}

.header
{
    width: 100%;
    height: 90px;
    background-image: url(../images/header-bg.gif);
    background-repeat: repeat-x;
}

.headerinner
{   
    margin: 0px auto;
    border : 1px;
    height: 90px;
    position: relative;
}

.pagewidth
{
    width : 1050px;
}

@media (min-width: 1450px) {  
    .container 
    {
        width: 1400px;
    }
    
    .pagewidth 
    {
        width: 1400px;
    }
}


.headerlogo
{
    width : 303px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url(../images/header-logo.gif);
    margin: 26px 0px 0px 0px;
}


div.menu
{
    width: 100%;
    height: 26px;
    background-image: url(../images/menu-bg.gif);
    background-repeat: repeat-x;
}

.left
{
    float: left;
}

p
{
    font-family: Arial;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #5a5a5a;
}

h1
{
    font-family: Arial;
    font-style: normal;
    font-size: 24px;
    color: #000;
    font-weight: normal;
    margin-bottom: 4px;
}

h2
{
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #666666;
}


h2.outlet-heading 
{
    display: inline;
    padding: 5px 35px 5px 0px;
    background-image: url(../images/product-promo.png);
    background-position: right center; 
    background-repeat: no-repeat;  
    
}

h3
{
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #707070;
}

.loginpage
{
    padding-top: 100px;
}

.loginform
{
    padding-top: 30px;
}

.loginform .btn
{
    position: relative;
    left: 20px;
}


.loginform .rememberme 
{
    padding: 10px 0px 0px;    
    width: 300px;
    text-align: left;
    cursor: pointer;
}
.loginform .rememberme span 
{
    position: relative ; 
    top: -2px;
}

.push {
    height: 20px;
    width: 100%;
    clear: both;
}

.footer
{
    clear: both;
    height: 20px;
    text-align: right;   
}

.footertext
{
    color: #a0a0a0;
    font-size: 9px;
    line-height: 10px;
    padding-right: 5px;
}
/** user section menu **/
.user-small-section-menu{
    padding-top:43px;
    float:right;
}

.user-small-section-menu a, .user-small-section-menu a:active, .user-small-section-menu a:visited, .user-small-section-menu a:link, .user-small-section-menu a:hover{
    float:right;
    width: 45px;
    padding-top: 30px;
    height: 15px;
    background-position: top center;
    background-repeat: no-repeat;  
    color: #666;    
    font-size: 8px; 
    font-weight: bold;     
    line-height: 11px; 
    text-align: center;
    text-decoration: none;
}

.user-small-section-menu a span 
{
    text-transform: uppercase;    
    opacity: .50;filter:Alpha(Opacity=50);
}

a.menu-shop{
    background-image: url(../images/menu-shop.png);
}
a.menu-promo{
    background-image: url(../images/menu-promo.png);
}
a.menu-outlet{
    background-image: url(../images/menu-outlet.png);
}
a.menu-project{
    background-image: url(../images/menu-project.png);
}
a.menu-archieve{
    background-image: url(../images/menu-archieve.png);
}

a.menu-shop.active{
    background-image: url(../images/menu-shop-active.png);
}
a.menu-promo.active{
    background-image: url(../images/menu-promo-active.png);
}
a.menu-outlet.active{
    background-image: url(../images/menu-outlet-active.png);
}
a.menu-project.active{
    background-image: url(../images/menu-project-active.png);
}
a.menu-archieve.active{
    background-image: url(../images/menu-archieve-active.png);
}
a.active span{
    color:#000000;
}

/** user section menu **/
.user-dashboard-menu{
    overflow: auto;
    padding-top:44px;   
}

.user-dashboard-menu a, .user-dashboard-menu a:active, .user-dashboard-menu a:visited, .user-dashboard-menu a:link, .user-dashboard-menu a:hover
{
    display: block;  
    width: 82px;    
    height: 80px;
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;  
    color: #666; 
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;    
    position: relative;  
    margin-bottom: 45px;
    margin-left : 45px;
    
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);    
    -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.user-dashboard-menu a span.button-title 
{
    position: absolute;
    top: 2px;  
    left: 0px; 
    width: 80px;
}

.user-dashboard-menu a span.button-icon 
{
    position: absolute;
    top: 15px; 
    left: 0px; 
    display: block;
    width: 85px; 
    height: 65px; 
    background-position: 0px 0px; 
    background-repeat: no-repeat;
}

.user-dashboard-menu a span.button-description 
{   
    font-size: 11px;
    line-height: 13px;
    text-transform: none;
    position: absolute;
    bottom : 3px;
    left: 0px;  
    width: 105px;
    display : none;
}


.user-dashboard-menu a
{
    line-height: 18px;
}

.user-dashboard-menu a:active 
{
    border-top: 1px solid #c1c3c2;
    border-left: 1px solid #c1c3c2;
    border-right: none; 
    border-bottom: none;
    
    -webkit-box-shadow: none;    
    -moz-box-shadow: none;
    box-shadow: none;
}


a.dashboard-menu-shop .button-icon{
    background-image: url(../images/dashboard-menu-shop.png);
}
a.dashboard-menu-promo .button-icon{
    background-image: url(../images/dashboard-menu-promo.png);
}
a.dashboard-menu-outlet .button-icon{
    background-image: url(../images/dashboard-menu-outlet.png);
}
a.dashboard-menu-project .button-icon{
    background-image: url(../images/dashboard-menu-project.png);
}
a.dashboard-menu-archieve .button-icon{
    background-image: url(../images/dashboard-menu-archieve.png);
}
.dashboard-menu-separator{
    float:left;
    width: 2px;
    height: 68px;
    background-position: left center;
    background-repeat: no-repeat;  
    background-image: url(../images/dashboard-menu-separator.png);
    margin:10px 22px 0px 22px;
}



/** top menu **/
ul.nav > li > a, ul.nav > li > a:active, ul.nav > li > a:visited, ul.nav > li > a:link
{
    line-height: 26px;
    padding : 0px 7px 0px 20px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
    color : #FFF;
    background-position: left center;
    background-repeat: no-repeat;
    outline: none;
}

a.specials
{
    background-image: url(../images/menu-icon-1.png);
}
a.contact
{
    background-image: url(../images/menu-icon-2.png);
}


ul.nav > li > a.contact:hover, ul.nav > li.active-menu > a.contact
{
    background-image: url(../images/menu-icon-2-black.png);
}

a.details
{
    background-image: url(../images/menu-icon-3.png);
}

ul.nav > li > a.details:hover, ul.nav > li.active-menu > a.details
{
    background-image: url(../images/menu-icon-3-black.png);
}


a.list
{
    background-image: url(../images/menu-icon-4.png);
}

ul.inhouse-menu .dropdown-menu > li > a.promo-statistics
{
    background-image: url(../images/show-excel-icon-white.png);
    background-position: 0px 0px;
}

a.newproduct
{
    background-image: url(../images/menu-new-icon.png);
}

ul.nav > li > a.newproduct:hover, ul.nav > li.active-menu > a.newproduct
{
    background-image: url(../images/menu-new-icon-black.png);
}

a.cart-main
{
    background-image: url(../images/menu-icon-4.png);
}
a.cart-list
{
    background-image: url(../images/menu-icon-4.png);
}

ul.nav > li > a.cart
{
    background-image: url(../images/cart-ean-code.png);
    padding-left :27px;
}

ul.nav > li > a.cart:hover, ul.nav > li.active-menu > a.cart 
{
    background-image: url(../images/cart-ean-code-black.png);
}

ul.nav a.statistics
{
    background-image: url(../images/stats-icon.png);    
}

ul.nav a.campaigns
{
    background-image: url(../images/main-menu-campaigns.png);   
}

ul.nav a.archive
{
    /*background-image: url(../images/menu-icon-archive.png);*/   
    background-image: url(../images/icon-archive-new.png);   
}

ul.nav a.archive:hover, ul.nav > li.active-menu > a.archive
{
    /*background-image: url(../images/menu-icon-archive.png);*/   
    background-image: url(../images/icon-archive-new-black.png);   
}

ul.nav a.print
{
    background-image: url(../images/menu-printer.png);  
}

ul.nav > li > a.print:hover, ul.nav > li.active-menu > a.print  
{
    background-image: url(../images/menu-printer-black.png);  
}

ul.nav > li > a.home
{
    background-image: url(../images/menu-icon-home.png);   
    background-position: 0px 4px;
}

ul.nav > li > a.home:hover, ul.nav > li.active-menu > a.home
{
    background-image: url(../images/menu-icon-home-black.png);   
}

ul.nav > li > a.orders
{
    background-image: url(../images/main-menu-orders.png);    
    padding-left: 33px;
}


ul.nav > li > a:hover, ul.nav > li.active-menu > a
{
    color: #000;
}

a.logout, a.logout:active, a.logout:visited, a.logout:link
{
    height: 26px;
    line-height: 26px;
    padding : 0px 20px 0px 20px;
    font-size: 12px;
    font-weight: bold;
    color : #FFF;
    float: right;
    background-position: right center;
    background-repeat: no-repeat;  
    background-image: url(../images/menu-icon-logout.png);
}

a.logout:hover
{
    color: #000;
    text-decoration : none;
    background-image: url(../images/menu-icon-logout-black.png);
}

span.loggeduser
{
    height: 26px; line-height: 26px;
    font-size: 12px;
    font-weight: bold;
    color : #FFF;
    float: right;
    display: inline;
    max-width: 105px;
    overflow: hidden;
    text-align: right;
}

.categorycrumbs, .searchdiv
{
    border-bottom: 1px solid #dadbdc;
}

.categorycrumbs
{
    padding: 30px 0px 18px 0px;
}

.searchdiv
{
    padding: 30px 0px 0px 0px;
}

.orderssearch-div
{
    padding: 10px 0px;
}

.subcategories a {
    color: #808080;
}

.subcategories .divider
{
    color : #9c9c9c;
}

.subcategories .active a {
    color: #333333;
    text-decoration: none;
}

.searchdiv.adminsearch 
{
    padding: 10px 0px 10px 0px;
}
.searchdiv.nonadminsearch 
{
    padding: 20px 0px 10px 0px;
}

.searchdiv .productno
{
    width: 115px;
}

.searchdiv .productname
{
    width: 180px;
}

.searchdiv .productnameadmin
{
    width: 160px;
}

.searchdiv .input-medium 
{
    width: 145px;
}

.page-title
{
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #dadbdc;
    background-color: #fbfbfb;
    color:#4B4B4B;
    margin: 20px 0px 5px 0px;
}

.labelhidden,.labelshop,.labelpromo,.labelarchieve,.labeloutlet,.labelonstart
{
    width:auto;
    text-align: left;
    color: #313131;
    font-size: 12px;
    margin-right:20px;
}

.dashboardnews
{
    /*    padding-top: 64px;*/    
    padding-bottom: 40px;
}

.dashboardnews.outletnews 
{
    padding-top: 0px;
}

.dashboardnews .media-grid 
{
    margin-top: 3px;
}

.newproducts span.details
{
    color : #5a5a5a;
    font-size: 10px;
    float: left;
    line-height: 12px;
}


.productsgridcrumbs
{
    height: 32px;
    background-color: #fafbfb;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #cbcccc;
    line-height: 32px;
}

.productsgrid
{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 75px;
    width: 1050px;
}

@media (min-width: 1450px) { 
    .productsgrid 
    {
        width: 1400px;
    }
}


.campaign-productsgrid
{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 1000px;
}


@media (min-width: 1450px) {  
    .campaign-productsgrid 
    { 
        margin-left: 20px;
    }         
}

.campaign-productsgrid .ui-jqgrid-hbox
{
    padding-right: 0px !important;
}
.campaign-productsgrid .ui-th-ltr, .campaign-productsgrid .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr
{
    height: 40px; 
}



.campaign-noproductsmsg
{
    margin:10px;
}

.cartproductsgrid
{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 75px;
    width: 1050px;
    background: #FFF;
    overflow: auto;    
}

@media ( min-width : 1450px )
{
    .cartproductsgrid 
    {
        width: 1400px;
    }
}


.pshoppingcartsgrid
{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 75px;
    width: 1050px;
}


@media (min-width: 1450px) { 
    .pshoppingcartsgrid 
    {
        width: 1400px;
    }
}


button.collect-data-button
{
    margin-right: 15px;
    float:right;
}

.cart-quantity{
    margin-left: 57px;
}

.noproductsmsg
{
    margin-top: 25px;
    margin-bottom: 75px;
}

.paginationfooter 
{
    border-bottom: 1px solid #c0c0c0;
    border-top : 1px solid #c0c0c0;
    height: 49px;  
    margin-bottom: 10px;
    margin-top: 75px;
}

.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }


a.gridpic
{
    /*    width: 30px ;
        height : 30px;*/
    width: 37px ;
    height : 37px;
    /*    background-image: url(../images/grid-pic-frame.png);*/
    background-image: url(../images/grid-pic-frame-big.png);
    background-repeat: no-repeat;
    float: right;
    position: relative;
    margin-right: 2px;
}

a.gridpic img {   
    position: absolute;
    left: 1px;
    top: 1px;
}

span.hiddenproduct
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/hidden.png);
    background-repeat: no-repeat;
    margin-top:5px;
}

a.grid-view-pdf, a.grid-view-pdf:link, a.grid-view-pdf:visited, a.grid-view-pdf:active, a.grid-view-pdf:hover
{
    display: block;
    width : 24px;
    height: 24px;
    /*background-image: url(../images/hidden.png);*/
    background-image: url(../images/icon-page.png);
    background-repeat: no-repeat;
    float: left;
} 

a.grid-view-campaign, a.grid-view-campaign:link, a.grid-view-campaign:visited, a.grid-view-campaign:active, a.grid-view-campaign:hover
{
    display: block;
    width : 24px;
    height: 24px;
    background-image: url(../images/hidden.png);
    background-repeat: no-repeat;
    float: left;
} 

a.editproducticon
{
    float: right;
    width : 23px;
    height: 23px;
    background-image: url(../images/product-edit-icon.png);
    background-repeat: no-repeat;
    margin-top:5px;
}

a.grid-edit-icon
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/product-edit-icon.png);
    background-repeat: no-repeat;   
}

.grid-edit-icon-center{
    margin-left: 15px!important;
}

a.grid-duplicate-icon
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/duplicate-promo-icon.png);
    background-repeat: no-repeat;   
}

a.grid-list-icon
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/show-products-icon.png);
    background-repeat: no-repeat;   
}

a.grid-download-icon
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/icon-xls-download.png);
    background-repeat: no-repeat;   
    background-position: 0px 2px;
}

a.grid-stats-icon 
{
    float: left;
    width : 23px;
    height: 23px;    
    background-image: url(../images/show-excel-icon.png);
    background-repeat: no-repeat;   
}

a.grid-follow-up
{
    float: left;
    width : 23px;
    height: 23px;    
    background-image: url(../images/icon-follow-promo.png);
    background-repeat: no-repeat;   
}

a.grid-download-icon.closed-campaign 
{
    margin-left: 93px;
}


a.editusericon
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/product-edit-icon.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}

span.empty-spot 
{
    float: left;
    width : 23px;
    height: 23px;
}

a.delusericon, a.del-icon
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/remove-icon.png);
    background-repeat: no-repeat;
}

a.load-cart-icon
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/load-cart-icon.png);
    background-repeat: no-repeat;   
    margin-top:5px;
}
a.delete-cart-icon
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/remove-icon.png);
    background-repeat: no-repeat;   
    margin-top:5px;
}


.orders-grid-options 
{
    padding-top : 5px;
}

.campaign-grid-options 
{
    padding-top : 5px;
}

.campaign-grid-options a 
{
    margin-right: 0px;    
}

.campaign-grid-options a.del-icon 
{
    margin-left: 13px;
        
}

a.duplicate-icon
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/duplicate-icon.png);
    background-repeat: no-repeat;
}

a.cancelicon
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/cancel.png);
    background-repeat: no-repeat;
}
a.saveicon
{
    float: left;
    width : 23px;
    height: 23px;
    background-image: url(../images/save.png);
    background-repeat: no-repeat;
}

.grid-order-icons 
{
    padding-top: 5px;
    width: 100px;
}

.grid-order-icons a 
{    
    margin-right: 7px;
}

.editproducttitle
{
    padding-left: 155px;
}

span.ui-state-disabled {display:none !important;}

#products_grid_id
{
    text-align: center;
}

.ui-widget-overlay { background: #262b33; opacity: .70;filter:Alpha(Opacity=70);  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

tr.no-border td{
    border-top:none;
}

span.product-list-quantity{
    margin-left: 42px;
}


/** product details  **/


.productdetails
{
    margin: 5px 0px 20px 0px;
    overflow: auto;
    background: #FFF;
}

.productpictures
{
    width : 377px;
    padding: 9px 0px 6px 8px;
    float: left; 
}

.productdescritpion
{
    float: left;
    width : 650px;
    padding-top: 15px;
}

@media (min-width : 1450px)
{
    .productdescritpion 
    {
    width: 1000px;    
    }    
}

.productdescriptioninline
{
    float: left;
    width : 620px;
    padding-top: 10px;
}


@media (min-width: 1450px) {  
    .productdescriptioninline 
    {
        width : 970px;       
    }    
}

.productdescriptioninline table thead tr th 
{
    border-top: none;
}

td.productlabel
{
    font-weight: bold;
}


.productmainimg
{
    float: left;
    width: 364px;
    height: 363px;
    background-image: url(../images/product-img.png);
    background-repeat: no-repeat;
    text-align: center;
}


.productthumbs
{
    padding-top: 3px;
    overflow: auto;
    width: 375px
}

.productthumbs a
{
    float: left;
    width: 48px;
    height: 48px;
    background-image: url(../images/product-pic-thumb.png);
    background-repeat: no-repeat;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
    text-align: center;
}


th.proddesccolumn1
{
    width : 110px;
}

.productmainimg img
{
    margin: 1px;
}

.productthumbs img
{
    position: absolute;
    left: 1px;
    top: 1px;
}

.productbarcode
{
    margin:20px 0px 10px 0px;
    padding-top:5px;
    float:left;
}
.productpromo
{
    margin:20px 0px 10px 10px;
    float:left;
    width:30px;
    height:30px;
    background-image: url(../images/product-promo.png);
}
.promo-list
{
    margin-top:2px;
    float:left;
    width:30px;
    height:30px;
    background-image: url(../images/product-promo.png);
}
.productaddtocart
{
    float: left;
    width: 17px;
    height: 17px;
    background-image: url(../images/add-to-cart.png);
    background-position: center;
    background-repeat: no-repeat;
    margin: 5px 4px 0px 0px;
}
.qtyincrement
{
    float: left;
    width: 12px;
    height: 12px;
    background-image: url(../images/qty-increment.gif);
    background-position: center;
    background-repeat: no-repeat;
    margin: 8px 5px 0px 20px;
}
.qtydecrement
{
    float: left;
    width: 12px;
    height: 12px;
    background-image: url(../images/qty-decrement.gif);
    background-position: center;
    background-repeat: no-repeat;
    margin: 8px 5px 0px 5px;
}
.qtyproduct{
    float: left;
    width:28px;
    text-align: center;
}

/** edit product **/

.qtytoadd{
    float: left;
    width:25px;
    margin-right:9px;
    margin-top:5px !important;
    text-align: center;
    padding: 3px 0px;
}

.producteditdiv 
{
    background-color: #FFF;
    padding:10px 10px 0px 10px;
    margin-top: 20px;
}

.usersadmin 
{
    padding-top : 10px;
    padding-bottom: 10px;
}

.usereditdiv
{
    background-color: #FFF;
    padding-top: 10px;
    margin-top : 10px;
}

.usersactions
{
    padding-bottom: 5px;
}

#users_grid_id
{
    text-align: center;
}


.productedittable td
{
    padding: 5px 15px 5px 15px;
    vertical-align: middle;
}

.productedittable .productlabel
{
    width : 110px;
}

fieldset .prodlabel
{
    text-align: left;
    font-weight: bold;
    padding-left: 15px;
    width: 140px;
}

.actionsleft

{
    float: left; overflow: auto; width: 325px;
}

.actionsright
{
    float: left; overflow: auto; width: 400px;

}

.producteditdiv .actions
{
    overflow: auto;
    padding-left: 155px;
    background-color: #FFF;
}

.actionsleft label
{
    width : 150px;
    text-align: left;
}

#added_product_message
{
    margin: 20px 0px 20px 0px;
}

/** dashboard **/

.media-grid a
{
    width : 85px;
    height: 85px;
    background-image: url(../images/dashboard-thumb-small.png);
    position : relative;
}

.media-grid a:hover
{
    text-decoration: none;
}

.media-grid a img
{
    width : 80px;
    height: 80px;
    margin-top: 3px;
    margin-left: 2px;
}

.media-grid span.productlabel
{
    width : 105px;
    float: left;
    color : #5a5a5a;
    font-size: 10px;
    line-height: 11px;
    text-decoration: none;
    padding: 5px 0px 0px 2px;

}

a.selectpicturethumb img
{
    position: relative;
    top: 8px; left: 12px;
    border : 1px solid #929292;
}

#add_files .file {width : auto;}

.maincatoption {font-weight: bold;}

.settingsedit
{
    background-color: #FFF;
    padding : 10px;
    margin-top: 10px;
}
.settingstable td
{
    padding : 5px 15px;
    vertical-align: middle;
}
.settinglabel
{
    font-weight: bold;
    width : 150px;
}

.settingsalert {margin-top: 10px;}

.paragraphcontent
{
    width :350px;
    height: 200px;
}
.itemsonpage
{
    width: 50px;
    float: right;
    margin-top: 3px;
    padding: 3px;
}

.backlink, .backlink:link, .backlink:visited, .backlink:active
{
    color: #000;
    padding-right: 40px;
}

.backlink:hover
{
    text-decoration: none;
}
.alert-margin{
    margin:10px;
}

/** shoping cart **/


.addtocart
{
    float: left;
    width: 34px;
    height: 34px;
    background-image: url(../images/add-to-cart.png);
    background-position: center;
    background-repeat: no-repeat;
    margin: 2px 4px 0px 0px;
}

.addtocart.grid-addtocart 
{
    margin: 0px;
    width: 28px;
}

.bookmark, bookmark:active
{
    float: left;
    width: 16px;
    height: 16px;
    background-image: url(../images/bookmark-sprite.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin: 8px 0px 0px 4px;
    outline: none;
}


.bookmark.selected
{
    background-position: -16px 0px;
}



a.addtocartdetail, a.addtocartdetail:visited, a.addtocartdetail:active, a.addtocartdetail:link
{
    width: 22px;
    height: 19px;
    margin: 7px 5px 0px 0px;
    float: right;
    background-image: url(../images/add-to-cart-detail.png);
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
}

#slidingTopWrap {
    position: fixed;
    top: 0;
    /*    right : 193px;*/
    width: 530px;
    z-index: 1001;
    padding: 0;
    -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
    border: #CBCCCC solid;
    border-width: 0px 1px 1px;
    background-color:#DADFE3;
}

#slidingTopContent {
    overflow: hidden;
    margin: 0;
    padding: 0;

}

#slidingTopFooter {    
    /*    width: 250px;*/
    height: 40px;
    margin: -10px 0 0 0;
    font-size: 12px;
    color: #666666;
}

#slidingTopFooter A:link {
    text-decoration: none;
    color: #666666;
}

#slidingTopFooter A:visited {
    text-decoration: none;
    color: #666666;
}

#slidingTopFooter A:hover {
    text-decoration: underline;
    color: #666666;
}

#slidingTopFooter A:active {
    text-decoration: underline;
    color: #666666;
}


#slidingTopFooterLeft {
    float: left;
    margin: 15px 0 0 20px;
}

#slidingTopFooterRight {
    float: right;
    margin: 15px 26px 0 0;
}

#wrdInfoWrap {
    background-color: #FFFF99;
    height: 80px;
}

#wrdInfoWrapLeft {
    float: left;
    width: 300px;
    padding: 10px;
}

#wrdInfoWrapRight {
    float: right;
}

#wrdInfoWrapRight A:link, #wrdInfoWrapRight A:visited, #wrdInfoWrapRight A:active {
    color: #333333;
    text-decoration: underline;
}

#wrdInfoWrapRight A:hover {
    color: #669900;
}

#wrdTutorialInfo {
    margin: 25px 10px 0 0;
    background-color: #FFFFFF;
    padding: 5px;
}

#headerWrap {
    width: 100%;
    height: 30px;
    background-color: #666666;
    border: 1px #999999 solid;
}

#contentWrapLeft {
    float: left;
    width: 650px;
}


#contentWrapRight {
    float: right;
    width: 250px;
}

.productWrap {
    float:left;
    width: 170px;
    margin: 5px;
    padding:10px;
    text-align:center;
    color:#7a7a7a;
    border: 1px #EBEBEB solid;
}

.productPriceWrap {
    background-color: #CCCCCC;
    padding: 5px;
    color: #000000;
    font-weight: bold;
}

.productPriceWrap img {
    border: 0;
}

#basketWrap {
    margin: 10px;    
    padding-bottom: 5px;
}

#basketTitleWrap {
    background-color: #fff;
    padding: 5px;

    font-weight: bold;
    height: 20px;
}

#basketItemsWrap
{
    max-height: 350px;
    overflow-y: auto;
}

#basketItemsWrap img {
    border: 0;
}

#basketItemsWrap ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

#basketItemsWrap li {
    background-color: #ffffff;
    margin-top: 1px;
    font-size: 11px;
    padding: 2px;
    overflow: auto;
}

.basketItemLeft {
    float: left;
}

.basketItemRight {
    float: right;
}


a.remove-from-cart-icon
{
    float: left;
    width : 16px;
    height: 16px;
    background-image: url(../images/remove-icon.png);
    background-repeat: no-repeat;
    background-position: -3px -3px;
    margin: 0px 5px 0px 0px;
}
a.remove-all-from-cart-icon
{
    height: 16px;
    background-image: url(../images/remove-icon.png);
    background-repeat: no-repeat;
    background-position: -5px -4px;
    margin: 0px 0px 0px 7px;
    float: none !important;
    padding-right: 0px !important;
    color: #000 !important;
    font-size: 13px;

}

a.remove-all-from-cart-icon:hover
{
    text-decoration: none;
}


a.remove-all-from-cart-icon span
{
    margin-left: 16px;
}

.cart-loading
{
    width: 20px;
    height: 20px;
    margin-left:10px;
}
.cart-loading .img
{
    
}

.underscrolled
{
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    opacity:.96;filter:alpha(opacity=96);
}

a.removefromcart
{
    float: left;
    width : 28px;
    height: 28px;
    background-image: url(../images/remove-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 3px 0px 0px 2px;
}

.js-toggle-cart:link, .js-toggle-cart:visited, .js-toggle-cart:active
{
    outline: none;
}
.js-cart-noitems { color : #000; text-align: center;}

/** end shopping cart **/


/*
 * jQuery UI Datepicker 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker { width: 17em; padding: 0; display: none; border-color: #DDDDDD; z-index: 2000; }
.ui-datepicker {
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    background-color: #FFF;
}
.ui-datepicker-inline { display: block ;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.35em 0; border: none; border-bottom: 1px solid #B6B6B6; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 6px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border: 1px none; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span { background-position: 0px -32px !important; }
.ui-datepicker .ui-datepicker-next span { background-position: -16px -32px !important; }
.ui-datepicker .ui-datepicker-prev-hover span { background-position: 0px -48px !important; }
.ui-datepicker .ui-datepicker-next-hover span { background-position: -16px -48px !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; background: url(images/icon_sprite.png) no-repeat; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,0.6); }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; color: #707070; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-state-default { background: transparent; border-color: #FFF; }
.ui-datepicker .ui-state-active { background: #5F83B9; border-color: #5F83B9; color: #FFF; font-weight: bold; text-shadow: 0 1px 1px #234386; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


.ui-widget-header { border: 1px solid #B6B6B6; color: #4F4F4F; font-weight: bold; }
.ui-widget-header {
    background: url(images/bg_fallback.png) 0 0 repeat-x;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(1, rgb(218,223,227)),
        color-stop(0, rgb(196,196,196))
        );
    background: -moz-linear-gradient(
        center top,
        rgb(218,223,227),
        rgb(196,196,196)
        );
}
.ui-widget-header a { color: #4F4F4F; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


.statsadmin
{
    padding: 10px 0px;
}

.statsfilters
{
    padding: 10px 0px;
    border-bottom: 1px solid #DADBDC;
}

.no-session-col
{
    padding-right: 10px !important;
}

.datefilter
{
    padding: 0px 10px;
}

.statsfilters label {float: none;}
img.ui-datepicker-trigger
{
    position: relative;
    top:3px;
}

.ui-state-disabled
{
    opacity: .35; filter:Alpha(Opacity=35);
}

.cartoptions
{
    text-align: right;
    padding: 5px 0px;
}

.cartoptions a, .cartoptions a:link, .cartoptions a:active, .cartoptions a:visited
{
    color: #000;
    float: left;
    padding-right: 10px;  
}

.clear-search-span
{
    display: block;
    margin-left: 140px;
    height: 12px;
}

a.clear-search,a.clear-search:link,a.clear-search:active,a.clear-search:visited
{
    color: #808080;
    font-size: 10px;
}

a.clear-search:hover
{
    color: #4B4B4B;
    text-decoration: none;
}

form.regular-search
{
    margin-bottom: 6px;
}

.cart-item-name
{
    float:left;
    width: 280px;
    margin-left:5px;
}

.cart-item-price{
    float:left;
    width:70px;
    text-align:center;
}
.cart-item-quantity{
    float:left;
    text-align: left;
    width:54px;

}
.cart-item-quantity .qtyincrement{
    margin: 4px 0px 0px 0px;
}
.cart-item-quantity .qty-product{
    float:left;
    padding: 1px 3px;
    min-width: 15px;
    text-align: center;
}
.cart-item-quantity .qtydecrement{
    margin: 4px 0px 0px 0px;
}


.cart-list-item{
    float:left;
    padding-top:5px;
}
.cart-list-item .qtyincrement{
    margin: 8px 4px 0px 8px;

}
.cart-list-item .qty-product{
    float:left;
    margin:0px;
}
.cart-list-item .qtydecrement{
    margin: 8px 8px 0px 4px;
}

.cart-item-total{
    float:left;
/*    width: 73px;*/
    width: 60px;
    text-align: right;
}

.cart-total-div{
    text-align: right;
    padding-right:2px;
    font-weight: bold;
    margin: 10px 0px 20px;
}


.cart-header-col1{
    float:left;
    line-height: 22px;
}
.cart-header-col2{
    float:right;
    font-size: 11px;
    text-align: center;
    margin-top:7px;
    color:#808080;
}
.cart-header-col3{
    float:right;
    width:62px;
    padding-right:10px;
    font-size: 11px;
    text-align: right;
    margin-top:7px;
    color:#808080;
}

.cartoptions span{
    color:#808080;
    font-size:13px;
    font-weight: bold;
}
.cart-total{
    float:right;
/*    margin-right:5px;*/
    margin-right:17px;
}
.cart-total-label{
    float:right;
    margin-right:14px;
}

.archive-red 
{
    color: #ff3f47;
}

.shop-section label
{
    text-align: left;
    padding-top: 0px;
}

.white-content{
    background-color: #FFF;
/*    padding:10px 10px 0px 10px;*/
}

.cart-summary-total{
    margin-right: 2px;
}

.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

     
    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    
    

   /* IE8+ - must be on one line, unfortunately */ 
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=3.061515884555943e-16, M12=1, M21=-1, M22=3.061515884555943e-16, SizingMethod='auto expand')";
   
   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=3.061515884555943e-16,
            M12=1,
            M21=-1,
            M22=3.061515884555943e-16,
            SizingMethod='auto expand');
   
/*    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}

.campaign-overview-prods
{
/*    width: 44px;*/
    width: 100%;
    border-left: none;
    border-right: none;
}

.campaign-overview-prods .nowidth{
    border-left: none;
    border-right: none;
}

.campaign-overview-prods .input-tiny 
{
    width: 24px;
    padding: 3px 1px;
}


.campaign-overview-prods th 
{     
    width: 31px;    
    padding: 0px;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
}

.campaign-overview-prods th.nowidth{
    width:auto !important;
}

.campaign-overview-prods th div 
{
    width: 31px;     
    height: 250px;    
    position: relative;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
}

.overview-header .campaign-overview-prods th div  
{
    cursor: pointer;
    /*height: 350px;  XXX*/
    height: 275px;
}

.campaign-overview-section .overview-header .campaign-overview-prods th div  
{
    height: 276px;
}

.campaign-overview-section .overview-header .campaign-overview-prods tr.supplyer-row th div  
{
    height: 173px;
}

.campaign-overview-prods th span
{
    font-size: 10px;
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;

    position: absolute;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);    
    top : 245px;  
    left: 8px;           
    width:250px;
    overflow: hidden;
}

.overview-header .campaign-overview-prods th span 
{
/*    width: 350px;  
    top: 345px; XXX*/
    width: 275px;  
    top: 270px;
}

.campaign-overview-section .overview-header .campaign-overview-prods th span 
{
    width: 275px;  
    top: 270px;
}

.campaign-overview-section .overview-header .campaign-overview-prods tr.supplyer-row th span  
{
    width: 175px;  
    top: 165px;
}



.campaign-overview-prods th  b.prod-language{
    padding-right:0px;
}

.overview-header .campaign-overview-prods th  b.prod-language 
{
    padding-right: 0px;
}

.campaign-overview-prods th b.prod-number{
    padding-right:0px;
}

.overview-header .campaign-overview-prods th b.prod-number{
  padding-right:0px;
}

.campaign-overview-prods th b.prod-name{
}
.campaign-overview-prods td{
    border:1px solid #E7E7E7;
    text-align: center;
}

.campaign-overview-prods td span 
{
    width: 29px; 
    overflow: hidden;
    display:block;
}

.overview-header table
{
    margin: 0px;  
}

.overview-container.under-scrolled  .overview-header
{
    position: fixed; 
    top: 0px; 
    width: 1050px; 
    margin: 0px auto;  
    background-color: #FFFFFF !important;
    /*height: 370px;*/
    height: 295px;
    z-index: 100;
    
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

@media (min-width: 1450px)  
{
    .overview-container.under-scrolled  .overview-header 
    {
        width: 1400px; 
    }
}


.campaign-overview-section.overview-container.under-scrolled .overview-header 
{
    height: 470px;
}

.overview-container.under-scrolled  .overview-body 
{
    /*padding-top: 375px; XXX*/
    padding-top: 275px;
}


.campaign-overview-section.overview-container.under-scrolled  .overview-body 
{
    padding-top: 475px;
}

.overview-body table
{
    margin: 0px;  
}


tr.tr-footer td{
    font-weight: bold;
}

.campaign-shops {
    table-layout: fixed;
}

.campaign-shops th{
  overflow: hidden;
}

.campaign-shops th
{
   padding: 230px 0px 0px 0px;  
   height: 20px;
}

.overview-header .campaign-shops th 
{
    /*padding: 330px 0px 0px 0px; XXX*/
    padding: 255px 0px 0px 0px;
}


.campaign-overview-section .overview-header .campaign-shops th 
{
    padding: 430px 0px 0px 0px;
}

.campaign-shops-totals th  
{
   /*padding: 230px 0px 0px 20px;*/  
   padding: 230px 0px 0px 0px;  
   height: 20px;
}

.overview-header .campaign-shops-totals th  
{
    /*padding: 330px 0px 0px 0px;  XXX*/
    padding: 255px 0px 0px 0px;  
}

.campaign-overview-section .overview-header .campaign-shops-totals th   
{
    padding: 430px 0px 0px 0px;  
}

.campaign-shops td, .campaign-overview-prods td
{
   padding: 8px 0px 8px 2px;  
   height: 39px;
   vertical-align: middle;
   line-height:23px;
   border:1px solid #E7E7E7;
}
.campaign-shops td 
{
    white-space: pre; 
    overflow: hidden;
}

.campaign-shops span.col-size
{
    display : block;    
    width: 68px;
    overflow: hidden; 
}

.campaign-shops span.col-number
{
    display : block;    
    width: 68px;
    overflow: hidden; 
}

.campaign-shops span.col-name
{
    display : block;    
    width: 78px;
    overflow: hidden;
}



.campaign-shops-totals th  
{
    text-align: center;
}




.campaign-shops-totals td  
{
   padding: 8px 5px 8px 0px;  
   height: 39px;
   vertical-align: middle;
   line-height:23px;
   border:1px solid #E7E7E7;
   text-align: right;
}

.campaign-overview-section .campaign-shops-totals td > span 
{
    display: block; 
    text-align: right;  
    width : 65px;  
    overflow: visible;
}

.campaign-shops-totals .col-budget 
{
    display: block;
    width: 70px; 
    overflow: hidden;
}

.campaign-shops-totals .hasCss
{
   height:20px;
   width:85px;
   overflow:hidden;
}

.campaign-shops-totals .col-total
{
    width: 75px;
}

.campaign-shops-totals .col-diff 
{
    width: 70px;
}

.campaign-overview-left-col
{
    width: 320px;
}


.campaign-products{
    width:515px;
    overflow-x: auto;
}

@media (min-width: 1450px) 
{
    .campaign-products{ 
        width: 865px;
    }
}

.campaign-products-total{
    width:210px;
}


.campaign-user-products{
    width:590px;
    overflow-x: auto;
}

@media (min-width: 1450px) 
{
    .campaign-user-products{ 
        width: 940px;
    }
}


.campaign-user-products-total{
    width:240px;
}

tr.highlight{
    background-color: #f9f9f9;
}



.shoppingcenters-budgets thead th{
    border-top:none;
}
.shoppingcenters-budgets .total{
    text-align: right;
    font-weight: bold;
}

.shoppingcenters-budgets-header{
    margin-top:30px;
    margin-bottom: 0px;
}


span.overbudget  
{
    color: #FF0000;
}

.text-align-center{
    text-align: center;
}

.text-align-right{
    text-align: right;
}

span.user-order 
{
    background: url(../images/user-order.png) center left no-repeat;  
    margin-left:3px;
    margin-top:7px;
    /*display:block;*/
    padding: 2px 0px 0px 25px;
    /*height:22px;*/
 }

span.project-order 
{
    background: url(../images/project-order.png) center left no-repeat;  
    /*background: url(../images/icon-calendar.png) center left no-repeat;*/  
    margin-left: 3px;
    padding: 6px 0px 0px 25px;
}

span.promo-order 
{
    background: url(../images/icon-calendar.png) center left no-repeat;  
    margin-left: 3px;
    padding: 6px 15px;
}

.actions-left{
    padding-left:20px !important;
}

table.js-items th{
    height:34px;
    padding-bottom:0;
    padding-left:2px;
    padding-right:2px;
    padding-top:30px;
    color:#434343;
    font-weight: normal;
    border-bottom: 3px solid #E7E7E7;
}
table.js-items td{
    height: 34px;
    border: 1px solid #E7E7E7;
    vertical-align: middle;
}
.vizualizer_form_errors{
    margin: 0px 15px;
}

.campaignsgrid, .ordersgrid{
    padding-top:5px;
}

div.alert-no-products{
    margin:15px 15px 0px 15px;
}

.select-product-campaign 
{
    padding-bottom: 5px; overflow: auto;
}

.select-product-campaign label 
{
    margin-top : 3px;
    width: 75px;
}

.top-space{
    margin-top: 30px;
}



.badge {
    border-radius: 9px 9px 9px 9px;
    padding-left: 9px;
    padding-right: 9px;
}
.label, .badge {
    background-color: #999999;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
    height:7px;
}

.label-success, .badge-success {
    background-color: #468847;
}

.label-important, .badge-important {
    background-color: #B94A48;
}
.input-tiny{
    width:30px;
}

.js-sortable{
    cursor:pointer;
}
.js-sortable span {
    white-space: nowrap;
}
.js-sortable span span {
    position: absolute;
    display: inline;
}

.collect-data{
    margin-top:20px;
    padding:20px 10px 20px 10px;
}
.collect-data-actions{
    padding:0px 14px;
}

.campaign-status{
    float: right;
    margin-right:40px;
    padding-top: 2px;
}
.campaign-status input{
    margin-left:10px;
    position: relative;
    top: 1px;
}

.overview-user-info{
    position: absolute;
    left:5px;
    top:40px;
    width: 210px;
    font-weight: bold;
    color: #313131;
    line-height: 18px;
}

/*
.admin-type ul.nav a, .admin-type ul.nav a:active, .admin-type ul.nav a:visited, .admin-type ul.nav a:link {
    padding-right:10px;
}

.visualiser-type ul.nav a, .admin-type ul.nav a:active, .admin-type ul.nav a:visited, .admin-type ul.nav a:link {
    padding-right:12px;
}**/

span.shop{
    padding: 5px 10px 0px 0px;
}

.cartpdfbuttondiv{
    padding-right: 10px;
    text-align: right;
}

.admin-col-header{
    margin-left:15px;
}


input.btn.cancel-search 
{
    padding: 4px 8px 5px 8px;
}


div.print{
    margin-top:10px;
    padding-top:20px;
    overflow: auto;
}

div.print form, div.print form fieldset{
    margin-bottom: 0px;
}

div.print ul{
    list-style: none;
}

div.print-right{
    text-align: right;
    margin-right:20px;
}
div.print-right select{
    margin-left:5px;
    width:150px;
}

.alert-message.with-padding{
    margin: 10px 10px 20px 10px;
}

.row.dashboard-content 
{
    position : relative;  
    margin-top : 30px;
    margin-left: 0px;  
    background-image: url(../images/dashboard-bg.png);
    background-repeat: repeat-y; 
}

.dashboard-content .dashboard-left-column 
{
    position: absolute;  
    left: 0px; 
    top: 0px;  
    width: 180px;      
}

.dashboard-content .dashboard-middle-column
{
    position: absolute;  
    left: 180px; 
    top: 0px;  
    width: 360px;
    padding : 0px 35px; 
}

.dashboard-content .dashboard-right-column 
{
    margin-left: 610px;
    padding-left: 35px;  
    /*width: 405px;*/
}

.dashboardnews .media-grid a 
{
    margin: 3px 0px 38px 21px;
}

.dashboard-right-column table td, .dashboard-right-column table th 
{    
    padding: 4px 0px;  
    color: #666;
}

.dashboard-right-column table td
{   
    border-top : 1px solid #dfe0e0;
}


.dashboard-right-column table tr:hover td 
{
    background: #C8EEFE;
}

.dashboard-right-column table th 
{  
    border-bottom: 1px solid #c9c9c9;
}

p.development-news
{
   color: #666;
   font-size: 12px;
}


ul.inhouse-menu .dropdown-menu 
{
    top: 26px;
    background-color: #DADFE3;
    border-color: #CBCCCC;
}

ul.inhouse-menu .dropdown-menu > li > a 
{
    background-repeat: no-repeat;
    padding-left: 25px; 
    background-position: 3px 5px;
}

ul.inhouse-menu .dropdown-menu > li > a:hover
{
    background-color: #C8EEFE;
}

.create-order-loading{
    padding-top:7px;
}

.create-order-button{
    margin-left: 10px;
    margin-right: 10px;
}
.save-cart-button{
    margin-left: 10px;
}

a.toggle{
    display:block;
    width:20px;
    height:20px;
    background: url('../images/chosen-sprite.png') no-repeat 0px -22px;
}

a.toggle.open{
    background: url('../images/chosen-sprite.png') no-repeat 0px -3px;
}

div.shoppingcart-inline-details{
    float:left;
    width:350px;
}
div.shoppingcart-inline-details table td{
    border: none !important;
}
div.shoppingcart-inline-products{
    float:right;
    width:600px;
    margin-right:25px;
}

@media ( min-width : 1450px )
{
    div.shoppingcart-inline-products { width: 950px; }
}


div.shoppingcart-inline-products table th{
    border-top: none !important;
}
.bold{
    font-weight: bold !important;
}
.pointer{
    cursor: pointer;
}


span.favourites{
    background-image: url(../images/bookmark-sprite.png);
    background-position: -16px 0px;
    background-repeat: no-repeat;
    padding-left:18px;
}

span.favourites-small{
    background-image: url(../images/bookmark-sprite-small.png);
    background-position: -12px 0px;
    background-repeat: no-repeat;
    padding-left: 14px;
    position: relative; 
    top: 1px;
}

div.actions-top{
    padding: 15px 0px 0px 20px;
}

.categories-row{
    overflow: auto;
    padding: 10px 0px 10px 25px;
}
.category-box{
    float:left;
    width:250px;
}

@media (min-width : 1450px )
{
   .category-box{
     width: 325px; 
    }
}



.category-box ul{
    margin-left:18px;
}
.help-top-section
{
    border-bottom: 1px solid #dadbdc;
}

a.moview-clip 
{    
    width: 330px;
    float: left; 
    height: 220px;     
    margin-right: 30px;
}


.larger-movies a.moview-clip 
{
    width: 500px;    
    height: 280px;    
    margin-right: 50px;
}


@media (min-width: 1450px) 
{
    a.moview-clip  
    {
        margin-right: 205px;
    }
    
    .larger-movies a.moview-clip  
    {
        margin-right: 225px;
    }
}

a.moview-clip .body 
{
    display: block; 
    height: 187px;    
}

.larger-movies a.moview-clip
{
    height: 313px;
}

.larger-movies a.moview-clip .body 
{
   height: 280px;       
}

a.moview-clip .title 
{
   display: block;    
   line-height: 33px;    
   margin : 0px;
}

a.moview-clip:hover, a.moview-clip:hover .title
{
    text-decoration: none;
}

.row .moview-clip.last
{
    margin-right: 0px;
}

.help-top-section 
{
    padding-bottom: 20px;
}

.help-bottom-section 
{
    padding-bottom: 50px;
}

.movies .row 
{
    padding: 37px 0px 20px; 
    margin-left: 0px;
}



/* flexible width for the fancybox wrapper */
.fancybox-wrap {
  width: 80% !important;
}
 
ul.boxes {
  color: #777;
  list-style: none;
  font-size: 18px;
  width: 7em;
}
ul.boxes li {
  cursor: pointer;
  background: url(//media.blacktrash.org/fp/img/fp5arrow.png) 0 2px no-repeat;
  padding-left: 24px;
  margin: 0.5ex 0;
}
ul.boxes li:hover {
  color: #111;
}


.product-desc-tooltip img 
{
     float: left;  
}

.product-desc-tooltip > div 
{
    margin-left: 80px !important; 
    padding-bottom: 10px;
}

#tooltip div.product-desc-tooltip > div
{
    line-height: 14px; 
    font-size: 10px;
}

#tooltip div.product-desc-tooltip > div span.prod-tooltip-title
{
    font-size: 12px;
    display: block;
    padding-bottom: 2px;
}
#campaigns_grid td.subgrid-data{
    padding-right:10px !important;
}

.promo-selection-content hr 
{
    border-bottom: 1px solid #e7e7e7;
    margin: 4px 0px 10px;
}

tr.highlight-row-sep-line-bottom th
{
    border-bottom: 2px solid #c0c0c0;
}

 tr.highlight-row-sep-line-top td 
 {
      border-top: 2px solid #c0c0c0;
 }
 
 a.dash-heading-link:hover 
 {
     text-decoration: none;
 }
  
.vertical-top{
    vertical-align: top !important;
}
.vertical-middle{
    vertical-align: middle !important;
}
.vertical-bottom{
    vertical-align: bottom !important;
}

div.promotions-stats{
    padding: 0px;
    margin: 0px;
    overflow-x: scroll;
    width: 100%;
}
.cell-bg-blue{
    background-color: #D7DFEA;
}
.cell-bg-red{
    background-color: #EADDD7;
}
.cell-bg-green{
    background-color: #DFEAD9;
}

.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}

.highlight-red{
    color: #B94A48;
}

.ui-progressbar {
	height: 1em;
	text-align: left;
	overflow: hidden;
        border: 1px solid #939EA4;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	/*background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");*/
	/*background-color: #E7E7E7;//#CEE4FC;*/
	height: 100%;
/*	filter: alpha(opacity=25);  support: IE8 
	opacity: 0.25;*/
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-progressbar .ui-widget-header {
    background: none;
    background-color: #CEE4FC;
}
.campaign-details-table td{
    border-top: none;
}




@media (max-height: 600px)  
{
    .campaign-overview-section.overview-container .overview-header 
    {
        height: 275px;
    }
    .campaign-overview-section.overview-container.under-scrolled .overview-header 
    {
        height: 295px;
    }
    .campaign-overview-section.overview-container.under-scrolled  .overview-body 
    {
        padding-top: 375px;
    }
    .campaign-overview-section .overview-header .campaign-shops th{
        padding-top: 256px;
    }
    .campaign-overview-section .overview-header .campaign-shops-totals th{
        padding-top: 256px;
    }
    .campaign-overview-section .overview-header .supplyer-row{
        display: none;
    }
}

fieldset.user-emails legend{
    margin-left:50px;
    padding-left:0px;
}

fieldset.user-emails div.input{
    margin-left:50px;
}

table.promo-stats-results tr.campaign-names td{
    border-top:none;
    text-align:center;
}

table.promo-stats-results tr.thead td{
    font-weight: bold;
    vertical-align: middle;
}


.modal-notifications{
        /* new custom width */
    width: 660px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -330px;
    /*height: 450px;*/
}

div.notifications{
    max-height: 400px;
    overflow: auto;
}


ul.notifications-list{
    margin:0px;
    padding:0px;
    list-style-type: none;
}

ul.notifications-list li{
    padding-left:30px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    background-position: top 3px left;
    line-height: 20px;
}

ul.notifications-list li.notification-type-1{
    background-image: url(../images/icon-start-campaign.png);
}

ul.notifications-list li.notification-type-2{
    background-image: url(../images/icon-end-campaign.png);
}

ul.notifications-list li.notification-type-3{
    background-image: url(../images/icon-change-password.png);
}

ul.notifications-list li.hide-details span{
    display:none;
}