html {
	overflow:hidden;
	padding:0px;
	margin:0px;
}

body {
	overflow:hidden;
	padding:0px;
	margin:0px;
	background-color: #94AFBF;
}

#topdiv {
	background: #fff url(../images/shadow_white.gif) top left repeat-x;
	padding:0px 0px 3px 10px;
	font-size:11px;
	height:26px;
	border-top:1px solid #444;
}
#topdiv.hasActiveCopyUser {
    background-image: linear-gradient(left, #555555 0%,#a94442 20%,#a94442 100%);
    background-image: -webkit-gradient(
                linear,
                left top,
                left bottom,
                color-stop(0, #222),
                color-stop(0.15, #a94442),
                color-stop(1, #a94442)
            );
}

#user {
    padding:    0 0 2px 10px;
    margin-right:10px;
    margin-top: 8px;
    min-width:  400px;
    position:   absolute;
    text-align: right;
	right: 0px;
}
    form#supplier_switcher,
    form#master_switcher {
        display:        inline;
    }
    #user #clientselect_tbAC {
        font-size:      9px;
        width:          180px;
        float:          none;
        display:        inline;
        margin-right:   5px;
    }

	#user .useraccount {
        color:          #888;
        font-weight:    bold;
        font-size:      12px;
        line-height:    21px;
    }

    #supplier_switcher,
    #master_switcher {
        display:        inline;
    }
    #user .small_form select {
        float: none;
        margin-right: 5px;
    }

#messageline {
	color:#444;
	font-size:12px;
	font-weight:bold;
}

#messageline .warning {
	color:#C71E25;
}

#tabmaincontainer {
	background:#fff;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica,sans-serif;
	color:#000;
	padding:4px 6px 0px 224px;
	height:24px;
	border-bottom:1px solid #444;
}

#tabmain {
	float:left;
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica,sans-serif;
	white-space:nowrap;
	height:100%;
	overflow:hidden;
	position:relative;
	top:3px;
}

#tabmainreal {
	cursor:pointer;
	height:24px;
	display:inline;
	background-color:#94AFBF;
	border:0;
}

#tabmain td {
	height:24px;
	line-height:24px;
	white-space:nowrap;
}

#tabmain td.one {
	padding-left:8px;
	padding-right:4px;
	width:18px!important;
	background:#94AFBF url(../images/tab_main2_inactive.gif) top left no-repeat;
}

#tabmain td.two {
	padding-left:0;
	padding-right:10px;
	background:#94AFBF url(../images/tab_main2_inactive.gif) top right no-repeat;
}

#tabmain td.one.active {
	background:#94AFBF url(../images/tab_main2_active.gif) top left no-repeat;
}

#tabmain td.two.active {
	padding-right:18px;
	background:#94AFBF url(../images/tab_main2_active.gif) top right no-repeat;
	font-weight:bold;
	color:white;
}

#tabmain div.spacer {
	display:block;
	height:21px;
	background:white;
	border-bottom:1px solid black;
}

#tabmainrealdiv {
	float:left;
	display:block;
	overflow-x:scroll;
	overflow-y:hidden;
}

#tabmainleft, #tabmainright {
	float:left;
	display:block;
	width:10px;
	height:20px;
	/*opacity:.25;
	filter:alpha(opacity=25);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	-moz-opacity:0.25;*/
}

#tabmainleft:hover, #tabmainright:hover {
	/*opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity:1;*/
}

#tabmainleft {
	margin-right:2px;
	border:1px solid black;
	border-right:0;
	border-bottom:0;
	width:13px;
	background:rgb(148, 175, 192) url('../images/tableft.png') 0 0 no-repeat!important;
}

#tabmainright {
	margin-left:2px;
	border:1px solid black;
	border-left:0;
	border-bottom:0;
	width:13px;
	background:rgb(148, 175, 192) url('../images/tabright.png') 0 0 no-repeat!important;
}

#mainContentTable {
	background: url(../images/shadow_trans.png) top left repeat-x;
    padding-top: 5px;
}
#app {
	padding:5px 10px 0px 3px;
	vertical-align: top;
}
#app.noSidebar {
	padding-left:8px;
    position:relative;
}

#sidebar {
	padding:5px 8px 0px 8px;
}

#sidebar .infobox {
	border:1px solid #444;
	margin-bottom:6px;
	background-color:#fff;
	padding:26px 0px 7px 8px;
}

#sidebar .infobox_body {
	background:#fff url(../images/shadow_white.gif) top left repeat-x;
	padding:6px 8px 5px 8px;
	border: 2px solid #4D7192;
	border-top:0px;
}

#sidebar .toolbox_content {
	padding-top:4px;
	border-top:1px solid #444;
	background:#FFFFFF url(../images/shadow_white.gif) repeat-x scroll left top;
	min-height: 169px;
}

#sidebar .toolboxInner {
	padding: 5px;
}

#sidebar #toolbox {
	min-height: 235px;
}

#sidebar a.submenu {
	display:block;
	text-decoration:none;
	padding:3px 0px;
	padding-left:20px;
	color:#000;
}

#sidebar a:hover {
	text-decoration:underline;
}

#sidebar a.submenu_active {
	display:block;
	text-decoration:none;
	padding:3px 0px;
	padding-left:20px;
	background: #fff url(../images/menu_arrow.gif) 0px 5px no-repeat;
}

div.win {
	border:1px solid #444;
	margin-bottom:10px;
	padding:23px 2px 0px 2px;
	background:#fff url(../images/win_back_fade.gif) top left repeat-x;
	
}

div.win_body {
	background:#fff;
	padding:0px;
	border: 2px solid #4D7192;
	border-top:0px;
}

div.redwin {
	border:1px solid #444;
	margin-bottom:10px;
}

.redwin div.win_head {
	background:#fff url(../images/window_red.gif) top left;
	padding:5px;
	padding-left:7px;
}

.redwin div.win_body {
	background:#fff;
	padding:0px;
	border: 2px solid #C95A60;
	border-top:0px;
}

#functions.active {
	border-top:1px solid #999;
	margin-top:5px;
	padding:3px 0px 0px 0px;
}

#functions.active a {
	display:block;
	text-decoration:none;
	padding:3px 0px 4px 0px;
	padding-left:20px;
	background: #fff url(../images/spacer.gif) 0px 2px no-repeat;
}
#functions a:hover {text-decoration:underline;}

#artlistnav {font-size:11px;font-weight:bold;color:#000;padding:10px 10px 4px 7px;background:#fff url(../images/shadow_white.gif) top left repeat-x;}
#artlistnav a {	color:#000;	text-decoration:none;}
#artlistnav a:hover {text-decoration:underline;}

.windowtab, .subwindowtab {
	font-size:10px;
	font-weight:normal;
	font-family:Arial, Helvetica,sans-serif;
	color:#000;
	padding:8px 0 0 0;
	border:0;
	height:22px;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
	z-index:1;
	top:1px;
	width:100%!important;
}

#wintabreal, #subwintabreal {
	display:inline;
	border:0;
}

#wintab .one,
#wintab .two,
#prdatenbox .subtabpanel .one,
#prdatenbox .subtabpanel .two,
#subwintab .one,
#subwintab .two {
	padding-left:5px;
	padding-right:5px;
	height:24px;
	white-space:nowrap;
}

#wintab .one,
#prdatenbox .subtabpanel .one,
#subwintab .one {
	padding:1px;
	width:1px!important;
	background:transparent url(../images/wintab_inactive.gif) top left no-repeat;
}


#wintab .two,
#prdatenbox .subtabpanel .two,
#subwintab .two {
	padding-right:7px;
	padding-left:3px;
	text-decoration:none;
	background:transparent url(../images/wintab_inactive.gif) top right no-repeat;
}

#wintab .two a,
#prdatenbox .subtabpanel .two a,
#subwintab .two a {
	text-decoration:none;
	color:black;
}

#wintab .one.active,
#prdatenbox .subtabpanel .one.active,
#subwintab .one.active {
	background:transparent url(../images/wintab_active.gif) top left no-repeat;
}

#wintab .two.active,
#prdatenbox .subtabpanel .two.active,
#subwintab .two.active {
	padding-left:4px;
	padding-right:13px;
	font-size:11px;
	background:transparent url(../images/wintab_active.gif) top right no-repeat;
	font-weight:bold;
	color:white;
}

#wintabrealdiv, #subwintabrealdiv {
	float:left;
	display:block;
	overflow-x:scroll;
	overflow-y:hidden;
}

#wintableft, #wintabright, #subwintableft, #subwintabright, #translatetableft, #translatetabright {
	float:left;
	display:none;
	width:13px;
	height:20px;
	/*opacity:.25;
	filter:alpha(opacity=25);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	-moz-opacity:0.25;*/
}

#wintableft:hover, #wintabright:hover, #subwintableft:hover, #subwintabright:hover, #translatetableft:hover, #translatetabright:hover {
	/*opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity:1;*/
}

#wintableft, #subwintableft, #translatetableft {
	margin-right:2px;
	background:transparent url('../images/tableft_sub.png') 0 0 no-repeat!important;
}

#wintabright, #subwintabright, #translatetabright {
	margin-left:2px;
	background:transparent url('../images/tabright_sub.png') 0 0 no-repeat!important;
}

.shadow_white {
   	background:#FFFFFF url(../images/shadow_white.gif) top left repeat-x;
}

.windowpanel_back {
    padding:5px 0px 0px 0px;
    background:#F0EEE4 url(../images/shadow_brown.gif) top left repeat-x;
}

.panel {
    background:#F0EEE4;
}

.windowpanel {background-color:#F0EEE4;padding:5px 0px 0px 0px;}
.windowpanel .panel {padding:5px 7px;}

.win_body > .windowpanel:first-child {
   	background:#F0EEE4 url(../images/shadow_brown.gif) top left repeat-x;
}

.subtabpanel {font-size:11px;font-weight:normal;color:#000;padding:0px 0px 0px 0px;background:#fff url(../images/shadow_white.gif) top left repeat-x;}

.scrollbox{
	overflow-y:scroll;
	overflow-x:hidden;
	background: #6F6E68 url(../images/scroll_back.png) bottom left no-repeat;
}

.scrollpanel {
	border:1px solid #8F8D86;
	padding:8px 5px 8px 5px;
	background-color:#FFFFFF;
}

.winscrollbox{
	overflow-y:scroll;
	overflow-x:hidden;
	background-color:#F0EEE4;
}

.winsavebox {
	background:#fff url(../images/shadow_white.gif) top left repeat-x;
	border-top:1px solid #444;
}


.winsavebox div {
	margin:10px;
}

.winpanel {
	background:#F0EEE4 url(../images/shadow_brown.gif) top left repeat-x;
	padding:8px 8px 5px 8px;
}

.jqmOverlay { background-color: #000; }

.lettercontainer {
	padding:1px 5px;
	background-color:#F0EEE4;
	height:20px;
}

a.letterbox {
	cursor:pointer;
	display:block;
	color:#000;
	float:left;
	text-decoration:none;
	font-size:10px;
	padding:1px 6px;
	font-family:Arial, Helvetica,sans-serif;
	margin-right:2px;
	border:1px solid #324553;
	background:#fff url(../images/button_back.gif) top right repeat-x;
}

a.letterbox_active {
	display:block;
	color:#000;
	float:left;
	text-decoration:none;
	font-size:10px;
	padding:1px 6px;
	font-family:Arial, Helvetica,sans-serif;
	margin-right:2px;
	border:1px solid #324553;
	background-color:#F8B230;
}

a.letterbox:hover {
	background:#fff url(../images/button_back_active.gif) top right repeat-x;
}

.jstabs {
	background-color:#fff;
}

/* Autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid #7F9DB9;
	background-color: #fff;
	overflow: hidden;
	overflow-y:scroll;
	height:200px;
	z-index:1000;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display: block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:200px;
	background-color:#ffffff;
}

.ac_results li {
	margin: 0px;
	padding: 1px 2px;
	cursor: pointer;
	display: block;
	width: 100%;
	overflow: hidden;
	white-space:nowrap;
}

.ac_loading {
	background : Window url('../images/wait.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}
#translatetab {
	margin:0!important;
	background:#FFFFFF url(../images/shadow_white.gif) top left repeat-x;
	width:100%!important;
	overflow:hidden;
}

#translatetabbox {
	font-size:12px;
	font-weight:normal;
	color:#000000;
	padding:0;
	overflow-x:scroll;
	overflow-y:hidden;
	display:block;
	float:left;
}

#translatetabbox_dummy {
	display:inline;
}

#translatebox {
	position:relative;
	margin-top:-7px;
	padding:3px 0 0 8px;
	border-top:2px solid #324553;
}

#translatebox .translation {
	padding-right:8px;
	overflow-y:scroll;
	overflow-x:hidden;
}

#translatetableft
{
	float:left;
	margin-top:8px;
}

#translatetabright
{
	float:right;
	margin-top:8px;
}

.label_pointer {
	cursor:pointer;
}

.filter_active {
	background-color: #FEFFBF!important;
}
 
div.win, .infobox, .toolboxwin {
	-webkit-box-shadow: 3px 3px 5px #444444;
	-moz-box-shadow: 3px 3px 5px #444444;
	box-shadow: 3px 3px 5px #444444; 
	-moz-border-radius-topleft: 0px;
}

/****************************/
/* dashboard                */
/****************************/
.widgetCol
{
    box-sizing:         border-box;
    -webkit-box-sizing:  border-box;
    -moz-box-sizing:     border-box;
    min-height:         50px;
}
.widgetCol .win {
    margin-right:       10px;
}
.widgetCol.last .win {
    margin-right:       0;
}
.widgetPlaceholder {
    border:             1px dashed #42607C;
    margin-bottom:     10px;
}
.win.scrollable .win_body {
    overflow-y:         auto;
}
.win .win_body {
    background: white url(../images/shadow_white.gif) repeat-x 0% 0%;
}
.win .widgetContent {
}

.win .editWidgetHead {
    position:           absolute;
    right:              2px;
    top:                2px;
    width:              100px;
    text-align:         right;
}
.win .editWidgetHead img {
    cursor:             pointer;
    margin-right:       5px;
}

/****************************/
/* actionribbon             */
/****************************/
#action_ribbon {
        position:   absolute;
        left:       222px;
        top:        6px;
        width:      400px;
        height:     45px;
        list-style: none;
        margin:     0;
        padding:    0;
    }
        #action_ribbon li {
            height: 45px;
            width:  50px;
            float: left;
            margin: 0;
            padding: 0;
            position:       relative;
        }
        #action_ribbon li:hover {
            background-image: -ms-radial-gradient(center, circle contain, #AFCBE5 0%, #FFFFFF 100%);
            background-image: -moz-radial-gradient(center, circle contain, #AFCBE5 0%, #FFFFFF 100%);
            background-image: -o-radial-gradient(center, circle contain, #AFCBE5 0%, #FFFFFF 100%);
            background-image: -webkit-gradient(radial, center center, 0, center center, 17, color-stop(0, #AFCBE5), color-stop(1, #FFFFFF));
            background-image: -webkit-radial-gradient(center, circle contain, #AFCBE5 0%, #FFFFFF 100%);
            background-image: radial-gradient(center, circle contain, #AFCBE5 0%, #FFFFFF 100%);
            background-position: center -5px;
        }
        #action_ribbon:after,
        #action_ribbon li:before {
            content: ' ';
            display: block;
            float: left;
            height: 45px;
            width: 1px;
            background-image: -webkit-gradient(
                linear,
                left top,
                left bottom,
                color-stop(0, #FFF),
                color-stop(0.5, #6791B7),
                color-stop(1, #FFF)
            );
            background-image: -moz-linear-gradient(
                center top,
                #FFF 0%,
                #6791B7 50%,
                #FFF 100%
            );
            background-image: -o-linear-gradient( center top,#FFF 0%, #6791B7 50%,#FFF 100%);
            background-image: -ms-linear-gradient( center top,#FFF 0%, #6791B7 50%,#FFF 100%);
        }
            #action_ribbon li a {
                display: block;
                height: 45px;
                width:  50px;
                text-decoration: none;
                text-align: center;
            }
                #action_ribbon li a img{
                    height: 22px;
                    width:  22px;
                    margin: 7px 0 0 0;
                    border: 0 none;
                }
                #action_ribbon li a span {
                    font-size:0.8em;
                    display: block;
                }
        #action_ribbon li.hassub {
            width:      44px;
            background-image: url(./images/arrow_down_50.png);
            background-position: 33px 50%;
            background-repeat:  no-repeat;
        }
        #action_ribbon .ribbon_sub {
            display:    none;
            position:   absolute;
            top:        33px;
            left:       1px;
            margin:     0;
            padding:    0;
            list-style-type: none;
        }
        #action_ribbon li:hover .ribbon_sub {
            display:    block;
            border-color: #6791B7;
            border-style: solid;
            border-width: 0;
            -webkit-box-shadow: 3px 3px 5px #444444;
            -moz-box-shadow:    3px 3px 5px #444444;
            box-shadow:         3px 3px 5px #444444;
            background-color: white;
        }
            #action_ribbon .ribbon_sub li {
                float:      none;
                display:    block;
                width:      auto;
                height:     15px;
                padding:    5px 20px 5px 10px;
                background-image: none;
                background-color: white;
                background-position: -5px 50%;
                border-bottom:  1px solid #eff7ff;
                border-top:     1px solid #f2f9ff;
            }
            #action_ribbon .ribbon_sub li:hover {
                background-image: none;
                background: #ffffff; /* Old browsers */
                background: -moz-linear-gradient(left, #ffffff 0%, #eff7ff 21%, #f2f9ff 63%, #ffffff 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(21%,#eff7ff), color-stop(63%,#f2f9ff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(left, #ffffff 0%,#eff7ff 21%,#f2f9ff 63%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(left, #ffffff 0%,#eff7ff 21%,#f2f9ff 63%,#ffffff 100%); /* Opera11.10+ */
                background: -ms-linear-gradient(left, #ffffff 0%,#eff7ff 21%,#f2f9ff 63%,#ffffff 100%); /* IE10+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
                background: linear-gradient(left, #ffffff 0%,#eff7ff 21%,#f2f9ff 63%,#ffffff 100%); /* W3C */
            }
            #action_ribbon .ribbon_sub li:before { display: none;}
            #action_ribbon .ribbon_sub li img { display: none;}
            #action_ribbon .ribbon_sub li span {
                display: block;
                white-space: nowrap
            }
/********************************/
/* color-styles for windows     */
/********************************/
#tabmaincontainer {visibility:hidden;}
    #topdiv {
        height:50px;
        border-top:0px none;
        border-bottom:  1px solid #444;
        position: relative;
    }
        #top_logo {
            float:left;
            margin:10px 0 0 3px;
        }

    #sidepar_nav_icon {
        position:   absolute;
        top:        3px;
        right:      5px;
    }

    #sidebar a.submenu_active,
    #sidebar a.submenu {
        padding-left: 5px;
        background-image: none;
    }
    #sidebar a.submenu_active {
        color: black;
        font-weight: bold;
    }
    #breadcrumb {
        padding: 3px 0 3px 5px;
        border-bottom: 1px solid #999;
        font-weight: bold;
    }



    .comp #tbmainmenu ul.sub li {
        border-top:   1px solid #E0B372;
        border-bottom:   1px solid #926525;
    }
    .comp #tbmainmenu {
        background-image: -moz-linear-gradient(top, #6791B7 0%, #4D7192 100%); /* firefox */
        background-image: -o-linear-gradient(top, #6791B7 0%, #4D7192 100%); /* opera */
        background-image: -ms-linear-gradient(top, #6791B7 0%, #4D7192 100%); /* ie9+ */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0B372), color-stop(100%,#926525)); /* webkit */

    }
    .comp #tbmainmenu li {
        border-right:   1px solid #926525;
        border-left:   1px solid #E0B372;

    }
    .comp #tbmainmenu li:hover {
        background-image: -moz-linear-gradient(top, #4D7192 0%, #6791B7 100%); /* firefox */
        background-image: -o-linear-gradient(top, #4D7192 0%, #6791B7 100%); /* opera */
        background-image: -ms-linear-gradient(top, #4D7192 0%, #6791B7 100%); /* ie9+ */
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#E0B372), color-stop(100%,#926525)); /* webkit */
    }
    .comp #tbmainmenu ul.sub {
        background-image: -moz-linear-gradient(top, #6791B7 0%, #4D7192 100%); /* firefox */
        background-image: -o-linear-gradient(top, #6791B7 0%, #4D7192 100%); /* opera */
        background-image: -ms-linear-gradient(top, #6791B7 0%, #4D7192 100%); /* ie9+ */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0B372), color-stop(100%,#926525)); /* webkit */
    }



    .compwin div.win_head {
                background-image: -moz-linear-gradient(top, #6791B7 0%, #4D7192 100%); /* firefox */
                background-image: -o-linear-gradient(top, #6791B7 0%, #4D7192 100%); /* opera */
                background-image: -ms-linear-gradient(top, #6791B7 0%, #4D7192 100%); /* ie9+ */
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0B372), color-stop(100%,#926525)); /* webkit */
    }

    .compwin div.win_head_overlap {
                background-image:none;
                color: white;
                text-shadow: 1px 1px 1px #4D7192;
                font-size: 12px;
                padding-top: 4px;
    }

    .compwin div.win_head_overlap_right {
                display: none;
    }

.sticky_container{padding: 0px;margin: 0px;position: fixed;right: -162px;top: 172px;width: 185px;cursor: pointer;}
.sticky_container .arrow_left {width: 16px;height: 26px;border: 6px solid #EFEFE3;background: #fff;}
.sticky_container .arrow_left>img {margin:6px 0 0px 2px}

.attr_com_text {
    width:99%;
    padding-right:5px;
    position:relative;
    left:-20px;
}
img.prod_thumb {
    position:absolute;
    top:130px;
    left:130px;
    z-index:0
}
.right-section {
    padding: 5px 10px 0 3px;
    width: 500px;
}
.pt-4 {
    padding-top:1.6rem;
}