html                     { /*overflow-y: scroll;*/ }
html, body              { height: 100%; }

/* width stuff */ 

.w_15                      { width: 15px!important; }
.w_20                      { width: 20px!important; }
.w_30                      { width: 30px!important; }
.w_40                      { width: 40px!important; }
.w_60                      { width: 60px!important; }
.w_80                      { width: 80px!important; }
.w_100                    { width: 100px!important; }
.w_110                    { width: 110px!important; }
.w_120                    { width: 120px!important; }
.w_140                    { width: 140px!important; }
.w_160                    { width: 160px!important; }
.w_170                    { width: 170px!important; }
.w_180                    { width: 180px!important; }
.w_200                    { width: 200px!important; }
.w_220                    { width: 220px!important; }
.w_240                    { width: 240px!important; }
.w_260                    { width: 260px!important; }
.w_280                    { width: 280px!important; }
.w_300                    { width: 300px!important; }
.w_400                    { width: 400px!important; }

.w_650                    { width: 650px; }
.w_700                    { float: left; width: 700px; }
.w_750                    { float: left; width: 750px; }

.w_20_per                  { width: 20%!important; }
.w_25_per                  { width: 25%!important; }
.w_30_per                  { width: 30%!important; }
.w_33_per                  { width: 33%!important; }
.w_40_per                  { width: 40%!important; }
.w_45_per                  { width: 45%!important; }
.w_50_per                  { width: 50%!important; }
.w_55_per                  { width: 55%!important; }
.w_60_per                  { width: 60%!important; }
.w_70_per                  { width: 70%!important; }
.w_80_per                  { width: 80%!important; }
.w_90_per                  { width: 90%!important; }
.w_100_per                  { width: 100%!important; }
.w_auto                    { width: auto!important; }

.max_40                    { max-height: 40px; }
.max_60                    { max-height: 60px; }
.max_80                    { max-height: 80px; }
.max_100                    { max-height: 100px; }
.max_120                    { max-height: 120px; }
.max_140                    { max-height: 140px; }
.max_160                    { max-height: 160px; }
.max_180                    { max-height: 180px; }
.max_200                    { max-height: 200px; }
.max_220                    { max-height: 220px; }
.max_240                    { max-height: 240px; }
.max_260                    { max-height: 260px; }
.max_280                    { max-height: 280px; }
.max_300                    { max-height: 300px; }
.max_500                    { max-height: 500px; }

.float_left { 
  float: left!important; 
}
.float_right { 
  float: right!important; 
}
.float_none { 
  float: none!important; 
}
.clear_left, 
.clear-left { 
  clear: left; 
}

.align_center,
.align-center { 
  text-align: center !important; 
}
.align_right,
.align-right { 
  text-align: right !important;
}
.align_left,
.align-left { 
  text-align: left !important;
}
.float-none {
  float: none !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}

.borderless {
  border: none !important;
}

body div.normal-list ul      { padding: 10px 0; }
body div.normal-list ul li    { list-style-type: disc; margin-left: 25px; padding-left: 0;  } 

.relative                { position: relative; }

pre                     { background-color: #eee; font-size: 11px; padding: 15px; margin: 0; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

.fieldWithErrors           { background-color: red; display: table; padding: 2px; }

#errorExplanation         { background-color: #f0f0f0; border: 2px solid red; display: none; margin-bottom: 20px; padding: 7px 7px 12px; width: 400px; }

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background { background-color: #333; height: 18px; width: 0; }

.color_button { border: 2px solid #aaa; cursor: pointer; }

.colors_div table tr td { border: 1px solid #000; }

.colors_div table { border: 1px solid #000; }

/* icons */

[class^="icon-"],
[class*=" icon-"] {
  background-image: url("/images/bootstrap/glyphicons-halflings.png");
  width: 16px;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}
.icon-white {
  background-image: url("/images/bootstrap/glyphicons-halflings-white.png");
}

.process_on {
  width: 16px;
  background-image: url("/images/admin/icon_ok_s.gif");
  
  background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
}

.process_off {
  width: 16px;
  background-image: url("/images/admin/delete_palette.gif");
  
  background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
}




.btn-small [class^="icon-"] {
    margin: 0;
}


/*  */

.btn-primary, 
.btn-primary:hover {
  background-color: var(--accent-color-100);
}

.btn:hover {
  background-position: 50% 200px;
  background-repeat: no-repeat;
}

/* upload progress */

.progress_bar_container    { 
  height: 30px;
  background: transparent;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid var(--accent-color-100);
  overflow: hidden;
  box-sizing: border-box;
}

.progress_bar              {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  height: 28px;
  text-indent: -9999px;
  background-color: var(--accent-color-100);
}

.progress_bar_text          {
  display: block;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0;
}

.progressBarText { color: #333333; }


/* icon select box */
div.cbo_autocomplete {
  position:absolute;
  width:400px;
  color:#b4b4b4;
  background-color:#5b5b5b;
  border:0px solid #ccc;
  margin:0px;
  padding:0px;
  font-size:0.8em;
  text-align:left;
  max-height:200px;
  overflow:auto;
  z-index:4000;
}
div.cbo_autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.cbo_autocomplete ul li.selected { 
  background-color:#0a246a;
  color: white;
}
div.cbo_autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  white-space: nowrap;
  color:#b4b4b4;
}

.ac_combo 
{
  margin:0px;
  
  font-size:11px;
  color:#b4b4b4;
  border:0px;
  background-color:#5b5b5b; 
  padding:1px;  
  cursor: pointer;
}



/*
popups
*/

xxx.popupbackground { background: url("/images/screen.gif"); padding: 0; position:absolute; }
.popupbackground { background: #000; display: block; min-height: 100%; left: 0!important; opacity: .7; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; position: fixed; top: 0!important; visibility: visible; width: 100%; z-index:1000; }
* html .popupbackground { position: absolute; height: 100%; }

.lightbg { opacity: 0.4; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";  }

.popupclose{ display: none!important; visibility: hidden!important; }

/*
async
*/
.async_action_background { background: #000000; opacity: 0; filter: Alpha(opacity='0'); -moz-opacity:0; -khtml-opacity: 0; }
XXX.async_action { background: url("/images/loading.gif") 50% 50% no-repeat; }
.async_action{ text-align: center; }
.async_action img{ background: transparent; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; }
* html .async_action img { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/spinner_bg.png', sizingMethod='scale'); }

/*
screen guard
*/
.screen_guard { background: #000; display: block; min-height: 100%; left: 0!important; opacity: 0; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: fixed; top: 0!important; visibility: visible; width: 100%; z-index:1000; }
/*
create new nav
*/

.popup.progress-popup > h3 {
  text-align: center;
  font-size: 20px;
  padding-bottom: 0px;
}

.popup.progress-popup > div {
  padding: 30px;
}

.popup.progress-popup .progress-popup-text {
  text-align: center;
  font-size: 14px;
}


/* process products progress */

.ppProgressBarContainer {
  border: 2px solid grey;
  padding: 0px;
}

.ppProgressBar {
  background-color: grey;
  margin: 0px;
}


/*
SUPPLIER ORDERS
*/

.supplier_color_swatch {
  border: 1px solid black;
}
.supplier_color_swatch tr td {
  border: 1px solid black;
}

/* base */

.padding                        { max-width: 1280px; min-width: 990px; position: relative; }
.padding:after                    { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .padding                    { height: 1px; }
* + html .padding                  { min-height: 1px; }

/* header */

#usr_header_old                  { background: #df1416; background: #ccc; display: none; }

#usr_header                    { 
      -moz-box-shadow:       0 -1px 0 rgba(0, 0, 0, .2) inset, 0 0 3px 1px rgba(0, 0, 0, .6);
      -webkit-box-shadow:   0 -1px 0 rgba(0, 0, 0, .2) inset, 0 0 3px 1px rgba(0, 0, 0, .6);
      box-shadow:           0 -1px 0 rgba(0, 0, 0, .2) inset, 0 0 3px 1px rgba(0, 0, 0, .6);
      background: #4b4b4b;
      background: -moz-linear-gradient(50% 0, #6b6b6b, #4b4b4b);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#6b6b6b), to(#4b4b4b));
      height: 36px; position: relative; width: 100%; z-index: 10; }
      
body.admin #usr_header          { margin-top: 36px; }

#usr_logo                      { display: block; float: left; margin: 0 0 0 10px; padding: 1px 0; }
#usr_logo img                    { display: block; max-height: 34px; }
#usr_logo #underlogo              { display: none; }

/* user header */

#usr_header ul                  { 
      -moz-box-shadow:       -1px 0 0 rgba(0, 0, 0, .1), 1px 0 0 rgba(255, 255, 255, .1);
      -webkit-box-shadow:   -1px 0 0 rgba(0, 0, 0, .1), 1px 0 0 rgba(255, 255, 255, .1);
      box-shadow:           -1px 0 0 rgba(0, 0, 0, .1), 1px 0 0 rgba(255, 255, 255, .1);
      float: right; }
#usr_header ul li                  { float: left; }
#usr_header ul li a, 
#usr_header ul li a.alt:hover        { 
      -moz-box-shadow:       -1px 0 0 rgba(0, 0, 0, .1) inset, 1px 0 0 rgba(255, 255, 255, .1) inset;
      -webkit-box-shadow:   -1px 0 0 rgba(0, 0, 0, .1) inset, 1px 0 0 rgba(255, 255, 255, .1) inset;
      box-shadow:           -1px 0 0 rgba(0, 0, 0, .1) inset, 1px 0 0 rgba(255, 255, 255, .1) inset;
      color: #fff; display: block; float: left; font-size: 11px; font-weight: bold; letter-spacing: 0; line-height: 36px; padding: 0 10px 0 7px; text-decoration: none; }
#usr_header ul li a:hover          { 
      -moz-box-shadow:       0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset, -1px 0 0 rgba(0, 0, 0, .1) inset, 1px 0 0 rgba(255, 255, 255, .1) inset;
      -webkit-box-shadow:   0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset, -1px 0 0 rgba(0, 0, 0, .1) inset, 1px 0 0 rgba(255, 255, 255, .1) inset;
      box-shadow:           0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset, -1px 0 0 rgba(0, 0, 0, .1) inset, 1px 0 0 rgba(255, 255, 255, .1) inset;
      background: -moz-linear-gradient(50% 0, #4b4b4b, #6b6b6b);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#4b4b4b), to(#6b6b6b)); }
#usr_header ul li a.alt              { 
      background: #22b6c7;
      background: -moz-linear-gradient(50% 0, #5bd7e1,#06849c);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#5bd7e1), to(#06849c)); }
#usr_header ul li a span            { background-image: url(/images/om/icon_sprite.png); background-repeat: no-repeat; display: block; padding: 0 0 0 22px; }

#u_h_home span                  { background-position: -4068px -212px; }
#u_h_account span              { background-position: -6466px -212px; }
#u_h_logout span                { background-position: -417px -212px; }

/* AD */

.ad_instructions {
  border: 1px solid green;
  padding: 5px;
}

.ad_code {
  border: 1px solid white; 
  font-family: courier;  
  padding: 5px;
}

.ad_var {
  font: bold 16px courier;
  color: red;
}
/*
div.admintop{ background: #222222 !important; display: block; font: normal 11px Arial, Helvetica, Sans; height: 50px; overflow: hidden; }
div.admintop div.set{ overflow: hidden; }
div.admintop img{ color: #fff; float: left; margin: 5px 5px 5px 10px; }
div.admintop span{ color: #fff; float: left; font-size: 18px; margin: 12px 5px 0 10px; }

ul.mlm_admin_menu{ float: left; padding: 7px 0 0 10px; }
ul.mlm_admin_menu li{ display: inline; }
ul.mlm_admin_menu li a{ background-position:  0 0; background-repeat: no-repeat; display: block; float: left; height: 37px; width: 135px; text-indent: -9999px;}
ul.mlm_admin_menu li a:hover{ background-position:  0 100%; }
ul.on li.view a, ul.off li.manage a{ background-position: 0 100%; }
  ul.mlm_admin_menu li.manage a{ background-image: url(/ppr/images/mlm/manage.gif); width: 135px; }
  ul.mlm_admin_menu li.view a{ background-image: url(/ppr/images/mlm/view.gif); width: 103px; }
  ul.mlm_admin_menu li.administer a{ background-image: url(/ppr/images/mlm/administer.gif); width: 135px; }
  

div.admintop_contruct{ background: #222 url(/ppr/images/mlm/notice-construction.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }
div.admintop_testing{ background: #222 url(/ppr/images/mlm/notice-testing.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }
div.admintop_eval{ background: #222 url(/ppr/images/mlm/notice-evaluation.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }

xxxdiv.adminheader_construct a{ background: url(/ppr/images/mlm/notice-construction-admin.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }
xxxdiv.adminheader_testing a{ background: url(/ppr/images/mlm/notice-testing-admin.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }

div.noticetop{ background: red; background: #222; font-size: 1.1em; padding: 10px 0; }

div.noticeheader{ height: 90px; line-height: 89px; margin: 0 auto; width: 800px; }
div.noticeheader span{ color: #5a5a5a; font-size: 1.7em; font-weight: normal; margin-left: 120px; }

div.noticeheader.construct{ background: url(../images/admin/notice_construct_white.gif) 50% 0 no-repeat; }
div.noticetop div.noticeheader.construct{ background: url(../images/admin/notice_construct_dark.gif) 50% 0 no-repeat; }
  div.noticeheader.construct a{ color: #ff7700!important; }
div.noticeheader.testing{ background: url(../images/admin/notice_test_white.gif) 50% 0 no-repeat; margin-bottom: 10px; }
div.noticetop div.noticeheader.testing{ background: url(../images/admin/notice_test_dark.gif) 50% 0 no-repeat; }

div.admintop ul.admin_menu{ float: left; margin: 0; padding: 7px 0 0 10px; }
div.admintop ul.admin_menu li{ display: inline; }

div.admintop ul.admin_menu li{ background: url(/ppr/images/mlm/cart-right.gif) 100% 0 no-repeat; float: left; margin-right: 5px; padding: 10px 10px 7px 0; position: relative; }
div.admintop ul.admin_menu li a{ background-position: 0 0; background-repeat: no-repeat; color: #fff; padding: 5px 0 4px 30px; text-decoration: none; text-indent: 0; }
div.admintop ul.admin_menu li a:hover{ background-position: 0 -24px; }
  div.admintop ul.admin_menu li.manage a{ background-image: url(/ppr/images/mlm/admin-manage.gif); }
  div.admintop ul.admin_menu li.view a{ background-image: url(/ppr/images/mlm/admin-view.gif); }
  div.admintop ul.admin_menu li.admin a{ background-image: url(/ppr/images/mlm/admin-admin.gif); }
  div.admintop ul.admin_menu li.manage_sel a{background-position: 0 -24px;  background-image: url(/ppr/images/mlm/admin-manage.gif);}
  div.admintop ul.admin_menu li.view_sel a{ background-position: 0 -24px; background-image: url(/ppr/images/mlm/admin-view.gif); }
  div.admintop ul.admin_menu li.admin_sel a{ background-position: 0 -24px;background-image: url(/ppr/images/mlm/admin-admin.gif); }

  div.videohelp{ display: block; text-align: right; margin-bottom: 7px;}
  div.videohelp a{ background: url(/ppr/images/icon-videotut.gif) 0 50% no-repeat; padding: 10px 0 10px 36px; }
  
*/  


/* notice */

#float_container {
  text-align: right;
  background:var(--accent-color-100);
  max-width:100%!important;
}

#float_container.on-site {
  text-align: left;
}

#float_container.on-site > div {
  /*display: inline-block;*/
    margin: 0 auto;
    padding: 0;
    /*position: fixed;*/
    text-align: right;
    z-index: 90;
    width:1280px!important;
}

.on-site #float_container.on-site > div {
  text-align: left;  
}

.on-site #notice_container { 
  display: block;
  float: left;
  margin-right: 5px;
}
.on-site #notice_container > div { 
  /*background:var(--accent-color-100);*/
    display: inline-block;
    float: right;
    overflow: hidden;
    padding: 2px 2px 2px 20px;
    text-align: left;
    white-space: nowrap;
}

.on-site #notice_container > div:before {
  /*content: url(/images/admin/site-controls-drag.png);
  cursor: move;*/
  left: 0;
  margin: 6px 0 0 6px;
  position: absolute;
  top: 0;
}

.on-site #notice_container a:hover {
  text-decoration: none;  
}
.on-site #notice_container > div h4, 
.on-site #notice_container > div a {
  display: inline-block;
  font-size: 11px;
  line-height: 14px;
  padding: 8px 10px;
  margin: 2px;
  
}
.on-site #notice_container > div h4 {
  color: #fff;
  font-weight: normal;
  padding:0px;
  margin:0px;
}
.on-site #notice_container > div a {
  background:  #0f6ec2;
  color: #FFFFFF;
    text-decoration: none;
    
}

.on-site #notice_container > div a:hover {
  background:  #0D5391;
}

.on-site #notice_block h4 {
  font-size:14px !important;
  margin-right:20px !important;
}

/* "site" controls */

#site_controls { 
  background: var(--accent-color-100);
  
  display: block; 
  float: left;
  padding: 0 0 0 26px;
}

#site_controls:before {
  /*content: url(/images/admin/site-controls-drag.png);
  cursor: move;*/
  left: 0;
  margin: 6px 0 0 6px;
  position: absolute;
  top: 0;
}

#site_controls li { 
  display: block; 
  float: left;
  margin-right:3px;
}

#site_controls li > a,
#site_controls li > span { 
  background: #0f6ec2;
  
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.4);
  display: block; 
  float: left; 
  height: 34px;
  margin: 2px;
  position: relative;
  text-align: left;
  width: 34px; 
}
#site_controls li > span {
  background: rgba(0, 0, 0, .125);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}
#site_controls li > span [class*="icon-"] {
  opacity: .25;
}

#site_controls li.alt a { 
  background: #0D5391;
}
#site_controls li a:hover { 
  background: #0D5391;
}

#site_controls li.disabled a        {  }
#site_controls li.disabled a:hover  { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

#site_controls i[class*="icon-"] {
  left: 50%;
  margin: -8px;
  opacity: .6;
  position: absolute;
  top: 50%;
}

#site_controls li a b {
  display: none;
}

.c_note                      { 
      -moz-border-radius: 1px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3); 
      -webkit-border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3);
      background: #595959;
      background: -moz-linear-gradient(50% 0, #595959, #333);
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#595959), to(#333));
      border-radius: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3);
      display: block; left: 50%; margin: 20px 0 0 -100px; padding: 5px 0 0; position: absolute; text-indent: 0; top: 100%; width: 200px; }
.c_note h4                    { color: #bbb; font-size: 12px; font-weight: bold; line-height: 16px; margin: 0 0 3px; padding: 0 10px; }
.c_note p                      { color: #fff; font-size: 11px; font-weight: normal; line-height: 14px; margin: 0 0 5px; padding: 0 10px; }

.c_note .tail                    { background: url(/images/admin/c_note_tail.png) 0 0 no-repeat;  height: 8px; left: 50%; margin: 1px 0 0 -8px; position: absolute; top: -8px; width: 16px; }

#site_sections .c_note          { left: 0; margin-left: 0; }
#site_sections .c_note .tail        { left: 0; margin: 1px 0 0 10px; }


#s_c_user                    { background-position: -642px 2px; }
#s_c_mlm                    { background-position: -695px 2px; }
#s_c_page                    { background-position: -742px 2px; }
#s_c_page                    { background-position: -742px 2px; }
#s_c_map                    { background-position: -942px 2px; }
#s_c_logout                    { background-position: -792px 2px; }


.alt #s_c_user                  { background-position: -642px -98px; }
.alt #s_c_mlm                  { background-position: -695px -98px; }
.alt #s_c_page                  { background-position: -742px -98px; }
.alt #s_c_map                  { background-position: -942px -98px; }
.alt #s_c_logout                { background-position: -792px -98px; }

.simple .alt #s_c_user            { background-position: -642px -198px; }
.simple .alt #s_c_mlm            { background-position: -695px -198px; }
.simple .alt #s_c_page            { background-position: -742px -198px; }
.simple .alt #s_c_map            { background-position: -942px -198px; }
.simple .alt #s_c_logout          { background-position: -792px -198px; }

span#s_c_view                { background-position: -595px -148px; }
span#s_c_user                { background-position: -645px -148px; }
span#s_c_mlm                { background-position: -695px -148px; }
span#s_c_page                { background-position: -742px -148px; }
span#s_c_map                { background-position: -942px -148px; }
span#s_c_logout                { background-position: -792px -148px; }

/* new page management styles */

span.add{ background: url(/ppr/images/manage/add-left.gif) 0 0 no-repeat; float: right; padding: 6px 0 8px 30px; }
span.add a{  background: url(/ppr/images/manage/add-right.gif) 100% 0 no-repeat; padding: 6px 10px 8px 0; }

ul.manage_nav{ margin: 0 0 20px; padding: 10px 0 0; }
ul.manage_nav li{ border-right: 1px solid #c0c0c0; display: inline; list-style: none; margin: 0; padding: 0 5px; }
body.ppr table ul.manage_nav li.unused a{ color: #628597; text-decoration: line-through; }
body.ppr table ul.manage_nav li a{ color: #16acf7; padding: 0; }
body.ppr table ul.manage_nav li span{ padding: 0 5px; }

div.manage-control{ background: url(/ppr/images/manage/control-top.gif) 0 0 no-repeat; outline: none; padding-top: 15px; }
div.manage-control *{ outline: none; }
div.manage-control div.interior{ background: url(/ppr/images/manage/control-bottom.gif) 0 100% no-repeat; padding-bottom: 10px; }
  div.manage-control ul{ overflow: hidden; margin: 0 0 0 10px; padding: 0; width: 100%; }
  div.manage-control ul li{ display: block; float: left; }
  div.manage-control ul li a, div.manage-control ul li span{ display: inline; float: left; padding: 10px 15px 14px 35px; }
  div.manage-control ul li span{ color: #a4a4a4; }
    
    div.manage-control ul li.tab-left{ background: url(/ppr/images/manage/tab-left.gif) 0 0 no-repeat; }
    div.manage-control ul li.tab-left a{ background: url(/ppr/images/manage/tab-left-icon.gif) 12px 46% no-repeat; }
    div.manage-control ul li.tab-left span{ background: url(/ppr/images/manage/tab-left-icon-grey.gif) 12px 46% no-repeat; }
    
    div.manage-control ul li.tab-right{ background: url(/ppr/images/manage/tab-right.gif) 0 0 no-repeat; }
    div.manage-control ul li.tab-right a{ background: url(/ppr/images/manage/tab-right-icon.gif) 96% 46% no-repeat; padding: 10px 25px 14px 15px; }
    div.manage-control ul li.tab-right span{ background: url(/ppr/images/manage/tab-right-icon-grey.gif) 96% 46% no-repeat; padding: 10px 25px 14px 15px; }
    
    div.manage-control ul li.is-visible{ background: url(/ppr/images/manage/tab-add.gif) 0 0 no-repeat; padding: 9px 15px 15px 35px; }
    div.manage-control ul li.is-visible select{ width: 80px; }
    div.manage-control ul li.is-visible select option{ overflow: visible; }
    div.manage-control ul li.tab-sub{ background: url(/ppr/images/manage/tab-addsub.gif) 0 0 no-repeat; }
    div.manage-control ul li.tab-sub a{ background: url(/ppr/images/manage/tab-addsub-icon.gif) 12px 45% no-repeat; }
    div.manage-control ul li.tab-sub span{ background: url(/ppr/images/manage/tab-addsub-icon-grey.gif) 12px 45% no-repeat; }
    body.ppr div.manage-control ul li.tab-sub a{ color: #1bb706; }
    
    div.manage-control ul li.tab-delete{ background: url(/ppr/images/manage/tab-delete.gif) 0 0 no-repeat; padding-right: 30px; }
    div.manage-control ul li.tab-delete a{ background: url(/ppr/images/manage/tab-delete-icon.gif) 12px 45% no-repeat; }
    div.manage-control ul li.tab-delete span{ background: url(/ppr/images/manage/tab-delete-icon-grey.gif) 12px 45% no-repeat; }
    body.ppr div.manage-control ul li.tab-delete a{ color: #b70606; }

div.common{ background: url(/ppr/images/manage/common-bottom.gif) 0 100% no-repeat; margin-bottom: 20px; padding: 0 0 30px; width: 620px; }
div.common div.section{ background: url(/ppr/images/manage/section-bg.gif) 0 100% repeat-x; padding: 10px 15px 10px 20px; }
  * html div.common div.section{ width: 580px; }

  /*div.common div.section input, select, textarea{ border: 1px solid #c7c7c7; padding: 0 3px;}*/
div.common div.section input.submit_box{ padding: 5px; }
div.common div.section label{ background-position: 0 50%; background-repeat: no-repeat; color: #5c5c5c; display: block; font-size: 14px; float: left; font-weight: bold; letter-spacing: -0.04em; margin-bottom: 5px; padding-left: 20px; width: 165px; }
  div.common div.section label.title{ background-image: url(/ppr/images/manage/icon-pagetitle.gif); }
  div.common div.section label.text{ background-image: url(/ppr/images/manage/icon-pagetext.gif); }
  div.common div.section label.link{ background-image: url(/ppr/images/manage/icon-link.gif); }
  div.common div.section label.image{ background: url(/ppr/images/manage/icon-pic.gif) 0 0 no-repeat; }

div.category{  }
  div.category div.interior{ display: none; }

div.category div.section{ background: url(/ppr/images/manage/section-bg.gif) 0 100% repeat-x; margin: 0 5px; overflow: hidden; padding: 10px 0; width: 100%; }
div.category div.alt{ background: #dcf3ff; margin-top: -1px; padding-left: 10px; }

div.category div.heading{ background: transparent none; padding: 0; text-align: right; }
  div.category div.heading div{ overflow: hidden; width: 600px; }
  div.category div.heading div{ background: #d9d9d9; border-bottom: 1px solid #a8a8a8; overflow: hidden; padding: 0 10px; text-align: left; }
  
  div.category div.heading a.toggle{ background: url(/ppr/images/manage/toggle-left.gif) 0 0 no-repeat; margin-right: 10px; padding: 8px 0 10px 30px; }
  * html div.category div.heading a.toggle{ padding-top: 0; }
  div.category div.heading a.alt{ background: url(/ppr/images/manage/toggle-left-alt.gif) 0 0 no-repeat; padding: 8px 0 10px 30px;}
  div.category div.heading a.toggle span{ background: url(/ppr/images/manage/toggle-right.gif) 100% 0 no-repeat; padding: 8px 8px 10px 0; }

  
div.category div.heading h3{ background: transparent none; color: #404040; float: left; font-size: 24px; letter-spacing: -0.07em; line-height: 1em; padding: 7px 0; width: 50%; }
div.category div.heading input{ float: right; margin-top: 20px; }

  div.category div.section label{ background: url(/ppr/images/manage/icon-page.gif) 0 2px no-repeat; color: #5c5c5c; display: block; font-size: 11px; float: left; font-weight: bold; margin-bottom: 5px; padding: 3px 0 3px 20px; width: 155px; }
  /*div.section label span{ color: #02abff; font-size: 11px; font-weight: normal; letter-spacing: 0; }
  div.section label span.alt{ color: #949494; }
  div.section div.description{ float: left; width: 300px; }
  div.section div.active{ float: right; text-align: right; width: 50px; }*/

input.submit_box{ background: url(/ppr/images/manage/submit-bg.gif) 0 100% repeat-x; font-size: 18px; }

/* subpage */
div.subpages{ background: url(/ppr/images/manage/subpage-bg.gif) 0 0 no-repeat; margin: 0 auto 10px; padding: 5px 0 0; width: 600px;  }
div.subpages div{ background: url(/ppr/images/manage/subpage-bottom-bg.gif) 0 100% no-repeat; padding: 5px 0 10px; }
  div.subpages label{ float: left; margin-left: 10px; width: 100px; }
  div.subpages ul.manage_nav{ margin: 0; padding: 0; }
  
/* this is the message box aka msgbox */

/*
div.msgbox{ background: #fff; border: 2px solid #4a4a4a; padding: 20px 20px 10px 10px; }
div.msgbox h2{ color: #df7003; font-size: 18px; font-weight: normal; letter-spacing: -0.07em; margin: 0 0 5px; }
div.msgbox img{ margin: 20px 10px 0 0; }

div.msgbox div.msgbox_buttons{ padding: 15px 0 0; text-align: right; }
*/

/* MAP: product color palette */
  ul.product_color_palette {
    list-style: none;
  }
  
  
/* MAP: product view templates list */

  ul.product_view_template_list {
    
    list-style: none;
    padding: 0;
  }
  
  ul.product_view_template_list li {
    
    border: 2px solid #DEDEDE;
    cursor: pointer;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    margin: 2px;
    padding: 2px;
    vertical-align: top;
    text-align: center;
    width: 110px;
    word-wrap: break-word;
  }
  * html ul.product_view_template_list li{ display: inline; }
  * + html ul.product_view_template_list li{ display: inline; }
  
  ul.product_view_template_list li.alt {
    background-color: #003333;
    font-weight: bold;
    color: #FFFFFF;
  }
  

/* MAP: tabs */
  ul.tabs{ display: block; margin: 0; padding: 20px 0 0; position: relative; text-align: left; }
  ul.tabs:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
    * html ul.tabs{ height: 1%; }
    * + html ul.tabs{ height: 1%; }
  ul.split-tabs { text-align: right; }
  ul.tabs li, .popup ul.tabs li{ background: #dadada; border-bottom: 1px solid #fff; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; float: right; margin: 0 1px 0 0; padding: 0 1px; cursor: pointer; text-align: center; color: #353535; font-size: 1.2em; font-weight: bold; letter-spacing: -0.01em; padding: 5px 7px 4px 23px; text-decoration: none; }
    /* IE considerations */
    * html ul.tabs li{ display: inline; }
    * + html ul.tabs li{ display: inline; }
    
  ul.tabs li.alt{ background: #e16b26; border-bottom: 1px solid #e16b26; color: #fff;}
    
  
  ul.tabs h4{ 
    background: #4c4c4c; border-bottom: 1px solid #fff; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; float: left; font-size: 1.2em; margin: 0; padding: 0 1px; margin-right: 4px; cursor: pointer; 
    color: #fff; font-weight: bold; padding: 5px 10px 4px 10px; text-decoration: none;
  }
  ul.tabs h4.alt{ border-bottom: 1px solid #4c4c4c; }

  div.tab_panel { border: 1px solid #dadada; border-top: 5px solid #e16b26; margin-bottom: 20px; padding: 20px; }
  div.tab_panel_main { border: 1px solid #dadada; border-top: 5px solid #4c4c4c; margin-bottom: 20px; padding: 20px; }
  
/* alt styles for the dashboard */  

  ul.tabs li.alt      { background: #a8cd19; border-bottom: 1px solid #a8cd19; }
  ul.tabs li.alt a    { color: #fff!important; }
  div.tab_panel     { border-top: 5px solid #a8cd19; }
  
/* MAP: decoration library browser */

ul.error{  }
  ul.error:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
  * html ul.error{ height: 1px; }
  * + html ul.error{ min-height: 1px; }

ul.error li{ float: left; }

span.cart_warning                { background: url(/ppr/images/mp/cart_warning_left.gif) 0 0 no-repeat; display: inline-block; height: 18px; line-height: 28px; margin: 0 0 3px; padding: 0 0 0 36px!important; }
  * html span.cart_warning        { display: inline; }
  * + html span.cart_warning        { display: inline; }
span.cart_warning b,
span.cart_warning  strong          { background: url(/ppr/images/mp/cart_warning.gif) 100% 0 no-repeat; color: #fff; display: inline-block; height: 28px; line-height: 18px; padding: 0 10px 0 0; }
/*
.form_warning                    { 
      -moz-border-radius:     0 2px 2px 0;
      -webkit-border-radius:   0 2px 2px 0;
      border-radius:           0 2px 2px 0;
      background: #b31d2b!important; color: #fff; display: inline!important; display: inline-block!important; font-size: 11px!important; height: auto!important; line-height: 14px!important; margin: 1px 1px 0 10px; padding: 3px 7px 3px 5px !important; position: relative; text-shadow: 0 -1px 0 rgba(0, 0, 0, .4); vertical-align: top; white-space: nowrap; }
.form_warning:after              { background: transparent none; border: 10px solid #b31d2b; 
      border-color: transparent #b31d2b transparent  transparent;
      border-color: rgba(255, 255, 255, 0) #b31d2b rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
      border-width: 10px 7px;
      content: "."; height: 0; overflow: hidden; margin-top: -10px; position: absolute; right: 100%; top: 50%; width: 0; }
*/
/* agreement */
div.agreement{ font-size: 11px; }

div.agreement p{ margin: 0 0 10px; padding: 0; }

div.agreement h2{ font-size: 24px; margin: 0 0 10px; padding: 0; text-transform: capitalize; }
div.agreement h3{ font-size: 18px; margin: 0 0 10px; padding: 0; text-transform: capitalize; }

div.agreement ul{ padding-left: 20px; }
div.agreement ul li{ line-height: 1.4em; margin-bottom: 7px; }

div.popup_content div#content{ background: #fff; color: #333; }

/* top notice stuff */
div.top_notice{ background: #2e2e2e; }
div.top_notice a{ color: #bbb; }

div.top_notice div.notice{ margin: 0 auto; padding: 20px 0; width: 800px; }
  div.top_notice div.notice:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

div.top_notice div.notice.testing{ background: transparent none; }

div.top_notice div.notice b{ display: block; float: left; margin-top: -10px; position: absolute; width: 64px; height: 64px; }
div.top_notice div.notice.testing b{ background: url(/ppr/images/notice_testing.gif) 0 0 no-repeat;  }
div.top_notice div.notice.construct b{ background: url(/ppr/images/notice_construct.gif) 0 0 no-repeat;  }
div.top_notice div.notice.portal b{ background: url(/ppr/images/notice_portal.gif) 0 0 no-repeat;  }


div.top_notice div.notice span{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #282828; color: #fff; display: block; xxxfloat: left; font-size: 18px; font-weight: bold; letter-spacing: -0.035em; margin: 0; padding: 10px 20px 10px 70px; }

.display_none{ display: none; }
.display_block{ display: block; }
.display_inline{ display: inline; }


/*-------------------------------------------------
=============================CUSTOMER MENU */
    
    #mlm_div                        { background: #343434; display: block; }
    

/*-------------------------------------------- STYLES FOR TREEVIEW MENU */

.library_categories { 
  max-height: 410px; 
  overflow: auto; 
  padding: 0 0 10px; 
}
* html .library_categories,
* + html .library_categories { 
  position: relative; 
}
.library_categories ul { 
  margin: 0; 
  padding-left: 10px; 
}
.library_categories ul li { 
  background: url(/images/admin/cat.gif) 6px 0 repeat-y; 
  border: 0; 
  float: none; 
  padding: 2px 0 0 0; 
}
    
.library_categories ul li.l, 
.library_categories ul li:last-child { 
  background-repeat: no-repeat; 
}
.library_categories ul li span,
.library_categories ul li span.selected            { background: url(/images/admin/cat_h.gif) 12px 12px no-repeat; border: 0; display: block; padding: 7px 0 1px; white-space: nowrap; }
.library_categories ul li span:after              { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .library_categories ul li span              { height: 1px; }
* + html .library_categories ul li span            { min-height: 1px; }

.library_categories ul li span a.link              { background: url(/images/icons/itoolbar_ii/16/folder.png) 2px 0 no-repeat; display: inline-block; font-weight: normal; padding: 3px 0 2px 21px; text-decoration: none; }
* html .library_categories ul li span a.link          { display: inline; }
* + html .library_categories ul li span a.link        { display: inline; }

.library_categories ul li span a.link.private        { background: url(/images/icons/itoolbar_i/16/lock.png) 2px 0 no-repeat; }

.library_categories ul li span.selected a.link, 
.library_categories ul li span a.link.cat_drop      { -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #eee; color: #404040!important; font-weight: bold; padding-right: 3px; }
.library_categories ul li span a.link.cat_drop      { background-color: #ddd; }

.library_categories ul li span a.null,
.library_categories ul li span a.open,
.library_categories ul li span a.close {  
  display: block; 
  float: left; 
  height: 12px; 
  margin: 0 0 0 1px;
  opacity: 1;
  text-indent: -9999px; 
  width: 12px; 
}

.library_categories ul li span a.null { 
  background: url(/images/icons/itoolbar_i/12/button_blue_alt.png) 50% 100% no-repeat;  
}
.library_categories ul li span a.open { 
  background: url(/images/icons/itoolbar_ii/12/addd.png) 50% 100% no-repeat; 
}
.library_categories ul li span a.close { 
  background: url(/images/icons/itoolbar_ii/12/remove.png) 50% 100% no-repeat; 
}
    
/*-------------------------------------------- SUCCESS & WARNINGS */
    
.notice_container:after { 
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  line-height: 0; 
  visibility: hidden; 
}
* html .notice_container { 
  height: 1px; 
}
* + html .notice_container { 
  min-height: 1px; 
}
.notice_bd { 
  border-radius: 4px; 
  background: #eee; 
  float: left; 
  margin: 0 0 30px; 
  padding: 0;
}

.notice_int { 
  background: #f7f7f7; 
  border: 1px solid #d5d5d5; 
  font-size: 11px; 
}

.success, .warning, .notice {
  border: none;
  border-radius: 2px;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset; */
  display: block; 
  margin: 0; 
  padding: 0 10px; 
}
.notice_container h3, 
#content .notice_container h3 { 
  border: 0; 
  color: #fff; 
  font-size: 18px; 
  font-weight: normal; 
  letter-spacing: 0;
  line-height: 20px;
  margin: 0; 
  padding: 9px 0 9px 42px; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
}
.success { 
  background: #a5d200 url(/images/success_bg.gif) 0 100% repeat-x; 
}
.success h3 { 
  background: url(/images/icons/itoolbar_i/32/ok.png) 0 50% no-repeat; 
}
.success strong { 
  background-image: url(/images/icons/itoolbar_i/32/ok.png); 
}

.warning { 
  background: #e25127 url(/images/warning_bg.gif) 0 100% repeat-x; 
  border-color: #c2230d; 
}
.warning h3 { 
  background: url(/images/icons/itoolbar_i/32/stop.png) 0 50% no-repeat; 
}
.warning strong {  }
    
.notice { 
  background: #efbd00 url(/images/alert_bg.gif) 0 100% repeat-x;  
}
.notice h3 { 
  background: url(/images/icons/itoolbar_i/32/alert.png) 0 50% no-repeat; 
}




.notice_cont                        { padding: 10px 5px 5px 46px; }
.notice_cont a                      { color: #404040!important; font-weight: bold; text-decoration: underline; }
.notice_cont p                      { margin: 0 0 10px; padding: 0; }
.notice_int .submit                  { border-top: 1px solid #d4d4d4; margin: 0; padding: 5px 5px 5px 46px; }
.notice_int .submit .action            { margin-top: 4px; }


.notice-simple {
  padding: 5px;
  font-size: 12px;
  /*margin:3px;*/
  border-radius: 3px;
  border: 1px solid red;
}

.notice-simple.notice-error {
  background-color: #D84747;
  border-color: #8C2C2C;
  color: #ffffff;
}

.notice-simple.notice-warning {
  background-color: #D84747;
  border-color: #8C2C2C;
  color: #ffffff;
}
.notice-simple.notice-success {
  background-color: #3A7131;
  border-color: #132F0F;
  color: #ffffff;
}
.notice-simple.notice-information {
  background-color: #2773B5;
  border-color: #124069;
  color: #ffffff;
}

.notice-simple a {
  color: #000000;
}



/* base inline block ul */

ul.inline_block { 
  border-width: 0 0 1px; 
  margin: 0 0 7px; 
  padding: 5px 0 0; 
}
ul.inline_block:after { 
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  line-height: 0; 
  visibility: hidden; 
}
* html ul.inline_block { 
  height: 1px; 
}
* + html ul.inline_block { 
  min-height: 1px; 
}
    
    ul.inline_block li                { display: block; float: left; margin-right: 10px; padding: 0 15px 10px 0; }
    * html ul.inline_block li          { height: 1px; }
    * + html ul.inline_block li        { min-height: 1px; }
    
    ul.inline_block li label            { margin-right: 10px; }
    ul.inline_block li label .help      { background-position: 100% 50%; float: left; }
    
    ul.inline_block li.block          { clear: both; display: block; float: none; margin-left: 0; margin-right: 0; }
    ul.inline_block li.block:after      { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
    * html ul.inline_block li.block      { height: 1px; }
    * + html ul.inline_block li.block    { min-height: 1px; }
    
    ul.inline_block li.submit          { display: block; float: right; margin-left: 10px; margin-right: 0; text-align: right; }
    ul.inline_block li.submit:after    { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
    
    ul.inline_block li b.action        { float: left; margin: 0; }
    ul.inline_block li b.action input    { margin: 0; }
    ul.inline_block li.submit  input    { margin: -10px 0 0; }
    
    ul.inline_block.flat              { border: 0; float: right; margin: 0; padding: 0; }
    ul.inline_block.flat li              { float: right; margin: 0; }
    
    .inline_block.flat .action          { background: url(/images/new/box_action_a.gif) 0 0 no-repeat; float: right; margin: 0 0 0 5px; }
                              
    .inline_block.flat .action a,
    .inline_block.flat .action input    { background: url(/images/new/box_action_b.gif) 100% 0 no-repeat; font-size: 11px; height: 22px; line-height: 22px; }
    
    ul.inline_block li.float_label      {}
    ul.inline_block li.float_label:after  { clear: both; content: "."; display: block; height: 1px; line-height: 1px; visibility: hidden; }
    * html ul.inline_block li.float_label{
                                  height: 1px; }
    * + html ul.inline_block li.float_label{
                                  min-height: 1px; }
    
    ul.inline_block li.float_label label{ float: left; }
    
    ul.inline_block li.relative          { position: relative; }
    
    ul.inline_block li.disabled        { filter: Alpha(Opacity=40); opacity: 0.4; }
    ul.inline_block li.disabled a      { cursor: auto; }

    
    ul.inline_block textarea          { float: left; }
    
    ul.inline_block ul.radio          { -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #f7f7f7; border: 1px solid #eee; float: left; }
    ul.inline_block ul.radio li        { margin: 0 10px 0 0; }
    ul.inline_block li.float_label .radio label{
                                    float: none; }
                                    
    ul.inline_block .form li            { float: none; }
    
    .f_box .inline_block,
    .e_box .inline_block            { border: 0; margin: 0; }
    
    ul.inline_block .fixed_60          { width: 60px; }
    ul.inline_block .fixed_80          { width: 80px; }
    ul.inline_block .fixed_100        { width: 100px; }
    ul.inline_block .fixed_120        { width: 120px; }
    ul.inline_block .fixed_140        { width: 140px; }
    ul.inline_block .fixed_160        { width: 160px; }
    ul.inline_block .fixed_180        { width: 180px; }
    ul.inline_block .fixed_200        { width: 200px; }
    ul.inline_block .fixed_220        { width: 220px; }
    ul.inline_block .fixed_240        { width: 240px; }
    
    ul.inline_block label.fixed_60,
    ul.inline_block label.fixed_80,
    ul.inline_block label.fixed_100,
    ul.inline_block label.fixed_120,
    ul.inline_block label.fixed_140,
    ul.inline_block label.fixed_160,
    ul.inline_block label.fixed_180,
    ul.inline_block label.fixed_200    { display: block; float: left; text-align: right; }
    
    .e_box .options             { margin-top: 40px; } 
    
    ul.controls, 
    ol.controls        {}
    
    ul.controls li, 
    ol.controls li      { float: right; margin-left: 10px; }
    
    .control                { background-position:  50% 50%; background-repeat: no-repeat; display: block; height: 16px; text-indent: -9999px; width: 16px; }
    .control.up              { background-image: url(/images/icons/itoolbar_ii/16/up_button.png); }
    .control.down          { background-image: url(/images/icons/itoolbar_ii/16/down_button.png); }
    .control.delete          { background-image: url(/images/icons/itoolbar_ii/16/remove.png); }
    
    .control.configure        { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
    .control.edit            { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
    
    .control.featured        { background-image: url(/images/icons/itoolbar_i/16/star.png); }
    .control.home          { background-image: url(/images/icons/itoolbar_i/16/home.png); }
    .control.private          { background-image: url(/images/icons/itoolbar_i/16/lock.png); }
    
    .control.cut              { background-image: url(/images/icons/itoolbar_i/16/cut.png); }
    .control.copy            { background-image: url(/images/icons/itoolbar_i/16/file-copy.png); }
    .control.paste          { background-image: url(/images/icons/itoolbar_i/16/paste.png); }
    
    .control.remove        { background-image: url(/images/icons/itoolbar_i/16/delete.png); }
    .control.zoom_in        { background-image: url(/images/icons/itoolbar_i/16/zoom+.png); }
    .control.zoom_out      { background-image: url(/images/icons/itoolbar_i/16/zoom-.png); }
    
    .icon                  { background-position: 0 50%; background-repeat: no-repeat; display: block; line-height: 16px; padding-left: 20px; }
    .inline_block .icon      { display: inline; }
    .icon.add              { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
    .icon.add_category      { background-image: url(/images/icons/itoolbar_ii/16/add_folder.png); }
    .icon.add_image        { background-image: url(/images/icons/itoolbar_ii/16/add_file.png); }
    .icon.cancelled          { background-image: url(/images/icons/itoolbar_ii/16/cancel.png); }
    .icon.configure          { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
    .icon.delete            { background-image: url(/images/icons/itoolbar_i/16/delete.png); }
    
    .icon.edit              { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
    .icon.email            { background-image: url(/images/icons/itoolbar_i/16/mail.png); }
    .icon.flags              { background-image: url(/images/icons/itoolbar_ii/16/flag_yellow.png); }
    .icon.import            { background-image: url(/images/icons/itoolbar_ii/16/down.png); }
    .icon.ok,
    .icon.okay              { background-image: url(/images/icons/itoolbar_i/16/ok.png); }
    .icon.ordered          { background-image: url(/images/icons/itoolbar_ii/16/shop.png); }
    .icon.status            { background-image: url(/images/icons/itoolbar_i/16/info.png); }
    .icon.search            { background-image: url(/images/icons/itoolbar_i/16/search.png); }
    .icon.url                { background-image: url(/images/icons/itoolbar_i/16/web.png); }
    .icon.view              { background-image: url(/images/icons/itoolbar_i/16/search.png); }
    .icon.featured          { background-image: url(/images/icons/itoolbar_i/16/star.png); }
    .icon.home            { background-image: url(/images/icons/itoolbar_i/16/home.png); }
    .icon.private            { background-image: url(/images/icons/itoolbar_i/16/lock.png); }
    .icon.public            { background-image: url(/images/icons/itoolbar_i/16/unlock.png); }
    
    .icon.copy              { background-image: url(/images/icons/itoolbar_i/16/file-copy.png); }
    
    .drag                  { background: #eee; cursor: move; display: block; display: inline-block; height: 20px; margin: 3px 5px 3px 0; padding: 0; text-indent: -9999px; text-decoration: none; width: 20px;  }
    
/* library listing (for the portal) */
    
    .user_content .library_browser .hierarchy
                                  { float: left; width: 200px; }
    .user_content .library_browser .library_listing
                                  { float: right; width: 570px; }
                                  
/* configured products page stuff */

#product_listing            {  }
#product_listing table        { -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; }
#product_listing table  td      { vertical-align: top; }

div.configured_product      { display: block; padding: 5px; margin: 5px 5px 25px; }
div.configured_product h5    { display: block; margin-bottom: 10px; min-height: 35px; }

.product_color_list          { margin-top: 5px; padding: 2px; }
.product_color_list:after      { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .product_color_list    { height: 1px; }
* + html .product_color_list  { min-height: 1px; }

.product_color_list li        { display: block; float: left; margin: 3px; text-align: center; width: auto; }
.product_color_list li span    { display: block; line-height: 0; height: 20px; margin: 0; width: 20px; overflow: hidden;}
.product_color_list li span b  { display: block; float: left; line-height: 0; margin: 0; padding: 0; width: 20px; }

.image_box                { -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; margin-bottom: 5px; padding: 5px 0; text-align: center; }
.image_box img            { display: inline; }

a.light_window              {  clear: both; display: block; }
ul.product_details li a.light_window
                          { padding-left: 85px; }

/* column settings */
    
    /*.row:after                { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }*/
    * html .row                { height: 1px; }
    * + html .row              { min-height: 1px; }
    
    .column_one              { float: left; width: 49%; }
    .column_two              { float: right; width: 49%; }
    
    /*.m_p .column_one          { width: 20%; }
    .m_p .column_two          { width: 75%; }
    
    #product_view .column_one  { padding-bottom: 25px; position: relative; width: 60%; }
    #product_view .column_two  { width: 37%; }
    
    #product_view .form        { clear: both; }
    #product_view label        { width: auto; }
    */
    
/* new heading stuff */

/*
#admin_menu                  { 
      -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset, 0 4px 4px -4px rgba(0, 0, 0, .6); 
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#333333')";
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset, 0 4px 4px -4px rgba(0, 0, 0, .6);
      background: #4a4a4a url(/images/admin/admin_bar_bg.png) 0 0 repeat-x;
      background: -moz-linear-gradient(50% 0, #6e6e6e, #4a4a4a);
      background: -webkit-gradient(linear, 0 0, 0 100%, #6e6e6e, #4a4a4a);
      box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset, 0 4px 4px -4px rgba(0, 0, 0, .6);
      height: 36px; position: relative; z-index: 100; }

#admin_menu a                { color: #d4d4d4; font-size: 11px; font-weight: bold; text-decoration: none; }

#admin_menu .setter, 
#customer_menu .setter          { margin: 0 5px 0 15px; min-width: 980px; max-width: 1280px; }
#admin_menu li                { float: left; height: 36px; line-height: 36px; }

*/
/*
.s_icon                        { 
      -moz-border-radius: 2px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2), 0 2px 6px rgba(0, 0, 0, .8) inset; 
      -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2), 0 2px 6px rgba(0, 0, 0, .8) inset; 
      background: #fb9a25 url(/images/admin/admin_bar_bg.png) 0 0 repeat-x; background: -moz-linear-gradient(50% 0, #fb9a25, #b33304); background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fb9a25), to(#b33304)); 
      border-radius: 2px; box-shadow: 0 1px 0 rgba(255, 255, 255, .2), 0 2px 6px rgba(0, 0, 0, .8) inset;
      display: block; float: left; height: 32px; margin: 1px; padding: 0 10px 0 35px; position: relative; }
      
.s_icon:after                  { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .s_icon                  { height: 1px; }
* + html .s_icon                { min-height: 1px; }

.s_icon.grey                  { -moz-box-shadow: none; background: transparent; }

.s_icon .int                    { background-image: url(/images/admin/admin_bar_icons.png); background-repeat: no-repeat; display: block; float: left; height: 32px; left: 0; position: absolute; top: 0; width: 30px;  }

.s_icon.construction .int          { background-position: -895px -98px; }
.s_icon.construction.grey .int      { background-position: -895px 2px; }

.s_icon.testing .int              { background-position: -848px -98px; }
.s_icon.testing.grey .int          { background-position: -848px 2px; }

.s_icon h4                    { color: #fff; font-size: 12px; font-weight: bold; margin: 4px 0 0; white-space: nowrap; }
.s_icon p                      { color: #fff; font-size: 8px; white-space: nowrap; }

.s_note                      { 
      -moz-border-radius: 1px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3); 
      -webkit-border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3);
      background: -moz-linear-gradient(50% 0, #fb9a25, #b33304); 
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fb9a25), to(#b33304)); 
      border-radius: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 2px 4px rgba(0, 0, 0, .3);
      border: 1px solid #4c4c4c; left: 0; margin: 15px 0 0 0; padding: 5px 0 0; position: absolute; top: 100%; width: 300px; }
.s_note h4                    { color: #67310c; font-size: 12px; font-weight: bold; margin: 0 0 3px; padding: 0 10px; }
.s_note p                      { color: #fff; font-size: 11px; font-weight: normal; margin: 0 0 5px; padding: 0 10px; }

.s_note .tail                    { background: url(/images/admin/s_note_tail.png) 0 0 no-repeat;  height: 8px; left: 8px; margin: 1px 0 0; position: absolute; top: -7px; width: 12px; }

#admin_menu .s_icon            { margin: 1px 10px 0 0; }

*/

/* select product categories against blank product */
/*
.product_categories {
  margin: 10px; 
}
.product_categories ul {
  margin: 0 0 0 18px;
  position: relative;
}
.product_categories ul:after {
  background: url(/images/admin/cat.gif);
  content: "";
  display: block;
  height: 100%;
  left: 0; 
  margin: -5px 0 0 5px;
  padding: 5px 0 0;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: -1;
}
.product_categories ul li { 
  position: relative; 
}
.product_categories ul li label { 
  padding: 8px 18px; 
  position: relative;
}
.product_categories ul li label:before {
  background: #aaa;
  content: "";
  display: block;
  height: 5px;
  margin: -3px -11px 0;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 5px;
  z-index: -1;
}
.product_categories ul li label:after {
  background: url(/images/admin/cat_h.gif);
  content: "";
  display: block;
  height: 1px;
  line-height: 1px;
  margin: -1px -5px 0;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 15px;
  z-index: -1;
}
.product_categories ul li input {
  margin: 10px 0 0;
}
*/
/* select product popup*/

.select_products_hierarchy {
  overflow: hidden;
  padding: 10px 0;
}

.select_products_hierarchy  ul {
  margin: 0 0 10px 20px;
  padding: 0 0 10px;
  position: relative;
}
.select_products_hierarchy  .subcats:before {
    background: url("/images/admin/cat.gif") repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: -87px 0 0 5px;
    padding: 5px 0 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: -1;
}

.select_products_hierarchy li:last-child ul:before {
  content: none;  
}

.select_products_hierarchy ul.p_products { 
  display: block; 
  margin: 0 0 0 20px;
  padding: 0 0 10px 20px;
}
.select_products_hierarchy ul.p_products::after { 
  clear: both; 
  content:"."; 
  display:block; 
  height: 0; 
  line-height: 0; 
  visibility: hidden; 
}
.p_products li {
  border: 1px solid #aaa;
  display: block; 
  float: left; 
  margin: 1px 5px 1px 1px;
  padding: 3px; 
  position:relative;  
  text-align: center; 
  width: 50px; 
}
.p_products > li.alt { 
  border: 2px solid var(--accent-color-100);
  margin: 0 4px 0 0;
}

.p_products li img {
  display: block;
}

/* popup? */
.p_products li div { 
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  background-color: #fff; 
  border: 1px solid #aaa;
  cursor: pointer;
  display: none;
  left: -20px;
  position: absolute;
  text-align: center; 
  top: -20px;  
  z-index: 100;
}
.p_products li div img {
  width: 80px;  
}
.p_products li div span {
  background-color: #fff;
  display: block;   
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
  text-align: center;
}

.p_products li:hover div { 
  display: block;
  margin: 1px;
}
.p_products li.alt div {
  border: 2px solid #0685e1;
  margin: 0;
}

.p_category > label {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 7px 15px; 
  padding-left: 20px;
  position: relative;
}

.selectable_product_categories .p_category > label {
  margin: 0 0 5px 0px; 
}

.p_category > label:before {
  background: #aaa;
  content: "";
  display: block;
  height: 5px;
  margin: -2px -13px 0 0;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 5px;
  z-index: -1;
}
.p_category > label:after {
  background: url("/images/admin/cat_h.gif") repeat scroll 0 0 transparent;
  content: "";
  display: block;
  height: 1px;
  line-height: 1px;
  margin: -1px -10px 0;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 20px;
  z-index: -1;
}
/*  */

#selected_products {

}

.cprod-add-product {
  /*margin-right:20px;*/
}

.cprod-add-product .cprod-already-added, .cprod-add-product .cprod-click-to-add {
  position: relative;
  cursor: pointer;
}

.cprod-add-product .cprod-already-added div, .cprod-add-product .cprod-already-added p {
  opacity: .5;
}

.cprod-add-product .cprod-already-added::after {
  background-image: url(/images/icons/v7/product_selector_checked.png);
  content: " ";
  width: 63px;
  height: 63px;
  position: absolute;
  top: 28px;
  left: 38px;
  margin-left: 0;
}

.cp_blank_product {
  float: left;
  margin: 0 15px 20px;
}

.cp_blank_product > label {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  padding: 0;
}
.cp_blank_product > a {
  display: block;
  float: none !important;
  margin: 0 0 4px;
}

/* base decohub */
#base_decohub.alt              {
      background: #0d9ae7 url(/images/admin/admin_bar_bg.png) 0 0 repeat-x;
      background: -moz-linear-gradient(50% 0, #0d9ae7, #036bd7); 
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#0d9ae7), to(#036bd7)); }
      
#base_decohub a              { background-position: -293px 2px; }
#base_decohub.alt a            { background-position: -293px -98px; }

#base_view a, 
#base_view_simple a            { background-position: -1290px 2px; }
#base_view.alt a,
#base_view_simple.alt a          { background-position: -1290px -98px; }

#base_simple.alt, 
#base_view_simple.alt          { 
      background: #d52863 url(/images/admin/admin_bar_bg.png) 0 0 repeat-x; 
      background: -moz-linear-gradient(50% 0, #d52863, #c0113d);
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#d52863), to(#c0113d));
}

/* customer menu */

#customer_menu                      { 
      -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset, 0 4px 6px -6px rgba(0, 0, 0, .2);
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#333333')";
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset, 0 4px 6px -6px rgba(0, 0, 0, .2);
      background: #575757 url(/images/admin/admin_bar_bg.png) 0 0 repeat-x;
      background: -moz-linear-gradient(50% 0, #696969, #565656);
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#696969), to(#565656));
      box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset, 0 4px 6px -6px rgba(0, 0, 0, .2);
      height: 36px; position: relative; z-index: 99; }
      
#customer_menu ul li                  { float: left; }
#customer_menu a                    { text-decoration: none; }
#customer_menu ul li a,
#customer_menu ul li>span              { background: url(/images/admin/customer_divider.png) 100% 50% no-repeat; color: #d4d4d4; display: inline-block; font-size: 11px; height: 36px; line-height: 36px; padding: 0 10px 0 5px; text-decoration: none; }

#customer_menu ul li a:hover          { 
      -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .4) inset;
      -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .4) inset;
      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .4) inset; }

#customer_menu a span                { background-image: url(/images/admin/user_icons.png); background-repeat: no-repeat; display: inline-block; height: 34px; line-height: 34px; padding-left: 20px; }
#customer_menu .view span            { background-position: 0 50%; }
#customer_menu .edit span            { background-position: -150px 50%; }
#customer_menu .uploaded span        { background-position: -300px 50%; }
#customer_menu .purchases span      { background-position: -600px 50%; }
#customer_menu .outstanding span      { background-position: -1200px 50%; }
#customer_menu .statements span      { background-position: -1050px 50%; }
#customer_menu .history span          { background-position: -898px 50%; }
#customer_menu .working span          { background-position: -450px 50%; }
#customer_menu .quotes span          { background-position: -1348px 50%; }
#customer_menu .logout span          { background-position: -750px 50%; }

#customer_menu .c_right              { float: right; }

#customer_menu ul li a span b    { 
      -moz-border-radius: 2px; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .3) inset, 0 10px 6px -2px rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(255, 255, 255, .07); 
      -webkit-border-radius: 2px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .3) inset, 0 10px 6px -2px rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(255, 255, 255, .07);
      background: #555;
      border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, .3) inset, 0 10px 6px -2px rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(255, 255, 255, .07); 
      color: #ddd; display: inline-block; font-weight: bold; height: 24px; line-height: 24px; margin: 0 0 0 5px; padding: 0 5px; }

#customer_menu ul li.alt,
#user_edit #customer_menu ul li.edit,
#user_assets #customer_menu ul li.uploaded,
#user_view_asset #customer_menu ul li.uploaded,
#user_orders #customer_menu ul li.purchases,
#user_view_order #customer_menu ul li.purchases,
#user_outstanding #customer_menu ul li.outstanding,
#user_statements #customer_menu ul li.statements,
#user_statement #customer_menu ul li.statements,
#user_working_copies #customer_menu ul li.working,
#user_quotes #customer_menu ul li.quotes,
#user_view_quote #customer_menu ul li.quotes
                            { background: #7f7f7f; background: #666; background: -moz-linear-gradient(50% 0, #7f7f7f, #666); background: -webkit-gradient(linear, 0 0, 0 100%, from(#7f7f7f), to(#666)); }

#user_edit #customer_menu ul li.edit a,
#user_assets #customer_menu ul li.uploaded a,
#user_view_asset #customer_menu ul li.uploaded a,
#user_orders #customer_menu ul li.purchases a,
#user_view_order #customer_menu ul li.purchases a,
#user_outstanding #customer_menu ul li.outstanding a,
#user_statements #customer_menu ul li.statements a,
#user_statement #customer_menu ul li.statements a,
#user_working_copies #customer_menu ul li.working a,
#user_quotes #customer_menu ul li.quotes a,
#user_view_quote #customer_menu ul li.quotes a
                              { -moz-box-shadow: none; -webkit-box-shadow: none; background: transparent none; box-shadow: none; }
                              
.page_option                    { -moz-border-radius: 2px!important; -moz-box-shadow:  0 1px 3px rgba(0, 0, 0, .5); background: #292929; display: none; height: 24px; margin: -12px 0 0; position: absolute; right: 100%; top: 50%; white-space: nowrap; z-index: 100; }
.p_o .page_option                { display: block; }

.page_option a                    { -moz-box-shadow: -1px 0 0 rgba(0, 0, 0, .1), 1px 0 0 rgba(255, 255, 255, .2) inset; background-image: url(/images/admin/option_icons.png)!important; background-position: 3px -26px!important; background-repeat: no-repeat!important; border: none!important; color: #c9c9c9!important; display: inline-block!important; font: normal 11px arial!important; height: 24px!important; letter-spacing: 0!important; line-height: 24px!important; margin: 0!important; padding: 0 10px 0 26px!important; text-decoration: none!important; text-transform: none!important; white-space: nowrap; }
.page_option a   b                  { display: none; }
.page_option a:first-child          { -moz-box-shadow: none; }

.page_option a.fulfill              { background-position: 3px 4px!important; }

.page_option:hover              { -moz-border-radius: 2px 0 0 2px!important; }

.page_option a:hover              { background-color: #0685e1!important; background-position: 3px -56px!important; }
.page_option .fulfill:hover          { background-color: #53bb28!important; }

.left .page_option                  {  }
.right .page_option,
.column_a .page_option,
.phone .page_option,
.search .page_option, 
.ul_add li .page_option, 
.description .meta .page_option, 
#m_customize_pane .page_option     { left: 100%; right: auto; }

.right .page_option:hover          { -moz-border-radius: 0 2px 2px 0!important; }

.row li.display .page_option,
.create_list li .page_option          { left: 0; right: auto; top: 30px; z-index: 900; }

.p_o .right                      { overflow: visible; }

#option_overlay                  { -moz-box-shadow: 0 6px 8px -4px rgba(0, 0, 0, .5); display: none; position: absolute; z-index: 899; }
#option_overlay div                { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background: #0685e1; filter: alpha(opacity=50); opacity: .5; }
#option_overlay b                { -moz-border-radius: 1px!important; border: 2px solid #0685e1; display: block; left: 0; position: absolute; top: 0; }

#option_overlay.fulfill div            { background: #53bb28; }
#option_overlay.fulfill b            { border-color: #53bb28; }

#option_overlay_tip { 
  background: #036bd7; 
  background: -moz-linear-gradient(50% 0 , #0d9ae7, #036bd7);
  background: -ms-linear-gradient(50% 0 , #0d9ae7, #036bd7);
  background: -o-linear-gradient(50% 0 , #0d9ae7, #036bd7);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#0d9ae7), to(#036bd7));
  xxxborder: 1px solid #036bd7;
  bottom: 100%;
  border-radius: 3px; 
  box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 1px 3px rgba(0, 0, 0, .3);
  color: #fff; 
  display: block; 
  font-size: 11px; 
  font-weight: normal; 
  margin: 0 0 10px 0; 
  padding: 10px; 
  position: absolute; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
  width: 260px; 
}
#option_overlay_tip b { 
  border: 6px solid #fff;
  border-color: #036bd7 transparent transparent;
  height: 0; 
  left: 50%; 
  margin: 0 0 0 -6px; 
  position: absolute; 
  top: 100%; 
  width: 0; 
}

.fulfill #option_overlay_tip { 
  background: #53bb28; 
  background: -moz-linear-gradient(50% 0 , #78B602, #28695F);
  background: -ms-linear-gradient(50% 0 , #78B602, #28695F);
  background: -o-linear-gradient(50% 0 , #78B602, #28695F);
  background: -webkit-gradient(linear, 50% 0 , 50% 100%, from(#78B602), to(#28695F));
}
.fulfill #option_overlay_tip b{ 
  border-color: #28695F transparent transparent;
}

/* backend options */
#back_option                    { background: #404040; color: #fff; height: 1px; overflow: hidden; position: absolute; top: -20px; visibility: hidden;width: 1px; z-index: 9999; }

#back_overlay                    { display: none; height: 2px; overflow: visible; position: absolute; z-index: 9999; width: 2px; }
#back_overlay b                  { background: #0685e1; display: block; height: 2px; left: 0; margin: -2px 0 0 -2px; position: absolute; top: 0; width: 2px; }
.ppr #back_overlay b              { background: #0685e1; }

#back_overlay>b:nth-child(2)      { margin: -2px -2px 0 0; }
#back_overlay>b:nth-child(3)      { margin: 0 0 -2px -2px; }

#b_a, #b_b, #b_c, #b_d            { background: #0685e1; height: 2px; position: absolute; width: 2px; z-index: 9999; }
#ff #b_a, #ff #b_b, #ff #b_c, #ff #b_d
                              { background: #53bb28; }

#b_a                          { left: 0; top: 0; }
#b_b                          { right: 0; top: 0; }
#b_c                          { bottom: 0; left: 0; }
#b_d                          { left: 0; top: 0; }


#ff #back_overlay b              { background: #53bb28; }

/* back tip */
#back_tip                        { -moz-border-radius: 1px; -moz-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, .4); background: #036bd7; background: -moz-linear-gradient(50% 0 , #0d9ae7, #036bd7); border: 1px solid #036bd7; bottom: 100%; display: block; font-size: 11px; font-weight: normal; margin: 0 0 10px; padding: 10px; position: absolute; width: 260px; }
#back_tip b                      { background: url(/images/admin/overlay_tip_tail.png) 0 0 no-repeat; border: none; height: 6px; left: 50%; margin: 0 0 0 -6px; position: absolute; top: 100%; width: 12px; }

#ff #back_tip                    { color: #53bb28; background: -moz-linear-gradient(50% 0 , #6dc841, #3ca71a); border: 1px solid #53bb28; }
#ff #back_tip b                  { background: url(/images/admin/overlay_tip_tail.png) 0 100% no-repeat; }

#back_tip_scroll                  { height: 1px; left: 0; line-height: 0; margin: -15px 0 0; padding: 0; position: absolute; top: 0; visibility: hidden; width: 1px; }

#back_span                      { color: #fff; }

/* site map */

#site_map                      { 
      -moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .6); 
      -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .6); 
      background: url(/images/admin/map_bg.png); 
      box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .6); 
      left: 0; min-width: 1100px; position: absolute; top: 36px; width: 100%; z-index: 99; }

#map_container                  { margin: 40px; position: relative; }

/* actual pages */

#fc                            { height: 360px; }
#sp                            { height: 300px; }
#sto                            { height: 260px; }
#solo                          { height: 220px; }

#site_map .page_list              { position: relative; }
#site_map .page_list li              { position: absolute; }
#site_map .page_list li a            { text-decoration: none; }

#site_map .page_list .map_a        { 
      -moz-border-radius: 1px;
      -webkit-border-radius: 1px;
      background: #505050;
      background: -moz-linear-gradient(50% 0, #6f6f6f, #505050);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#6f6f6f), to(#505050));
      border-radius: 1px;
      color: #e9e9e9!important; display: block; font-size: 11px; height: 22px; line-height: 22px; padding: 0 10px 0 26px; position: relative; z-index: 10; }
#site_map .page_list .map_a:hover  { 
      -moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .4) inset;
      -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .4) inset;
      box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .4) inset; background: #505050; }
#site_map .page_list .alt .map_a      { -moz-border-radius: 1px 0 0 1px; -webkit-border-radius: 1px 0 0 1px; background: #505050; border-radius: 1px 0 0 1px; border-right: 1px solid #505050; }
#map_mfc .map_a,
#map_mfc .drop                  { border: 1px solid #60c017; }
#map_ms .map_a,
#map_ms .drop                  { border: 1px solid #1796c0; }
#map_vs .map_a,
#map_vs .drop                  { border: 1px solid #ff8400; }
#map_solo .map_a,
#map_solo .drop                  { border: 1px solid #d01a70; }

.page_list .map_a strong            { display: inline-block; }
.page_list .map_a span            { background: url(/images/admin/map_dropdown.gif) 0 50% no-repeat; display: inline-block; height: 22px; margin-left: 5px; width: 8px; }

/* dropdown menu */
#site_map .page_list .drop          { 
      -moz-border-radius: 1px;
      -moz-box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .4);
      -webkit-border-radius: 1px;
      -webkit-box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .4);
      background: #505050;
      border-radius: 1px;
      box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .4);
      display: block; left: 100%; margin: -10px 0 0 -1px; padding: 0; position: absolute; top: 0; width: 240px; z-index: 9; }

#site_map .page_list .drop li      { position: static; }
#site_map .page_list .drop a      { 
      -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1); 
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
      background-position: 3px 3px; background-repeat: no-repeat;
      border-bottom: 1px solid rgba(0, 0, 0, .1); 
      box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
      color: #e9e9e9!important; display: block; font-size: 11px; padding: 7px 10px 7px 14px; position: relative; }
      
#site_map .drop a:hover  { 
      -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); background: #404040; }
      
#site_map .page_list .drop li:last-child a
                            { -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom: none; box-shadow: none; }
#site_map .page_list .drop a span  { background-position: 0 12px; background-repeat: no-repeat; display: block; padding: 0 5px 0 22px; }
#site_map .page_list .drop a em    { display: block; }

/* big icons */
#site_map .page_list b            { display: block; height: 24px; left: 0; margin: -6px 0 0 -6px; position: absolute; top: 0; width: 24px; }
#site_map .page_list .drop b      { margin: 4px 0 0 4px; }

/* smaller icons */
#site_map .page_list i            { display: block; height: 16px; left: 0; margin: 2px 0 0 6px; position: absolute; top: 0; width: 16px; }
#site_map .page_list .drop i        { margin: 12px 0 0 16px; }

/*--------------------x positions */

/* first col */
#fc_ds, #fc_d, #fc_ts, #fc_sm, #fc_ap, #fc_bo,
#sto #fc_dp, #sto #fc_wp, #sto #fc_store_d
                              { left: 0; }
/* second col */
#fc_pt, #fc_bp, #fc_bpb, #fc_stock_d, #fc_a, #fc_c, #fc_o,
#sto #fc_md, #sto #fc_m, #sto #fc_ss, #sto #fc_sa, #sto #fc_stat

                              { left: 220px; }
/* third col */
#fc_dp, #fc_wp, #fc_store_d, 
#sto #fc_w
                              { left: 440px; }
/* fourth col */
#fc_md, #fc_m, #fc_ss, #fc_sa
                              { left: 660px; }
/* fifth col */
#fc_w, #fc_aw
                              { left: 880px; }

/*--------------------y positions */

/* first row */
#fc_pt, 
#sto #fc_dp, #sto #fc_md, 
#solo #fc_ds
                              { top: 0; }

/* second row */
#fc_ds, 
#sto #fc_m                      { top: 30px; }

/* third row */
#fc_bp, #fc_dp, #fc_md, 
#sto #fc_wp, #sto #fc_ss, #sto #fc_w,
#solo #fc_d
                              { top: 60px; }
/* fourth row */
#fc_d, #fc_m,
#sto #fc_sa,
#solo #fc_wp, #solo #fc_ss, #solo #fc_w
                              { top: 90px; }

/* fifth row */
#fc_ts, #fc_bpb, #fc_wp, #fc_ss, #fc_w,
#sto #fc_store_d, 
#solo #fc_stock_d, #solo #fc_sa
                              { top: 120px; }

/* sixth row */
#fc_sm, #fc_sa, 
#sto #fc_c
                              { top: 150px; }

/* seventh row */
#fc_stock_d, #fc_store_d, 
#sto #fc_o, #sto #fc_bo, 
#solo #fc_o, #solo #fc_bo 
                              { top: 180px; }
/* eighth row */

/* ninth row */
#fc_ap, #fc_a, #fc_aw, #sp #fc_c, #sp #fc_bo, 
#sto #fc_stat
                              { top: 240px; }

/* tenth row */
#sp #fc_o
                              { top: 270px; }
/* eleventh row */
#fc_bo, #fc_c
                              { top: 300px; }

/* twelth row */
#fc_o
                              { top: 330px; }
                              
/*------------------------ h_line */
#h_line                          {  }
#h_line li                        { display: block; height: 24px; position: absolute; width: 220px; }
#h_line li span                    { background: #60c017; display: block; height: 2px; margin-top: -1px; position: absolute; top: 50%;  }
#h_line li span.grad                { background-image: url(/images/admin/map_lines.png); background-position: 100% 0; background-repeat: no-repeat; }
#h_line #h_line_ms li span.grad      { background-image: url(/images/admin/map_lines.png); background-position: 100% 100%; background-repeat: no-repeat; }
#h_line #h_line_solo li span.grad    { background-image: url(/images/admin/map_lines.png); background-position: 100% 50%; background-repeat: no-repeat; }

#h_line li span.right                { right: 0; }
#h_line li span.top                { top: 2px; }
#h_line li span.bottom              { bottom: 2px; top: auto }

#fc_line_1                      { top: 30px; }

#fc_line_2                      { top: 90px; }
#fc_line_3                      { top: 120px; }
#fc_line_4                      { top: 150px; }

.row_1                          { top: 0; }
.row_2                          { top: 30px; }
.row_3                          { top: 60px; }
.row_4                          { top: 90px; }
.row_5                          { top: 120px; }
.row_6                          { top: 150px; }
.row_7                          { top: 180px; }
.row_8                          { top: 210px; }
.row_9                          { top: 240px; }
.row_10                        { top: 270px; }
.row_11                        { top: 300px; }
.row_12                        { top: 330px; }

.col_1                          { left: 0; }
.col_2                          { left: 220px; }
.col_3                          { left: 440px; }
.col_4                          { left: 660px; }
.col_5                          { left: 880px; }

.right.short                      { width: 40px; }
.short                          { width: 150px; }
.long                            { width: 180px; }
.full                            { width: 220px; }

#hl_4                          { width: 50px!important; }
#hl_12                          { width: 170px!important; }

/*------------------------ v_line */

#v_line li                        { display: block; height: 24px; position: absolute; }
#v_line li span                    { background: #60c017; display: block; margin: 11px 0 0 50px; position: absolute; width: 2px; }

#v_line_ms li span,
#h_line_ms li span                { background: #1796c0; }
#v_line_vs li span,
#h_line_vs li span                { background: #ff8400; }
#v_line_solo li span, 
#h_line_solo li span                { background: #d01a70; }

.h_30                          { height: 32px; }
.h_60                          { height: 62px; }
.h_90                          { height: 92px; }
.h_120                          { height: 122px; }
.h_150                          { height: 152px; }
.h_180                          { height: 182px; }

#vl_1                          { margin-left: 150px!important; }
#vl_2                          { margin-left: 170px!important; }
#vl_3                          { height: 50px; margin-left: 180px!important; }
#vl_4                          { height: 162px; margin: 20px 0 0 180px!important; }
#vl_5                          { margin-left: 180px!important; }
#vl_6                          { margin-left: 150px!important; }
#vl_7                          { margin-left: 150px!important; }
#vl_8                          { margin-left: 150px!important; }
#vl_9                          { margin-left: 150px!important; }
#vl_10                          { margin-left: 180px!important; }

/* arrows */

#site_map .arrow.up, 
#site_map .arrow.down            { background-image: url(/images/admin/map_arrows.gif); background-repeat: no-repeat; display: block; height: 4px; margin-left: -3px; margin-top: -2px; position: absolute; top: 50%; width: 8px; }

#site_map  .arrow.left, 
#site_map .arrow.right            { background-image: url(/images/admin/map_arrows.gif); background-repeat: no-repeat; display: block; height: 8px; margin-top: -3px; position: absolute; width: 4px; }

#site_map .arrow.green.right        { background-position: 0 0; }
#site_map .arrow.green.left        { background-position: 100% 0; }
#site_map .arrow.green.up          { background-position: 0 -8px; }
#site_map .arrow.green.down      { background-position: 100% -8px; }

#site_map .arrow.blue.right        { background-position: 0 -12px; }
#site_map .arrow.blue.left          { background-position: 100% -12px; }
#site_map .arrow.blue.up          { background-position: 0 -20px; }
#site_map .arrow.blue.down        { background-position: 100% -20px; }

#site_map .arrow.orange.right      { background-position: 0 -24px; }
#site_map .arrow.orange.left        { background-position: 100% -24px; }
#site_map .arrow.orange.up        { background-position: 0 -32px; }
#site_map .arrow.orange.down      { background-position: 100% -32px; }

#site_map .arrow.red.right          { background-position: 0 -36px; }
#site_map .arrow.red.left          { background-position: 100% -36px; }
#site_map .arrow.red.up            { background-position: 0 -44px; }
#site_map .arrow.red.down        { background-position: 100% -44px; }

#site_map .short .arrow            { left: 135px; }
#site_map .long .arrow            { left: 155px; }
#site_map .right.short .arrow, 
#site_map .full .arrow              { left: auto; right: 15px; }

/* map headings */
#map_header ul:after              { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #map_header ul              { height: 1px; }
* + html #map_header ul            { min-height: 1px; }

#map_header li                  { float: left; width: 440px; }
#h_vs                          { width: 180px; }
#map_header li:first-child          { width: 480px; }
#map_header li.h_solo            { width: 920px; }

#map_header_headings            { background: rgba(0, 0, 0, .07); }
#map_header_headings h4          { color: #eee; font-size: 12px; font-weight: bold; margin: 0; padding: 10px 0; }
#map_header_headings li:first-child h4  
                              { margin-left: 40px; }

#map_header_bar                { background: #ff8400; height: 5px; position: relative; width: 100%; }
#map_header_bar li                { height: 5px; }
#map_header_bar li.overlay        { 
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .6) inset; 
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .6) inset; 
      box-shadow: 0 2px 3px rgba(0, 0, 0, .6) inset; 
      left: 0; position: absolute; top: 0; width: 100%; }


#map_header_bar .h_mfc          { background: #60c017 url(/images/admin/map_lines.png) 100% 0 no-repeat; }
#map_header_bar .h_ms          { background: #1796c0 url(/images/admin/map_lines.png) 100% 100% no-repeat; }
#map_header_bar .h_solo          { background: #d01a70 url(/images/admin/map_lines.png) 100% 50% no-repeat; }

/* button icons */

#fc_ds b                        { background-image: url(/images/icons/itoolbar_ii/24/packages.png); }
#fc_ds i                        { background-image: url(/images/icons/itoolbar_ii/16/pictures.png); }

#fc_dp b                        { background-image: url(/images/icons/itoolbar_ii/24/packages.png); }
#fc_dp i                        { background-image: url(/images/icons/itoolbar_ii/16/pictures.png); }

#fc_d i                          { background-image: url(/images/icons/famfam/calculator_delete.png); }
#fc_ts i                        { background-image: url(/images/icons/famfam/calculator_error.png); }
#fc_sm i                        { background-image: url(/images/icons/famfam/lorry.png); }
#fc_ap i                        { background-image: url(/images/icons/famfam/coins_add.png); }
#fc_bo i                        { background-image: url(/images/icons/famfam/calculator_delete.png); }

#fc_pt b                        { background-image: url(/images/icons/itoolbar_ii/24/packages.png); }
#fc_pt i                        { background-image: url(/images/icons/itoolbar_i/16/ok.png); }

#fc_bp b                        { background-image: url(/images/icons/itoolbar_ii/24/packages.png); }
#fc_bp i                        { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }

#fc_bpb b                      { background-image: url(/images/icons/itoolbar_ii/24/packages.png); }
#fc_bpb i                        { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }

#fc_stock_d b                    { background-image: url(/images/icons/itoolbar_ii/24/pictures.png); }
#fc_stock_d i                    { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }

#fc_store_d b                    { background-image: url(/images/icons/itoolbar_ii/24/pictures.png); }
#fc_store_d i                    { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }

#fc_a b                        { background-image: url(/images/icons/itoolbar_i/24/home.png); }
#fc_a b                        { background-image: url(/images/icons/itoolbar_i/24/home.png); }

#fc_c b                        { background-image: url(/images/icons/itoolbar_i/24/users.png); }
#fc_o b                        { background-image: url(/images/icons/itoolbar_ii/24/package.png); }

#fc_wp b                        { background-image: url(/images/icons/itoolbar_ii/24/window.png); }

#fc_w b,
#fc_aw b                        { background-image: url(/images/icons/itoolbar_i/24/web.png); }

#fc_md i                        { background-image: url(/images/icons/famfam/asterisk_yellow.png); }
#fc_m b                        { background-image: url(/images/icons/itoolbar_ii/24/anthena.png); }
#fc_ss i                        { background-image: url(/images/icons/famfam/cog.png); }
#fc_sa i                        { background-image: url(/images/icons/famfam/html.png); }

/* decoration processes */

.processes_select a,
.processes_type a,
.processes_cost a,
.processes_palette a,
.processes_price_table a,
.processes_configure_wemb a,
.processes_configure_dtg a,
.processes_configure_sub a                  { background-image: url(/images/icons/itoolbar_ii/24/paint.png);  }

#site_map .processes_select a span            { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
#site_map .processes_cost a span            { background-image: url(/images/icons/itoolbar_i/16/dollar.png); }
#site_map .processes_type a span            { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
#site_map .processes_palette a span          { background-image: url(/images/icons/itoolbar_ii/16/start.png); }
#site_map .processes_price_table a span        { background-image: url(/images/icons/itoolbar_ii/16/note.png); }
#site_map .processes_configure_wemb a span  { background-image: url(/images/icons/itoolbar_ii/16/misc.png); }
#site_map .processes_configure_dtg a span    { background-image: url(/images/icons/itoolbar_ii/16/misc_green.png); }

/* stock designs */
.library_select a,
.library_manage a,
.library_batch a                            { background-image: url("/images/icons/itoolbar_ii/24/pictures.png"); }
#site_map .library_select a span              { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
#site_map .library_manage a span              { background-image: url(/images/icons/itoolbar_ii/16/folder.png); }
#site_map .library_batch a span                { background-image: url(/images/icons/itoolbar_ii/16/file_copy.png); }

/*stores */
#site_map .stores_view a,
#site_map .stores_create a,
#site_map .stores_groups a,
#site_map .stores_pos a,
#site_map .stores_pay a                    { background-image: url(/images/icons/itoolbar_i/24/home.png); }

#site_map .stores_view a span              { background-image: url(/images/icons/itoolbar_i/16/search.png); }
#site_map .stores_create a span            { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
#site_map .stores_groups a span            { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
#site_map .stores_pos a span              { background-image: url(/images/icons/itoolbar_i/16/info.png); }
#site_map .stores_pay a span              { background-image: url(/images/icons/itoolbar_ii/16/card_machine.png); }

/* customers */

#site_map .customers_view a,
#site_map .customers_import a,
#site_map .customers_record_payments a,
#site_map .customers_terms a,
#site_map .acc_opts a,
#site_map .acc_coro a                    { background-image: url(/images/icons/itoolbar_i/24/users.png); }

#site_map .customers_view a span          { background-image: url(/images/icons/itoolbar_i/16/search.png); }
#site_map .customers_import a span          { background-image: url(/images/icons/itoolbar_ii/16/down.png); }
#site_map .customers_record_payments a span  
                                      { background-image: url(/images/icons/itoolbar_ii/16/credit_card_ok.png); }
#site_map .customers_terms a span          { background-image: url(/images/icons/itoolbar_ii/16/doc.png); }
#site_map .acc_opts a span                { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
#site_map .acc_coro a span                { background-image: url(/images/icons/itoolbar_ii/16/mail_seal.png); }

/* orders */

#site_map .orders_download a,
#site_map .orders_manage a,
#site_map .orders_export a,
#site_map .orders_growth a,
#site_map .orders_breakdown a,
#site_map.orders_production_stats a,
#site_map .orders_consolidation a,
#site_map .orders_options a,
#site_map .orders_users a,
#site_map .orders_management_system a  { background-image: url(/images/icons/itoolbar_ii/24/package.png); }

#site_map .oms_opts a span              { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }

#site_map .orders_download a span        { background-image: url(/images/icons/itoolbar_ii/16/download_package.png); }
#site_map .orders_manage a span          { background-image: url(/images/icons/itoolbar_i/16/dollar.png); }
#site_map .orders_export a span          { background-image: url(/images/icons/itoolbar_ii/16/doc.png); }
#site_map .orders_growth a span          { background-image: url(/images/icons/itoolbar_ii/16/up.png); }
#site_map .orders_breakdown a span      { background-image: url(/images/icons/itoolbar_ii/16/packages.png); }
#site_map.orders_production_stats a span  { background-image: url(/images/icons/itoolbar_i/16/statistic.png); }
#site_map .orders_consolidation a span    { background-image: url(/images/icons/itoolbar_ii/16/file.png); }
#site_map .orders_options a span          { background-image: url(/images/icons/itoolbar_ii/16/pictures.png); }
#site_map .orders_users a span          { background-image: url(/images/icons/itoolbar_i/16/file-doc.png); }
#site_map .orders_management_system a span        
                                    { background-image: url(/images/icons/itoolbar_i/16/cal.png); }
#site_map .oms_opts a span              { background-image: url(/images/icons/itoolbar_ii/16/tools.png); }

/* store designs */

#site_map .designs_designs a,
#site_map .designs_categories a,
#site_map .designs_stock a,
#site_map .designs_watermark a          { background-image: url(/images/icons/itoolbar_ii/24/pictures.png); }

#site_map .designs_designs a span        { background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
#site_map .designs_categories a span      { background-image: url(/images/icons/itoolbar_ii/16/folder.png); }
#site_map .designs_stock a span          { background-image: url(/images/icons/itoolbar_ii/16/file_copy.png); }
#site_map .designs_watermark a span      { background-image: url(/images/icons/itoolbar_ii/16/doc.png); }

/* marketing */

#site_map .marketing_newsletter a,
#site_map .marketing_email a,
#site_map .marketing_flash a,
#site_map .marketing_iframe a,
#site_map .marketing_rss a              { background-image: url(/images/icons/itoolbar_ii/24/anthena.png); }

#site_map .marketing_newsletter a span    { background-image: url(/images/icons/itoolbar_ii/16/doc.png); }
#site_map .marketing_email a span          { background-image: url(/images/icons/itoolbar_ii/16/mail_seal.png); }
#site_map .marketing_flash a span          { background-image: url(/images/icons/famfam/page_white_flash.png); }
#site_map .marketing_iframe a span        { background-image: url(/images/icons/famfam/page_white_code.png); }
#site_map .marketing_rss a span          { background-image: url(/images/icons/famfam/rss.png); }

/* appearance */
#site_map .template_select a              { background-image: url(/images/icons/famfam/layout_content.png); }
#site_map .template_css a                { background-image: url(/images/icons/famfam/css.png); }
#site_map .template_html a                { background-image: url(/images/icons/famfam/html.png); }

/* banking options */

#site_map .ec_pg a                      { background-image: url(/images/icons/famfam/world.png); }
#site_map .ec_epm a                    { background-image: url(/images/icons/famfam/coins.png); }

/* stats */

#site_map .stats_website a              { background-image: url(/images/icons/famfam/chart_bar.png); }
#site_map .stats_viral a                  { background-image: url(/images/icons/famfam/chart_line.png); }
#site_map .stats_usage a                { background-image: url(/images/icons/famfam/chart_curve.png); }
#site_map .stats_tracking a              { background-image: url(/images/icons/famfam/chart_organisation.png); }
#site_map .stats_google a                { background-image: url(/images/icons/famfam/report.png); }
#site_map .stats_top a                  { background-image: url(/images/icons/famfam/chart_pie.png); }

/* cover things up */
#cover                          { height: 400px; left: 0; position: absolute; top: 0; width: 100%; z-index: 200; }

.dividers li                      { border-left: 1px dotted #666; border-left: 1px dotted rgba(255, 255, 255, .15); position: absolute; width: 1px; }
#div_sto li                      { height: 400px; }
#div_sp li                        { height: 460px; }
#div_fc li                        { height: 480px; }
#div_1                          { margin-left: 450px; }
#div_2                          { margin-left: 890px; }

#select_design_list li              { background: #cacaca; border-radius: 5px!important; box-shadow: 0 2px 3px rgba(0, 0, 0, .4); margin-bottom: 10px; padding: 4px; }
#select_design_list li a            { 
      background: #ebf0f0; 
      background: #ebf0f0 -moz-linear-gradient(50% 0, #ecf1f1, #dee4e5); 
      background: #ebf0f0 -webkit-linear-gradient(50% 0, #ecf1f1, #dee4e5);
      border: 1px solid #b2b2b2; border-radius: 1.6px; box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 3px rgba(0, 0, 0, .3); color: #404040; display: block; height: 125px; padding: 5px 10px 0 190px; position: relative; text-decoration: none; }

.sdl_icon                        { 
      background: #c67d20; 
      background: #c67d20 -moz-linear-gradient(50% 0, #cc8a26, #be6d18); 
      background: #c67d20 -webkit-linear-gradient(50% 0, #cc8a26, #be6d18); 
      height: 100%; left: 0; position: absolute; top: 0; width: 180px; }
.sdl_icon b                      { background-image: url(/images/das/select_sprite.png); background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#sdl_templates .sdl_icon b          { background-position: 15px -5px; }
#sdl_templates .sdl_icon b          { background-position: 15px -5px; }      
#sdl_designs .sdl_icon b            { background-position: 15px -160px; }

#select_design_list li a h4          { margin-bottom: 10px; }

/* prod list */

.prod_category                { width: 200px; }
.prod_list_float                  { width: 870px; }

.prod_category                { 
      -moz-border-radius:     1px; 
      -webkit-border-radius:   1px; 
      border-radius:           1px; 
      border: 1px solid #ddd; background: #f8f8f8; max-height: 500px; overflow: auto; }

.prod_category ul              { margin-left: 22px; padding: 3px 0; }
.prod_category ul li              { background: url(/images/admin/cat.gif) 7px 0 repeat-y; }
.prod_category ul li:last-child    { background: url(/images/admin/cat.gif) 7px 0 no-repeat; }
.prod_category ul li span          { background: url(/images/admin/cat_h.gif) 12px 12px no-repeat; display: block; line-height: 24px; }
.prod_category ul li a            {  }
.prod_category ul li .icon          { margin: 0 5px 0 0; padding: 0; }
.prod_category ul li a.folder, 
.prod_category ul li a.cate        { 
      -moz-border-radius:     3px;
      -webkit-border-radius:   3px;
      border-radius:           3px;
      background: url(/images/icons/famfam/folder.png) 3px 50% no-repeat; display: inline-block; line-height: 22px; padding: 0 8px 0 25px; }

.prod_category ul li .selected a.folder, 
.prod_category ul li .selected a.cate
                            { 
      -moz-box-shadow:      0 1px 2px 0 rgba(0, 0, 0, 0.35);
      -webkit-box-shadow:    0 1px 2px 0 rgba(0, 0, 0, 0.35);
      box-shadow:            0 1px 2px 0 rgba(0, 0, 0, 0.35);
      background: #c9d8e4 url(/images/icons/famfam/folder.png) 3px 50% no-repeat;
      background: url(/images/icons/famfam/folder.png) 3px 50% no-repeat, -moz-linear-gradient(center top , #f8f8f8, #c9d8e4);
      background: url(/images/icons/famfam/folder.png) 3px 50% no-repeat, -webkit-gradient(linear, 50% 0, 50% 100%, from(#f8f8f8), to(#c9d8e4)); 
      text-decoration: none; }

.prod_category ul li a.folder:hover, 
.prod_category ul li a.cate:hover    { text-decoration: underline; }

/* product list */
#cat_selector_pop                 { width: 1120px; z-index: 100; }
#cat_selector_close              { display: none; }

.cell_container                    { position: relative; }
.cell_container:after              { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .cell_container              { height: 1px; }
* + html .cell_container            { min-height: 1px; }

.cell_container .cell                { float: left; }
.cell_container>:last-child          { float: right; }
.cell_container .prod_list_float      { float: right; }

.cell                            { float: left; }

.prod_list_container                { border: 1px solid #ddd; margin: 0 0 5px; max-height: 560px; overflow: auto; }
.prod_list                        {  margin: 0 5px; }
.prod_list>li                      { border-bottom: 1px solid #eee; padding: 10px 0; }

/*
.prod_list .prod_image              { width: 110px; }
*/

.prod_image .color_list            { padding: 10px 5px; }

.prod_list .prod_content            { float: right; width: 680px; }
.prod_list .sub_button              { display: block; }

.prod_content .color_list            { padding: 0; }

/* color box */
.colorbox                        { 
      -moz-border-radius:     2px;
      -webkit-border-radius:   2px;
      border-radius:           2px; 
      border: 1px solid #c5d4d4; cursor: pointer; display: inline-block; height: 18px; padding: 0; position: relative; width: 18px; }
.colorbox span                  { display: block; position: relative;}
.colorbox span .swatch { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } 
.colorbox .overlay                { 
      -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
      box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset; 
      display: block; height: 18px; left: 0; position: absolute; top: 0; width: 18px; background: transparent; }
      
.colorbox.disabled .overlay          { background: url(/images/om/disabled.png) 0 0 repeat; }
td .colorbox                      { border: none; display: inline; width: auto; }

#colors                        { width: 260px; }
.item_color                               { width: 260px; }

/* color list */

.color_list                        { padding: 10px 0; }
.color_list:after                  { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .color_list                  { height: 1px; }
* + html .color_list                { min-height: 1px; }

.popup .color_list                  { width: 300px; }

.color_list li                      { float: left; margin: 0 1px 1px 0; }

.color_list .colorbox                { margin: 2px; }
.color_list .colorbox.selected        { 
      -moz-border-radius: 3px; 
      -webkit-border-radius: 3px;
      border-radius: 3px; 
      border: 3px solid #888; margin: 0; }
      
.prod_category .icon      { background-position:  50% 50%; background-repeat: no-repeat; display: inline-block; height: 16px; margin: 2px 2px 0; padding: 0; text-indent: -9999px; width: 16px; }
.icon.close              { background-image: url(/images/icons/famfam/bullet_toggle_minus.png); }
.icon.null                { background-image: url(/images/icons/famfam/bullet_white.png); }
.icon.open              { background-image: url(/images/icons/famfam/bullet_toggle_plus.png); }

/* powered by corel */
.powered_by            { background: url(/images/corel.png) 0 0 no-repeat; bottom: 0; display: block; height: 25px; margin: 0 2px 2px 0; position: absolute; right: 0; text-indent: -9999px; width: 81px; }

/* powered by deconetwork */
.powered_by_dn          { background: url(/images/logo-deconetwork.png) 0 0 no-repeat; bottom: 0; display: block; height: 32px; margin: 0 2px 2px 0; position: absolute; right: 0; text-indent: -9999px; width: 172px; }

/*  */

#s_s_c_options                  { border-right: 1px solid #eee; margin-right: 20px; padding-right: 20px; width: 420px; }

/*  */
#screen_selector                { width: 600px; }

#select_screen_colors_images      { text-align: center; }
#select_screen_colors_images img, 
#existing_screens .screen img      { 
      -moz-border-radius:     2px;
      -webkit-border-radius:   2px;
      border-radius:           2px;
      -moz-box-shadow:       0 1px 3px rgba(0, 0, 0, .35);
      -webkit-box-shadow:   0 1px 3px rgba(0, 0, 0, .35);
      box-shadow:           0 1px 3px rgba(0, 0, 0, .35);
      border: 5px solid #f8f8f8; clear: both; display: block; margin: 0 0 10px; }

#existing_screens                    {  }

#existing_screens .screen              { border-right: 1px solid #eee; margin-right: 20px; padding-right: 20px; position: relative; width: 300px; }
#existing_screens .screen:after        { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #existing_screens .screen        { height: 0; }
* + html #existing_screens .screen        { min-height: 0; }

#existing_screens .screen a            {
      -moz-border-radius:     2px;
      -webkit-border-radius:   2px;
      border-radius:           2px;
      -moz-box-shadow:       0 1px 3px rgba(0, 0, 0, .35);
      -webkit-box-shadow:   0 1px 3px rgba(0, 0, 0, .35);
      box-shadow:           0 1px 3px rgba(0, 0, 0, .35);
      background: -moz-linear-gradient(50% 0, #fff, #eee);
      background: -webkit-gradient(50% 0, 50% 100%, from(#fff), to(#eee));
      display: block; padding: 5px; }
#existing_screens .screen a:hover      {
      background: -moz-linear-gradient(50% 0, #eee, #fff);
      background: -webkit-gradient(50% 0, 50% 100%, from(#eee), to(#fff)); }

#existing_screens .screen div          {  }

#existing_screens .screen ul.form        { 
      -moz-box-shadow:     none;
      -webkit-box-shadow: none;
      box-shadow:         none;
      background: transparent none; margin: 0 0 5px; }

#existing_screens .screen ul.form label    { width: 100px; }

#existing_screens .screen img          {  }

#new_screen_link                    {
      -moz-border-radius:     2px !important;
      -webkit-border-radius:   2px !important;
      border-radius:           2px !important;
      -moz-box-shadow:       0 1px 3px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
      -webkit-box-shadow:   0 1px 3px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
      box-shadow:           0 1px 3px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
      background: -moz-linear-gradient(50% 0 , #ee8f01, #bf5c07 100%);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#bf5c07));
      border: none; color: #fff !important; display: block; font-size: 16px; font-weight: normal; line-height: 24px; margin-right: 4px; padding: 8px 25px 8px; position: relative; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35); }
#new_screen_link:hover              {
      background: -moz-linear-gradient(50% 0 , #bf5c07, #ee8f01 100%);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#bf5c07), to(#ee8f01)); }
/* pane_desc */

.pane_desc                          { border-bottom: 1px solid #bec6d1; padding: 5px 10px; }

/*  */

ul.form li .radio                  { float: left; }
ul.form li .radio li                { border: 0; padding: 0 0 10px; }
ul.form li .radio li:after            { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html ul.form li .radio li            { height: 1px; }
* + html ul.form li .radio li          { min-height: 1px; }

ul.form li .radio li input            { float: left; margin: 0 5px; }
ul.form li .radio label              { float: left; font-size: 11px; font-weight: normal; width: auto; }

/**
 **
 **        menu **************
 **
 **/
 
.container-fluid { 
  margin: 0 auto; 
  padding: 0 20px; 
  max-width: 1280px; 
  max-width: 1280px; 
  min-width: 980px; 
} 

#maintenance_message {
  width: 100%;
  height: 15px;  
  background-color: #F9F29A;
  text-align: center;
  color: #000000;
  padding: 3px;
  font-size: 13px;
  line-height: 18px;
}

#maintenance_message .close-maintenance-message {
  background-image: url(/images/icons/bh/16/bh-tab-closed-16.png);
  width: 16px;
  height: 16px;
  padding: 2px;
  float: right;
  cursor: pointer;
  background-repeat: no-repeat;
}

#container #maintenance_message {
  margin-top:3px;  
}
 
 #admin_menu {
    border-radius: 0;
 } 
 #admin_menu * {
    font-family: helvetica neue, helvetica, arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-decoration: none;
 }
 #admin_menu.navbar {
    margin-bottom: 0;
 }

 #admin_menu .navbar-inner {
  border-radius: 0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset;
  background: #4a4a4a;
  
  padding: 10px 0 0;
  position: relative;
  xxxz-index: 100;
}

/**
 **
 **        main buttons **************
 **
 **/

#site_sections { 
  margin-top: 5px;
  position: relative; 
}
#site_sections li {
}
#site_sections > li {
  background: #787878;
  
  color: #fff; 
  display: block; 
  font: normal 13px helvetica neue, helvetica, arial, sans-serif; 
  letter-spacing: 0.015em; 
  line-height: 19px; 
  margin: 4px 4px 0 0; 
  padding: 10px 20px 10px 14px; 
  position: relative; 
  text-decoration: none; 
}



#site_sections > li > span, 
#site_sections > li > i {
  float: left;
}

#site_sections > li > a {
  color: #fff;
  float: left;
  padding: 0;
  
}
#site_sections > li > .btn-group {
  display: block;
  float: left;
  position: relative;
}
#site_sections > li > #site_drop {
  line-height: 0px;
}  

#site_sections > li > #site_drop {
  line-height: 0px;
}  

#site_sections .btn-group > .btn {
  background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    font-family: inherit;
    font-size: 11px;
    line-height: 12px;
    margin: -10px -20px -11px 9px;
    padding: 0;
    position: relative;
    z-index: 1;
}

#site_sections .btn-group .btn > span {
  background:  #717171;

  border: none;
  color: #fff !important;
  display: block;
  float: left;
  font-family: inherit;
  font-size: inherit;
  padding: 8px 12px 8px 17px;
  position: relative;
  
}



#site_sections .btn-group > .btn:before {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.015);
   

    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: -2px;
    padding: 2px 2px 3px;
    position: absolute;
    top: 0;
    width: 100%;
}

#site_sections .btn-group .btn.alt:before {
  background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 0 0;
    box-shadow: none;
    content: "";
    height: 100%;
    left: 0;
    margin: -5px;
    padding: 5px 5px 6px;
    position: absolute;
    top: 0;
    width: 100%;
}

#site_sections .btn .caret {
  
  margin-left: 4px;
  margin-top: 6px;
}

#site_sections .open {
  background: none;
  height: auto;
  width: auto;
}

.navbar .dropdown-menu:before, 
.navbar .dropdown-menu:after {
  content: none;
}

.navbar .dropdown-menu {
  border: medium none;
    border-radius: 0 3px 3px 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    display: block;
    margin: 11px 0 0 15px;
    z-index: 1;
}

.navbar .dropdown-menu li {
  color: #888;
  display: block;
  padding: 0 10px;
  text-align: right;
}
.navbar .dropdown-menu li.head {
  background: #dff1f9;;
  margin: 10px 1px 1px;
  padding: 7px 10px;
}
.navbar .dropdown-menu li:first-child {
  margin-top: -3px;
}

.navbar .dropdown-menu li h4 {
  font-size: 13px;
  margin: 0;
  opacity: .6;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.navbar .dropdown-menu li:after {
  clear: both;
  content: "";
  display: table;
}

.navbar .dropdown-menu li.alt {
  background: #eee;
}
.navbar .dropdown-menu li.alt * {
  /*color: #fff;*/  
}

.navbar .dropdown-menu li > span {
  display: inline-block;
}

.navbar .dropdown-menu span,
.navbar .dropdown-menu a, 
.navbar .dropdown-menu li > a:hover, 
.navbar .dropdown-menu li > a:active {
  background: transparent none;
  color: #777777;
  display: inline-block;
  font-size: 11px;
  line-height: 32px;
  padding: 0;
    text-shadow: none;
}
 
.navbar .dropdown-menu li > a,
.navbar .dropdown-menu li > a:hover, 
.navbar .dropdown-menu li > a:active {
  margin-left: 5px;
  text-decoration: underline !important;
}
.navbar .dropdown-menu li > a:hover {
  color: #005580;
}

#site_drop .dropdown-menu {
  margin-left: 9px;
  min-width: 340px;
  z-index: 100;
}

/**
 **
 ** placeholder styles for the next bit 
 **
 **/

.designer_container_large { 
  background: #fff; 
  border: 1px solid #d5dddf;
  border-radius: 3px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 1px 5px rgba(0, 0, 0, .15), 0 1px 10px rgba(0, 0, 0, .15), 0 1px 20px rgba(0, 0, 0, .15);
  left: 50%; 
  margin-left: -500px; padding: 5px; 
  position: absolute; 
  z-index: 7; 
  width: 1000px !important; 
}
.designer_container_large .clearfix { 
  position: relative; 
}

/*  */
.d_c_left { 
  float: left; 
  width: 600px; 
}
.d_c_right { 
  float: right; 
  width: 395px; 
}

/*  */

.designer_container_large h2,
.designer_container_large h3,
.designer_container_large h4 { 
  color: #33383b; 
}

.designer_container_large h3 { 
  background: -moz-linear-gradient(50% 0, #f5f7f8, #edf0f1 100%);
  background: -ms-linear-gradient(50% 0, #f5f7f8, #edf0f1 100%);
  background: -o-linear-gradient(50% 0, #f5f7f8, #edf0f1 100%);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#f5f7f8), to(#edf0f1));
  border: 1px solid #e3e5e6; 
  border-width: 0 0 1px; 
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .85) inset;
  font-size: 13px; 
  font-weight: bold; 
  letter-spacing: 0; 
  line-height: 18px; 
  margin: 0; 
  padding: 7px 10px; 
}

.designer_container_large h3 a:before { 
  color: #404040; 
  content: "|";  
  margin: 0 7px; 
}
.designer_container_large h3 a:last-child:before { 
  content: none; 
}
/* title / price line */

.designer_container_large .d_title { 
  margin-top: 7px; 
}

.designer_container_large .d_title h3, 
.cart_container .price,
.designer_container_large .cart_container .price,
.designer_container_large .d_title .help {
  background: transparent none; 
  border: none;
  box-shadow: none;
  color: #33383b; 
  display: inline-block; 
  float: none; 
  font-size: 16px; 
  font-weight: normal; 
  line-height: 18px; 
  margin: 12px 0 9px; 
  padding: 0; 
}

.designer_container_large .d_title h3 { 
  margin-left: 10px; 
}
.designer_container_large .d_title h3 a { 
  color: #dd7c04; 
  font-size: 11px; 
  text-decoration: none; 
}
.designer_container_large .d_title h3 a:hover { 
  text-decoration: underline; 
}
.designer_container_large .d_title h3 a:after { 
  color: #33383b; 
  content: "|"; 
  display: inline-block; 
  margin-left: 7px; 
}
.designer_container_large .d_title h3 a:last-child:after { 
  content: none; 
}

.designer_container_large .cart_container              { 
  background: -moz-linear-gradient(50% 0, #f5f7f8, #edf0f1 100%);
  background: -ms-linear-gradient(50% 0, #f5f7f8, #edf0f1 100%);
  background: -o-linear-gradient(50% 0, #f5f7f8, #edf0f1 100%);
  background: -webkit-gradient(50% 0, 50% 100%, from(#f5f7f8), to(#edf0f1));
  border: none; 
  box-shadow: 0 -1px 0 rgba(255, 255, 255, .4) inset;
  padding: 0 10px; 
  text-align: right; 
}

.cart_container .price { 
  position: relative; 
}

div.disable_overlay {
  display:none;  
}

td.disabled {
  position:relative;  
}

.disabled div.disable_overlay {
  display:block;
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background-color: #FFFFFF; 
  z-index: 1;
}

/* buttons */


.button, /*.sub_button,*/ 
.popup .button/*,
.popup .sub_button*/  { 
  background-color: #f8f8f8; 
  background-image: url(/images/mp/buttons.gif); 
  background-position: 0 0; 
  background-repeat: none; 
  border: 1px solid #cacaca; 
  border-radius: 2px; 
  box-shadow: none;
  color: #2b2b2b; 
  cursor: pointer; 
  display: inline-block;
  font-size: 12px; 
  font-weight: bold;
  height: 24px; 
  line-height: 24px; 
  margin: 0; 
  padding: 0 7px; 
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2); 
}


/* Now Themed 


.button.go { 
  background-color: #ef911b; 
  background-position: 100% 0; 
  border-color: #be6d18; 
}
*/


.button-large { 
  background-image: url(/images/mp/buttons-large.gif);
  font-size: 25px; 
  font-weight: bold;
  width: 95%;
  padding: 7px; 
  text-align: center;
}

.button.button-large.go { 
  height: 33px;
  padding: 7px; 
}

#decorate_now_button {
  margin-bottom: 5px;
  line-height:35px;
}

* html .button { 
    overflow: visible; 
    width: 1px; 
}
* + html .button { 
  overflow: visible; 
  min-width: 1px; 
}

.button.disabled,
.button.disabled:hover { 
  opacity: .6; 
}

a.button { 
  text-decoration: none; 
}

/*  */

.designer_container_large #discount_container { 
  background: #bf5c07;
  background: -moz-linear-gradient(50% 0, #ee8f01, #bf5c07 100%);
  background: -ms-linear-gradient(50% 0, #ee8f01, #bf5c07 100%);
  background: -o-linear-gradient(50% 0, #ee8f01, #bf5c07 100%);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#bf5c07));
  border-radius: 2px !important;
  bottom: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .1) inset;
  color: #fff; display: inline-block; font-size: 13px; height: 42px; left: 0; line-height: 42px; margin: 0 0 20px 4px; padding: 0 10px; position: absolute; text-align: center; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .55); 
  width: 180px; 
}
      
.designer_container_large #discount_container:after { 
  border: 4px solid #bf5c07; 
  border-color: #bf5c07 transparent transparent; 
  border-color: #bf5c07 rgba(255, 255, 255) rgba(255, 255, 255); 
  content: "."; 
  display: block; 
  height: 0; 
  left: 50%; 
  margin: 0 0 0 -2px; 
  position: absolute; 
  text-indent: -9999px; 
  top: 100%; 
  width: 0; 
}

.designer_container_large #discount_container #discount,      
.designer_container_large #discount_container label { 
  float: none; 
  margin: 0; 
  text-align: left; 
  width: auto; 
}

/*  */

.designer_container_large .d_title .help                { 
  background: -moz-linear-gradient(50% 0, #fff, #e1e6e7 100%);
  background: -ms-linear-gradient(50% 0, #fff, #e1e6e7 100%);
  background: -o-linear-gradient(50% 0, #fff, #e1e6e7 100%);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#e1e6e7));
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 -1px 0 rgba(0, 0, 0, .08) inset, 0 1px 0 rgba(255, 255, 255, .2) inset;
  color: #33383b; 
  display: inline-block; 
  float: right; 
  font-size: 12px; 
  font-weight: bold; 
  height: auto; 
  line-height: 14px; 
  margin-top: 8px; 
  padding: 6px 15px; 
  text-decoration: none; 
  text-shadow: 0 1px 0 #fff; 
}
      
.designer_container_large .d_title .help:hover          { 
  background: -moz-linear-gradient(50% 0, #e1e6e7, #fff 100%);
  background: -ms-linear-gradient(50% 0, #e1e6e7, #fff 100%);
  background: -o-linear-gradient(50% 0, #e1e6e7, #fff 100%);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#e1e6e7), to(#fff)); 
}
/* buttons */
.designer_container_large .add_items { 
  margin-bottom: 5px; 
}

/*  */
.designer_container_large .add_items ul { 
  background: #ecf1f2;  
  border: 1px solid #d5dddf;
  border-radius: 3px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 0 rgba(0, 0, 0, .04);
  display: block; 
  float: none; 
  margin: 0; 
  padding: 5px; 
}
.designer_container_large .add_items ul li { 
  display: block; 
  float: left; 
}

.designer_container_large .add_items ul a:after        { 
  background-image: url(/images/mp/icon_sprite.png);
  content: "."; display: inline-block; height: 16px; left: 0; margin: -6px 0 0 6px; text-indent: -9999px; position: absolute; top: 50%; width: 16px; 
}
      
.designer_container_large .add_items ul li#add_item_image a:after { 
  background-position: -25px -20px; 
}
.designer_container_large .add_items ul li#add_item_text a:after { 
  background-position: 4px -20px; 
}

.designer_container_large .add_items ul li.disabled { 
  opacity: 0.5;
}

.designer_container_large .add_items ul li.disabled a { 
  cursor: default;
}
      
.designer_container_large .d_g_button_large { 
  height: 24px; 
  margin: 0; 
  padding: 8px 25px; 
  box-sizing: inherit;
}
.designer_container_large a.d_g_pdf {
  height: auto; 
  margin: 0 0 0 4px; 
  padding: 8px 25px 8px 40px; 
}


.designer_container_large a.d_g_pdf:before { 
  background: -moz-linear-gradient(50% 0, #ee8f01, #bf5c07 100%);
  background: -ms-linear-gradient(50% 0, #ee8f01, #bf5c07 100%);
  background: -o-linear-gradient(50% 0, #ee8f01, #bf5c07 100%);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#bf5c07));
  border-radius: 2px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .1) inset;
  content: "."; display: inline-block; height: 32px; left: 0; margin: -16px 0 0 4px; text-indent: -9999px; position: absolute; top: 50%; width: 24px; 
}

.designer_container_large a.d_g_pdf:after {
  background-image: url("/images/icons/famfam/page_white_acrobat.png"); 
  content: ".";
  display: inline-block;
  height: 16px;
  left: 0;
  margin: -8px 0 0 7px;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  width: 16px;
}



/*  */
.designer_container_large #not_cart,
.designer_container_large .manage_pane_settings,
.designer_container_large #manage_pane_container,
.designer_container_large #m_customize_pane, 
.designer_container_large #m_apparel_pane,
.designer_container_large .height_setter { 
  border: none; 
  height: auto; 
  margin: 0; 
  padding: 0; 
  position: static; 
}

.designer_container_large .tab_pane_designer_display { 
  padding: 0; 
}

.designer_container_large #d_pane { 
  margin: 0 auto; 
}

/*  */

.d_c_cart_box { 
  border-radius: 3px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 0 rgba(0, 0, 0, .06);
  background: #ecf1f2; 
  border: 1px solid #cbd5d7; 
  margin: 0 0 5px; 
  padding: 5px 5px 6px; 
}
      
.d_c_cart_top,
.d_c_cart_options { 
  border-radius: 3px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 0 rgba(0, 0, 0, .06);
  background: #f6f9fa; border: 1px solid #d9d9d9; margin: 0 0 5px; padding: 0; 
}
      
.d_c_cart_options { 
  margin: 0; 
}
/*  */

.d_c_cart_buttons { 
  border-top: 1px solid #e0e7e8; 
  padding: 5px; 
}

.designer_container_large #m_cart a, 
.designer_container_large .d_c_cart_buttons .button:hover,
.designer_container_large .d_c_cart_buttons .button { 
  box-shadow: none;
  border: none; 
  color: #dd7c04; 
  background: transparent none; 
  float: left; 
  font-weight: normal; 
  line-height: 16px; 
  margin: 0; 
  padding: 16px 5px 8px; 
  text-decoration: none; 
}
      
.designer_container_large .d_c_cart_buttons .button:hover,
.designer_container_large #m_cart a:hover { 
  text-decoration: underline; 
}
 
/* product / pricing options */

.designer_container_large h2 { 
  font-size: 14px; 
}

.designer_container_large .designer_options { 
}
.designer_container_large .designer_options li { 
  border: 1px solid #e3e5e6; 
  border-width: 0 0 1px; 
  padding: 3px 3px 3px 10px; 
}
.designer_container_large .designer_options li:after { 
  clear: both; 
  content: ""; 
  display: table; 
}
* html .designer_container_large .designer_options li { 
  height: 1px; 
}
* + html .designer_container_large .designer_options li { 
  min-height: 1px; 
}

.designer_container_large .designer_options li:last-child,
.designer_container_large .designer_options li li { 
  border-width: 0; 
}
.designer_container_large .designer_options li li { 
  margin: 0; 
  padding: 3px 0 2px; 
}

#unit_price_li { 
  float: right; 
  padding: 3px 5px 2px !important; 
}

#discount_container { 
}
#discount_container #discount { 
  float: right; line-height: 14px; margin-left: 10px; max-width: 240px; 
  padding: 5px; 
}

.designer_container_large div.qty_dropdown p { 
  font-size: 10px; 
}

.designer_container_large #qty_selector { 
  margin-right: 5px; 
}

.designer_container_large .designer_options input[type=button],
.designer_container_large .button                    {
  background: -moz-linear-gradient(50% 0, #fff, #e1e6e7 100%);
  background: -ms-linear-gradient(50% 0, #fff, #e1e6e7 100%);
  background: -o-linear-gradient(50% 0, #fff, #e1e6e7 100%);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#e1e6e7));
  border-radius: 4px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 1px 0 rgba(255, 255, 255, .2) inset;
  border: 1px solid #d9d9d9; color: #111; cursor: pointer; float: right; font-weight: normal; height: auto; line-height: 14px; padding: 6px 15px 4px;  
}
      
.designer_container_large .designer_options input[type=button]:hover,      
.designer_container_large .button:hover              {      
  background: -moz-linear-gradient(50% 0, #e1e6e7, #fff 100%);
  background: -ms-linear-gradient(50% 0, #e1e6e7, #fff 100%);
  background: -o-linear-gradient(50% 0, #e1e6e7, #fff 100%);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#e1e6e7), to(#fff)); 
}

.designer_container_large .designer_options li .button { 
  text-align: center; 
  width: 70px; 
}
      
.designer_container_large #des_opt_sel_extra_fields,
.designer_container_large .designer_options li label   { 
  float: left; 
  line-height: 14px; 
  margin-right: 10px; 
  max-width: 240px; 
  padding: 5px 0; 
}

.designer_container_large li .colorbox { 
  float: left; 
  margin-top: 3px; 
}

.designer_container_large li .color_name { 
  display: block; 
  float: left; 
  line-height: 16px; 
  margin: 0 7px; 
  padding: 5px 0; 
}

/* controls */

.designer_container_large div.d_control                { float: none; width: auto; }


.designer_container_large #m_properties { 
  border-radius: 3px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 0 rgba(0, 0, 0, .06);
  background: #f6f9fa; border: 1px solid #d9d9d9; margin: 0 0 5px; padding: 0; position: relative; z-index: 2; 
}
      
.mp_edit_button .change                            { color: #dd7c04; display: inline-block; line-height: 14px; padding: 6px 0 0; }  

.designer_container_large .quality                    { width: 65px; }

/*  */

.designer_container_large #properties_container,
.designer_container_large .mp_body_below, 
.designer_container_large .managepaneoff, 
.designer_container_large .managepaneoff2, 
.designer_container_large .managepane_body {
  border: none; margin: 0; padding: 0;
}
.designer_container_large .managepane_body li.text_list_entry {
  line-height: 20px;
}
.designer_container_large .managepane_body li.text_list_entry::after {
  clear: both;
  content: ' ';
  display: block;
  width: 1px;
}


/* layers */
.designer_container_large #manage_pane_container    { overflow: hidden; }
#content .designer_container_large h3.manage_pane_header  
                                              { 
      -moz-box-shadow:       none;
      -webkit-box-shadow:   none;
      box-shadow:           none;
      background: transparent none; border: none; float: none; margin: 0 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, .65); }
#content .designer_container_large .manage_pane_body  { margin-bottom: 5px; }
.designer_container_large #m_customize_pane        { max-height: 135px; overflow: auto; }

.designer_container_large .d_c_layers                { 
      -moz-border-radius:     3px !important;
      -webkit-border-radius:   3px !important;
      border-radius:           3px !important;
      -moz-box-shadow:       0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 0 rgba(0, 0, 0, .06);
      -webkit-box-shadow:   0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 0 rgba(0, 0, 0, .06);
      box-shadow:           0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 0 rgba(0, 0, 0, .06);
      background: #f6f9fa; border: 1px solid #d9d9d9; bottom: 0; margin: 0; padding: 0; position: absolute; right: 0; width: 395px; }
      
.designer_container_large #no_items                                { background: transparent none; margin: 0; padding: 5px 10px; width: 375px;} 
.designer_container_large #no_items h3                            { background: transparent none; color: #404040; font-size: 13px; }

.designer_container_large .manage_pane_body                      { padding-top: 4px; }
.designer_container_large .managepane_header                      { 
      -moz-border-radius:     3px !important;
      -webkit-border-radius:   3px !important;
      border-radius:           3px !important;
      -moz-box-shadow:       0 1px 0 rgba(255, 255, 255, .8) inset, 0 1px 2px rgba(0, 0, 0, .45);
      -webkit-box-shadow:   0 1px 0 rgba(255, 255, 255, .8) inset, 0 1px 2px rgba(0, 0, 0, .45);
      box-shadow:           0 1px 0 rgba(255, 255, 255, .8) inset, 0 1px 2px rgba(0, 0, 0, .45);
      background: -moz-linear-gradient(50% 0, #feffff, #e2e7e7);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#feffff), to(#e2e7e7));
      border: 1px solid #d1d6d6;
      height: auto; margin: 4px; padding: 0; position: relative; }
xx.designer_container_large .managepane_header.selected,
xx.designer_container_large .managepane_header.selected:hover      { 
      -moz-box-shadow:       0 0 0 2px #e98c0a;
      -webkit-box-shadow:   0 0 0 2px #e98c0a;
      box-shadow:           0 0 0 2px #e98c0a;
      background: -moz-linear-gradient(50% 0, #feffff, #e2e7e7);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#feffff), to(#e2e7e7)); }
.designer_container_large .managepane_header.selected:before,
.designer_container_large .managepane_header.selected:hover:before  { 
      border-radius:           4px;
      border: 2px solid #e98c0a; content: "."; display: block; height: 100%; left: 0; margin: -2px 0 0 -2px; position: absolute; text-indent: -9999px; top: 0; width: 100%; }
      
.designer_container_large .managepane_header:hover                { 
      -moz-box-shadow:       0 1px 0 rgba(255, 255, 255, .8) inset, 0 -1px 0 rgba(0, 0, 0, .08) inset, 0 1px 2px rgba(0, 0, 0, .6);
      -webkit-box-shadow:   0 1px 0 rgba(255, 255, 255, .8) inset, 0 -1px 0 rgba(0, 0, 0, .08) inset, 0 1px 2px rgba(0, 0, 0, .6);
      box-shadow:           0 1px 0 rgba(255, 255, 255, .8) inset, 0 -1px 0 rgba(0, 0, 0, .08) inset, 0 1px 2px rgba(0, 0, 0, .6);
      background: -moz-linear-gradient(50% 0, #e2e7e7, #feffff);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#e2e7e7), to(#feffff)); }
.designer_container_large .managepane_header:last-child              { margin: 4px 4px 0; }
.designer_container_large .managepane_header:first-child            { margin: 0 4px 4px; }

/* layers headers */
.designer_container_large .managepane_header .mp_title              {  }
.designer_container_large .managepane_header .mp_title li              { line-height: 16px; padding: 6px 0; }
.designer_container_large .managepane_header .mp_title li.dimension      { font-size: 10px; }
                                                    
.designer_container_large .managepane_header .mp_control            { margin: 0; padding: 0; }
.designer_container_large .managepane_header .mp_control li          { margin: 0; padding: 0; }

.designer_container_large .managepane_header .mp_control li a,
.designer_container_large .managepane_header .mp_control li span      { 
      -moz-box-shadow:       0 -10px 10px -5px rgba(0, 0, 0, .15) inset, 0 10px 10px -5px rgba(255, 255, 255, .1) inset, 1px 0 0 rgba(255, 255, 255, .4) inset, -1px 0 0 rgba(0, 0, 0, .06) inset;
      -webkit-box-shadow:   0 -10px 10px -5px rgba(0, 0, 0, .15) inset, 0 10px 10px -5px rgba(255, 255, 255, .1) inset, 1px 0 0 rgba(255, 255, 255, .4) inset, -1px 0 0 rgba(0, 0, 0, .06) inset;
      box-shadow:           0 -10px 10px -5px rgba(0, 0, 0, .15) inset, 0 10px 10px -5px rgba(255, 255, 255, .1) inset, 1px 0 0 rgba(255, 255, 255, .4) inset, -1px 0 0 rgba(0, 0, 0, .06) inset;
      background: transparent none; height: 28px; margin: 0; padding: 0; position: relative; width: 24px; }
      
.designer_container_large .managepane_header .mp_control li a:hover,
.designer_container_large .managepane_header .mp_control li span:hover{ 
      -moz-box-shadow:       1px 0 0 rgba(255, 255, 255, .6) inset, -1px 0 0 rgba(0, 0, 0, .06) inset, 0 10px 10px -5px rgba(0, 0, 0, .15) inset, 0 -10px 10px -5px rgba(255, 255, 255, .1) inset;
      -webkit-box-shadow:   1px 0 0 rgba(255, 255, 255, .6) inset, -1px 0 0 rgba(0, 0, 0, .06) inset, 0 10px 10px -5px rgba(0, 0, 0, .15) inset, 0 -10px 10px -5px rgba(255, 255, 255, .1) inset;
      box-shadow:           1px 0 0 rgba(255, 255, 255, .6) inset, -1px 0 0 rgba(0, 0, 0, .06) inset, 0 10px 10px -5px rgba(0, 0, 0, .15) inset, 0 -10px 10px -5px rgba(255, 255, 255, .1) inset; }
      
.designer_container_large .managepane_header .mp_control li a:after,
.designer_container_large .managepane_header .mp_control li span:after  {  background-image: url("/images/mp/icon_sprite.png"); content: "."; display: inline-block; height: 16px; left: 0; margin: -4px 0 0 6px; position: absolute; text-indent: -9999px; top: 50%; width: 16px; }

.designer_container_large .managepane_header .mp_control li.up span:after            { background-position: 0 0; }
.designer_container_large .managepane_header .mp_control li.down span:after        { background-position: -28px 0; }
.designer_container_large .managepane_header .mp_control li a.delete:after            { background-position: -56px 0; }

.designer_container_large .advanced_button                        { background: transparent none; }
.designer_container_large .advanced_button a                        { 
      -moz-border-radius:     0 0 2px 2px !important;
      -webkit-border-radius:   0 0 2px 2px !important;
      border-radius:           0 0 2px 2px !important;
      -moz-box-shadow:       0 1px 0 rgba(0, 0, 0, .06);
      -webkit-box-shadow:   0 1px 0 rgba(0, 0, 0, .06);
      box-shadow:           0 1px 0 rgba(0, 0, 0, .06);
      background: #f6f9fa; border: 1px solid #d9d9d9; border-width: 0 1px 1px; color: #33383b; display: block; line-height: 14px; margin: 0 -1px 0 0; padding: 0 10px 5px; position: absolute; right: 0; top: 100%; }

/*  */

.designer_container_large .view_controls              { background: transparent none; }

.designer_container_large .view_controls.alt            { background: transparent none; height: auto; padding: 2px 2px 4px; }
.designer_container_large .view_controls:after        { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .designer_container_large .view_controls        { height: 1px; }
* + html .designer_container_large .view_controls        { min-height: 1px; }

#save_div                                      {  
      border-radius:     0 0 2px 2px;
      box-shadow:     0 1px 0 rgba(0, 0, 0, 0.06);
      background: #f6f9fa; border: 1px solid #d9d9d9; border-width: 0 1px 1px; margin-right: 7px; padding: 2px 2px 5px 1px; position: absolute; right: 0; top: 100%; }

/*  */

.designer_container_large .view_controls .selected_tab, 
.designer_container_large .view_controls .disabled      { background: transparent none; }

.designer_container_large #copy_button a            { padding-right: 30px; }
.designer_container_large #copy_button .drop_arrow    { height: 100%; position: absolute; right: 0; top: 0; }

.designer_container_large .view_controls ol,
.designer_container_large .view_controls ol            { background: transparent none; border: none; }
.designer_container_large .view_controls ol a          { 
      -moz-border-radius:     2px !important;
      -webkit-border-radius:   2px !important;
      border-radius:           2px !important;
      -moz-box-shadow:       0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset;
      -webkit-box-shadow:   0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset;
      box-shadow:           0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset;
      background: #e1e6e6 !important;
      background: -moz-linear-gradient(50% 0, #feffff, #e1e6e6 100%) !important;
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#feffff), to(#e1e6e6)) !important;
      border: none !important; color: #373d3d; height: auto; line-height: 14px; margin-left: 2px; padding: 5px 10px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, .7); }
.designer_container_large .view_controls ol a:hover    {       
      background: -moz-linear-gradient(50% 0, #e2e7e7, #feffff 100%) !important;
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#e2e7e7), to(#feffff)) !important; }
/*  */

.designer_container_large #zoom_options a            { padding-left: 25px; }
.designer_container_large #zoom_options a:before      { background-image: url(/images/mp/icon_sprite.png); content: "."; display: inline-block; height: 16px; left: 0; margin: 4px 0 0 4px; position: absolute; text-indent: -9999px; top: 0; width: 16px; }

.designer_container_large #allow_grid a            { padding-left: 25px; }
.designer_container_large #allow_grid a:before      { background-image: url(/images/icons/itoolbar_i/16/grid.png); content: "."; display: inline-block; height: 13px; left: 0; margin: 5px 0 0 5px; position: absolute; text-indent: -9999px; top: 0; width: 13px; }

#d_layout   a:before                              { background-position: -86px -46px; }
#d_design a:before                              { background-position: 0 -46px; }

#d_layout.unselected_tab,
#d_design.unselected_tab {
  display: block;  
}

#d_layout.selected_tab,
#d_design.selected_tab {
  display: none;  
}


/*  */

    
/* areas and views */

.designer_container_large #views_container          { float: left; margin-right: 20px; }
.designer_container_large #area_selector_container    { float: left; width: auto !important; }

.designer_container_large #views_container h4,
.designer_container_large #area_selector_container h4,
#content .designer_container_large #views_container h4,
#content .designer_container_large #area_selector_container h4 { 
  display: block; 
  float: none; 
  font-size: 14px;
  text-align: left; 
  width: auto; 
}

.designer_container_large #show_preview            { background: transparent none; display: inline-block; padding: 0 5px; }

/*  */

.designer_container_large .area_view                { 
      -moz-border-radius:     3px !important;
      -webkit-border-radius:   3px !important;
      border-radius:           3px !important;
      -moz-box-shadow:       0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 0 rgba(0, 0, 0, .04);
      -webkit-box-shadow:   0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 0 rgba(0, 0, 0, .04);
      box-shadow:           0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 0 rgba(0, 0, 0, .04);
      background: #ecf1f2;  border: 1px solid #d5dddf; display: block; float: none; margin: 5px 0 0; padding: 5px; }

.designer_container_large .area_view ul              { background: transparent none; border: none; float: none; margin: 0; padding: 0; width: auto !important; }

.designer_container_large .area_view ul.views li        { 
      -moz-border-radius:     2px 2px 2px 0;
      -webkit-border-radius:   2px 2px 2px 0;
      border-radius:           2px 2px 2px 0;
      -moz-box-shadow:       0 1px 0 rgba(0, 0, 0, .06) inset;
      -webkit-box-shadow:   0 1px 0 rgba(0, 0, 0, .06) inset;
      box-shadow:           0 1px 0 rgba(0, 0, 0, .06) inset;
      border: 2px solid #d9e1e3; background: #d9e1e3; margin: 0 7px 20px 0; padding: 0; position: relative; }
.designer_container_large .area_view ul.views li label    { 
      -moz-border-radius:     0 0 2px 2px;
      -webkit-border-radius:   0 0 2px 2px;
      border-radius:           0 0 2px 2px;
      background: #d9e1e3; left: 0; padding: 2px 15px 5px; position: absolute; text-shadow: 0 1px 0 rgba(255, 255, 255, .2); top: 100%; }
.designer_container_large .area_view ul.views li img  ,
.designer_container_large .area_view ul.views li div.select_non_vis { 
      -moz-transition:         all .2s;
      -webkit-transition:       all .2s;
      transition:               all .2s;
      -moz-box-shadow:       0 1px 3px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .1) inset;
      -webkit-box-shadow:   0 1px 3px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .1) inset;
      box-shadow:           0 1px 3px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .1) inset;
      display: block; margin: 7px; padding: 0; 
}

.designer_container_large .area_view ul.views li:hover:before,
.designer_container_large .area_view ul.views li:before { 
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: 2px solid #e38303; content: "."; display: block; height: 100%; left: 0; margin: -2px 0 0 -2px; position: absolute; text-indent: -9999px; top: 0; width: 100%; 
}


.designer_container_large .area_view ul.views li:hover img,
.designer_container_large .area_view ul.views li img { 
      -moz-border-radius:     1px;
      -webkit-border-radius:   1px;
      border-radius:           1px;
}

.designer_container_large .area_view ul.views li:before { 
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: 2px solid #ECF1F2; content: "."; display: block; height: 100%; left: 0; margin: -2px 0 0 -2px; position: absolute; text-indent: -9999px; top: 0; width: 100%; 
}
      

.designer_container_large .area_view ul.views li.d_layout_mouseover {
  background-color: #d9e1e3;
}

.designer_container_large .area_view ul.views li.d_layout_mouseover:before { 
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: 2px solid #A3A3A3; content: "."; display: block; height: 100%; left: 0; margin: -2px 0 0 -2px; position: absolute; text-indent: -9999px; top: 0; width: 100%; 
}

.designer_container_large .area_view ul.views li:hover img
                                              {
      -moz-box-shadow:       0 0 0 2px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .1) inset;
      -webkit-box-shadow:   0 0 0 2px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .1) inset;
      box-shadow:           0 0 0 2px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .1) inset; }
      
.designer_container_large .area_view ul.views li span      { display: none !important; }

/*  */

.designer_container_large .d_customize_options        { display: none; }

/*  */

.designer_container_large #cancel_button              { clear: both; color: #404040; float: right; margin: 6px 3px 5px 10px; }

      
#close_designer:after { 
  background: url(/images/mp/cancel.png) 50% 50% no-repeat; 
  content: "."; 
  display: block; 
  height: 16px; 
  left: 50%; 
  margin: -6px 0 0 8px; 
  text-indent: -9999px; 
  top: 50%; 
  width: 16px; 
}

/*  */

.designer_container_large #discount_container          { 
      -moz-border-radius:     2px !important;
      -webkit-border-radius:   2px !important;
      border-radius:           2px !important;
      -moz-box-shadow:       0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .1) inset;
      -webkit-box-shadow:   0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .1) inset;
      box-shadow:           0 1px 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .1) inset;
      background: #bf5c07;
      background: -moz-linear-gradient(50% 0, #ee8f01, #bf5c07 100%);
      background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#ee8f01), to(#bf5c07));
      bottom: 100%; color: #fff; display: inline-block; font-size: 13px; height: 42px; left: 0; line-height: 42px; margin: 0 0 20px 4px; padding: 0 10px; position: absolute; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, .55); width: 180px; }
      
.designer_container_large #discount_container:after    { border: 4px solid #bf5c07; border-color: #bf5c07 transparent transparent; border-color: #bf5c07 rgba(255, 255, 255) rgba(255, 255, 255); content: "."; display: block; height: 0; left: 50%; margin: 0 0 0 -2px; position: absolute; text-indent: -9999px; top: 100%; width: 0; }

.designer_container_large #discount_container #discount,      
.designer_container_large #discount_container label    { float: none; margin: 0; text-align: left; width: auto; }

/* concept mode of designer */

.designer_container_large a.d_g_concept_actions {
  height: auto; 
  margin: 0 0 0 4px; 
  padding: 8px 25px 8px 40px; 
}

.designer_container_large a.d_g_concept_actions:after {
  background-image: url("/images/icons/famfam/page_white_acrobat.png"); 
  content: ".";
  display: inline-block;
  height: 16px;
  left: 0;
  margin: -8px 0 0 10px;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  width: 16px;
}

.designer_container_large a.d_g_save_concept {
  width: 115px;
}

.designer_container_large a.d_g_save_concept:after {
  background-image: url("/images/icons/itoolbar_i/16/save.png"); 
}

.designer_container_large a.d_g_start_new_concept {
  width: 115px;
}
.designer_container_large a.d_g_start_new_concept:after {
  background-image: url("/images/icons/itoolbar_i/16/add.png"); 
}

.designer_container_large a.d_g_get_concept_files {
  margin-top:5px;
  width: 300px;;  
}
.designer_container_large a.d_g_get_concept_files:after {
  background-image: url("/images/icons/itoolbar_i/16/down-alt.png"); 
}

.designer_concept .cart_container { 
  border-top: 0px;
}


input.prompt-input {
  width: 100%;
  height: 17px;
}

img.designer_image { max-width: 1000000px; width: 100%; }
img.sizable_image { max-width: 1000000px; }


/*  */

#site_sections li select          { display: none; }

#base_select {
  display: none;
}

/* on button  */

#site_sections > li.alt { 
  background: var(--accent-color-100);
}
#site_sections li#base_view.alt {
  background: var(--accent-color-100);
}
#site_sections li#base_store.alt, 
#site_sections li#base_view.alt.as_store {
  

}

#site_sections > li #site_store_config {
  margin-left: 15px;
  padding-left: 6px;
}

#site_sections > li #site_store_config:before {
  border-right: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 1px 0 0 rgba(255, 255, 255, .1);
  content: "";
  display: block;
  height: 100%;
  margin-left: -6px;
  position: absolute;
  top:0;
  width: 0;
}

/**
 **
 **        site controls **************
 **
 **/

/* pre menu */

#admin_pre_menu { 
  float: right; 
  margin-right: -15px;
  position: static;
}

#admin_pre_menu ul {
  background: #fff;
  border-radius: 3px 0 3px 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
  min-height: 220px;
  padding: 5px;
  position: absolute;
  right: 0;
  width: 320px;
  z-index: 10;
}
#admin_pre_menu.dashboard ul {
  min-height: 20px;
  width: 280px;
}

#admin_pre_menu li.extra ul :after {
    background: #fff;
    content: "";
    height: 100%;
    left: 130px;
    position: absolute;
    top: 0;
    width: 10px;
}
#admin_pre_menu.dashboard ul:after {
  content: none;
}

#admin_pre_menu > li {
  position: relative;
}
#admin_pre_menu a { 
  color: #fff; 
  font-size: 11px; 
  line-height: 32px; 
  margin: 4px 0 0 5px; 
  padding: 4px 15px; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .45); 
}

.apps_link {
  
}

.apps_link a{
  background-color:#FFCC00;
  color:#000!important;
  line-height:21px!important;
  margin-top:13px!important;
  padding: 0 10px 0 10px !important;
  text-shadow:none!important;  
}

.apps_link a:hover{
  background-color:#FFCC00!important;
}



#admin_pre_menu .extra > a:after {
  content: "";
  display: inline-block;
  border: 4px solid #fff;
  border-color: #fff transparent transparent;
  margin: 0 0 -3px 5px;
}

#admin_pre_menu .extra > a.alt:after {
  border-color: #777 transparent transparent;
}

#admin_pre_menu a.alt {
  background: #fff;
  color: #777;
  border-radius: 3px 3px 0 0;
  position: relative;
  text-shadow: none;
  z-index: 1;
}

#admin_pre_menu a em { 
  font-style: normal; 
  padding-right: 7px; 
  position: relative; 
}
#admin_pre_menu a em:after { 
  border: 3px solid #fff; 
  border-color: #96d311 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); 
  content: "."; 
  display: inline-block; 
  height: 0; 
  margin: -1px 0 0 4px; 
  position: absolute; 
  text-indent: -9999px; 
  top: 50%; 
  width: 0; 
}

#admin_pre_menu ul a {
  color: #777;
  text-shadow: none;
}

#admin_pre_menu li.extra ul a {
  margin-left: 145px;
}

#admin_pre_menu.dashboard ul a {
  margin-left: 10px;
}

#admin_pre_menu ul a:hover {
  text-decoration: underline !important;
}

#u_profile {
  
  left: 0;
  margin: 10px;
  padding: 10px 0 5px;
  position: absolute;
  text-align: left;
  top: 0;
  width: 120px;
  z-index: 1;
}

#u_profile a {
  xxxdisplay: inline-block;
    xxxfont: italic 500 11px/18px "Open Sans",sans-serif;
    margin: 0 auto 5px !important;
    padding: 0;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

/*
#u_profile .btn-primary {
    border: medium none;
    border-radius: 32px 32px 32px 32px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 3px rgba(0, 0, 0, 0.3);
    display: inline-block;
    font-size: inherit;
    margin: 0;
    padding: 5px 21px 7px;
}
*/
#u_profile img {
  
  display: block;
  margin: 5px auto 10px;
  max-width: 100px;
}

#u_profile.profile-active img {
  border: 1px solid #eee;
  display: block;
  margin: 0 auto;
}

#u_profile span {
  
    display: inline-block;
    
    font-size: 11px;
    
    line-height: 23px;
    
}

#u_profile > span {
  margin: -5px -10px 5px;
  padding-left: 20px;
}



/*  */

#messaging.nav {
}

#messaging.nav > li {
  position: relative;
  margin: 8px 6px 0 0;
  padding: 0;
}

#messaging.nav > li > a {
  margin: 0; 
  padding: 0;
  position: relative;
}

#messaging.nav > li a.alt:before {
  background: #fff;
  border-radius: 3px 3px 0 0;
  content: "";
  height: 100%;
  left: 0;
  margin: -5px;
  padding: 5px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

#messaging.nav > li > a span {
  background: #787878;
  
    display: block;
    height: 24px;
    margin: 0;
    padding: 4px;
    position: relative;
    width: 26px;
    z-index: 2;
}
#messaging.nav > li > a.alt span {
  box-shadow: none;
}
#messaging.nav > li > a:hover span {
  background: var(--accent-color-100);
}
  
#quick_links_intro                                { font-size: 13px; }
#quick_links_intro p                                { font-size: 13px; line-height: 19px; margin-bottom: 19px; }

#quick_links_intro .cell_container                    { border-bottom: 1px solid #ddd; margin-bottom: 16px; }

#q_l_overview                                  { border-right: 1px solid #ddd; float: left; padding: 20px 40px 20px 20px; width: 220px; }
#q_l_diagram                                    { float: right; padding-top: 20px; position: relative; width: 260px; }
#q_l_diagram_img                                { 
      -moz-box-shadow:       0 1px 3px rgba(0, 0, 0, .2);
      -webkit-box-shadow:   0 1px 3px rgba(0, 0, 0, .2);
      box-shadow:           0 1px 3px rgba(0, 0, 0, .2);
      background: url(/images/screen_toolbar.png) 0 0 no-repeat; border: 2px solid #ddd; display: block; height: 115px; position: relative; text-indent: -9999px; width: 240px; }
#q_l_diagram_img:after                            { 
       -moz-animation-name:               q_l_bounce;
       -moz-animation-duration:           .3s;
       -moz-animation-iteration-count:     infinite;
       -moz-animation-direction:           alternate;
       
       -webkit-animation-name:           q_l_bounce;
       -webkit-animation-duration:         .3s;
       -webkit-animation-iteration-count:   infinite;
       -webkit-animation-direction:         alternate;
      background: url(/images/q_l_arrow.png) 0 0 no-repeat; content: "."; display: block; height: 72px; left: 220px; position: absolute; text-indent: -9999px; top: 10px; width: 72px; z-index: 1; }
#q_l_diagram_desc                                { 
      -moz-border-radius:     2px;
      -webkit-border-radius:   2px;
      border-radius:           2px;
      -moz-box-shadow:       0 1px 3px rgba(0, 0, 0, .35);
      -webkit-box-shadow:   0 1px 3px rgba(0, 0, 0, .35);
      box-shadow:           0 1px 3px rgba(0, 0, 0, .35);
      background: #fff; background: rgba(255, 255, 255, .9); border: 2px solid #ddd; float: right; left: 0; margin: 90px 0 0 35px; padding: 10px 20px; position: absolute; top: 0; width: 180px; }
      
#q_l_dont_show                                  { font-weight: bold; padding-left: 20px; text-shadow: 0 1px 0 #fff; }
@-moz-keyframes q_l_bounce {
  from   { margin: 0; }
  to     { margin: 5px 0 0 0; }
}
@-webkit-keyframes q_l_bounce {
  from   { margin: 0; }
  to     { margin: 5px 0 0 0; }
}
  
#messaging.nav > li > a i {
  margin: 6px;
    opacity: 0.6;
    position: absolute;
}

#messaging.nav > li img {
  left: 50%;
  margin: -12px -13px;
  opacity: .55;
  position: absolute;
  top: 50%;
}

#messaging.nav > li a span:after {
  background: none repeat scroll 0 0 #d71279;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    color: #FFFFFF;
    content: attr(data-val);
    display: block;
    font-size: 10px;
    line-height: 16px;
    margin: -5px;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    text-shadow: none;
    top: 0;
    width: 16px;
    z-index: 3;
}

#messaging.nav > li.none a span:after {
  content: none;
}

/* messaging dropdowns */

#messaging.nav > li ul {
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  left: 0;
  margin: 5px -5px;
  padding-top: 2px;
  position: absolute;
  top: 100%;
  width: 260px;
  z-index: 1;
}

#messaging > li ul li {
  padding: 5px 10px 7px;
}

#messaging > li ul a {
  color: #777;
  font-size: 11px;
  display: block;
  text-decoration: none;
}

#messaging > li ul h4 {
  color: #404040;
  font-size: 12px;
  margin: 0;  
}
#messaging > li ul span {
  line-height: 13px;
}

#messaging li.messaging-header {
  border-bottom: 1px solid #eee;
}

#messaging li.messaging-header h3 {
  color: #404040;
  float: left;
  font-size: 12px;
  line-height: 27px;
  margin: 0;
  padding: 0;
}

#messaging li.messaging-header .btn {
  float: right;
  margin: -2px -7px;
}

#messaging li.messaging-footer {
  border-top: 1px solid #eee;
  margin-top: 5px;
  padding: 10px 10px 12px;
  text-align: center;
}
#messaging li.messaging-footer a {
  color: #404040;
  font-weight: bold;
}

/* categories */


.product_categories {
  margin: 0;
  padding: 0;
}

.product_categories h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}

#designer .product_categories {
  height: 420px;
  overflow: auto;
}

.product_categories ul {
  margin: 0 0 0 10px;
  position: relative;
}

.product_categories > div > ul,
.product_categories > ul {
  padding: 10px 8px 4px 0;
}

.product_categories ul:not(:first-child):before {
  background: url(/images/admin/cat.gif);
  content: "";
  display: block;
  height: 100%;
  left: 0; 
  margin: -11px 0 0 -10px;
  padding: 5px 0 0;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 1;
}

/**/

.product_categories ul li { 
  
}
.product_categories ul li:last-child { 
  padding-bottom: 4px;
}

.cat_drop_between {
  line-height: 4px;
    padding: 2px 0;
}

.cat_drop_between_over {
  background-color: #CCCCCC;  
}

.cat_drop {
  background-color: #777777;  
}

.product_categories ul li span:hover {
  background: #27235c0f;
  border-radius: 3px;
}

.cat_drop_between {
  border-radius: 2px;
  height: 3px;
  line-height: 3px;
}
.cat_drop_between.cat_drop_between_over {
  background: rgba(0, 0, 0, .2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3) inset;
  height: 3px;
  line-height: 3px;
}

.product_categories ul li label,
.product_categories ul li span { 
  display: flex;
  line-height: normal;
  padding: 0;
  position: relative;
  border-radius: 3px;
  align-items: center;
  width: calc(100% - 1px);
}

.product_categories ul li span.selected, 
.product_categories ul li.div_node span.selected {
  
  background: var(--accent-color-100);

}
.product_categories ul li span.selected a, 
.product_categories ul li.div_node span.selected a {
  color: #fff; /* !important */
  
}

.product_categories ul li.div_node span {
  background: #00000016;
}

.product_categories ul li.div_node span a {
  color: #666;  
}

.product_categories ul li.div_node span a:hover {
  cursor: -webkit-grab;
  cursor: grab;
}

.product_categories ul li .private:after {
  background: url("/images/bootstrap/glyphicons-halflings.png") -287px -24px no-repeat;
  content: "";
  display: inline-block;
  margin: 0 0 0 5px;
  position: absolute;
  height: 16px;
  width: 16px;
}

/*.product_categories ul li label:before,
.product_categories ul li span:before {
  background: #aaa;
  content: "";
  display: block;
  height: 5px;
  margin: -3px -11px 0;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 5px;
  z-index: 1;
}*/
.product_categories ul:not(:first-child) li label:after,
.product_categories ul:not(:first-child) li span:after {
  background: url(/images/admin/cat_h.gif);
  content: "";
  display: block;
  height: 1px;
  line-height: 1px;
  margin: -1px -5px 0;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 15px;
  z-index: 1;
}
.product_categories ul li input {
  margin: 9px 0 0 17px;
  position: absolute;
}

/* select product categories against blank product */

.product_categories ul li label { 
  padding: 8px 18px 8px 36px; 
  xxxposition: relative;
}
.product_categories ul li label:before {
  background: #aaa;
  content: "";
  display: block;
  height: 5px;
  margin: -3px -11px 0;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 5px;
  z-index: 1;
}
.product_categories ul li label:after {
  background: url(/images/admin/cat_h.gif);
  content: "";
  display: block;
  height: 1px;
  line-height: 1px;
  margin: -1px -5px 0;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 15px;
  z-index: 1;
}

.product_categories ul li span a.divider,
.product_categories ul li span a.null,
.product_categories ul li span a.close,
.product_categories ul li span a.open {
  -moz-transform: scale(.6);
  -ms-transform: scale(.6);
  -o-transform: scale(.6);
  -webkit-transform: scale(.6);
  background: url(/images/bootstrap/glyphicons-halflings.png) -309px -70px no-repeat;
  line-height: 0;
  display: inline-block;
  float: none;
  font-size: 1em;
  height: 18px;
  min-height: 18px;
  margin: 0;
  opacity: .7;
  text-decoration: none;
  width: 24px;
  box-sizing: border-box;
}
.product_categories ul li span.selected a.divider,
.product_categories ul li span.selected a.null,
.product_categories ul li span.selected a.close,
.product_categories ul li span.selected a.open {
  background: url(/images/bootstrap/glyphicons-halflings-white.png) -309px -70px no-repeat;
}
.product_categories ul li span.selected a.divider,
.product_categories ul li span a.divider {
  -moz-transform: scale(.9);
  -webkit-transform: scale(.9);
  background-position: -261px -22px;
}
.product_categories ul li span.selected a.open,
.product_categories ul li span a.open {
  -moz-transform: scale(.9);
  -webkit-transform: scale(.9);
  background-position: 5px -94px;
  line-height: 0;
}
.product_categories ul li span.selected a.close,
.product_categories ul li span a.close {
  -moz-transform: scale(.9);
  -webkit-transform: scale(.9);
  background-position: -19px -94px;
  line-height: 0;
}
.product_categories ul li span a.hasthumb {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}

/*  */

.product_categories ul li span a {
  color: #777; /* !important */
  padding: 8px 10px 8px 0;
}

.product_categories ul li span a.link {
  flex: 1 1 0;
}

.product_categories ul li span a.add {
  width: 25px;
  text-align: center;
  font-weight: 500;
  font-size: 17px;
  line-height: 0;
}

.product_categories ul li.disabled span a {
  color: #ccc !important;
}

.product_categories ul li span a b {
  font-weight: normal;
}

.product_categories ul li.disabled span a:nth-child(2):after {
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9);
  -webkit-transform: scale(.9);
  transform: scale(.9);
  background-image: url(/images/bootstrap/glyphicons-halflings.png);
  background-position: -120px -120px;
  content: "";
  display: inline-block;
  height: 14px;
  margin: -3px 0 -3px 8px;
  opacity: .2;
  width: 16px;
}

.can-be-disabled {
  position: relative;
  transition: opacity 0.2s linear 0s;
}

.can-be-disabled.disabled {
  opacity: 0.5;
  transition: opacity 0.2s linear 0s;
}

.disable-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;  
  z-index: 5;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0s linear 0.2s;
  top: 0px;
  left: 0px;
}

.disable-overlay.disabled {
  opacity: 0.5;  
  visibility: visible;
  transition: opacity 0.2s, visibility 0s linear 0s;
  background-color: white;
}

.can-be-disabled.disabled .disable-overlay {
  visibility: visible;
}


/* stock design selection */
.select-library h2 {
  padding: 5px;
  margin: 0px; 
}

.select-library .library-border {
  width: 95%;
  margin: 3px;
  padding: 20px;
  padding-top:2px;
  border: 3px solid #CCCCCC;
}

.select-library table {
  width: 100%; 
}

.sselect-library td {
  padding: 1px;
}

.select-library table tr th {
  text-transform:uppercase;
  font-size: 11px;
  font-weight: bold;
  text-align: center; 
  color: #404040;
}

.select-library td.library-price {
  text-align: right; 
  padding-right: 30px;
}

.select-library td.library-consumer-price {
  text-align: right; 
}

tr.package + tr.library td {
  padding-top: 7px; 
}

tr.package + tr.package td {
  padding-top: 7px; 
}

.select-library tr.package td label {
  padding-top: 2px;
  font-size: 20px;
  font-weight: bold;
}

.select-library tr.package td small {
  margin-left: 30px;  
}

.select-library tr.package.indented td:first-child {
  padding-left: 30px;
}

.select-library tr.package td {
  border-bottom: 2px solid #DDDDDD; 
}

.select-library tr.library td:first-child {
  padding-left: 30px;
}

.select-library tr.library td label {
  font-size: 14px;
}

.select-library tr.library.indented td:first-child {
  padding-left: 60px;
}

/* color buttons */

ul.color-buttons {
  position: relative;  
  display: inline-block;
}
* html ul.color-buttons { display: inline; }
* + html ul.color-buttons { display: inline; }

ul.color-buttons li {
  float: left;
  margin: 2px !important;
  cursor: pointer;
}

ul.color-buttons li div {
  border-width: 0px;
}

ul.color-buttons.with-border li div {
  border: 1px solid #BBBBBB;
}

ul.color-buttons.in-line li {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

ul.color-buttons.color-buttons-readonly li {
  cursor: default;  
}

ul.color-buttons li b {
  display: none;
}

ul.color-buttons.color-buttons-big li div {
  width: 20px;
  height: 20px;
}

ul.color-buttons.color-buttons-small li div {
  width: 10px;
  height: 10px;
}

ul.color-buttons.color-buttons-small li {
  margin: 1px !important;
}

ul.color-buttons.with-rollover li:hover {
  border: 2px solid #AAAAAA;  
  margin: 0px !important;
}

ul.color-buttons.color-buttons-small.with-rollover li:hover {
  border: 1px solid #AAAAAA;  
  margin: 0px !important;
}

ul.color-buttons.with-dropdown, ul.color-buttons.aligns-with-dropdown {
  margin-left: 0;
}

ul.color-buttons.with-dropdown li div, ul.color-buttons.aligns-with-dropdown li div {
  width: 30px; 
}

ul.color-buttons.aligns-with-dropdown li div {
  height: 40px;
}

ul.color-buttons.with-dropdown li div.down-arrow {
  background-color: #fff;
  bottom: 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 30px; 
}
ul.color-buttons.with-dropdown li div.down-arrow::before {
  content: "\2b07";
  font-size: 1.5em;
}

ul.color-buttons.with-dropdown li b {
  background: #fff url(/images/mp/control_sprite.gif) -546px -117px;
  border: 1px solid #bec9d8;
  cursor: pointer;
  display: block;
  float: right;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 15px;
}

ul.color-buttons.with-dropdown.with-border li b {
  border-width: 0px;
  border-left: 1px solid #bec9d8;
  height: 20px;
}

ul.color-buttons.color-buttons-small.with-dropdown li div {
  width: 18px; 
  float: left;
}

ul.color-buttons.color-buttons-small.with-dropdown li b {
  background: #fff url(/images/mp/control_sprite.gif) -549px -123px;
  height: 8px;
  width: 9px;
}

.select-library .free-declib {
  color: #00B43A;
  font-weight: bold;
}


.trial-notice {
  background-color: red;
  color:white;
  text-align:center;
  font-size: 25px;  
  padding:10px;
  border:3px solid black;
}

.trial-notice a {
  color: yellow;
  text-decoration: underline;  
}

.help-options {
  width: 500px;  
}
.help-options > div { 
  margin-bottom: 20px;
}

.help-options .help-icon {
  display: inline-block;
  width: 80px;
  text-align: center;
  vertical-align: top;
}

.help-options .help-details {
  text-align: left;
  vertical-align: top;
  display: inline-block;
  width: 410px;
}

.help-options .help-details h3 {
  font-size: 16px;  
  padding-bottom: 2px;
  margin-bottom: 0px;
}

.support-by-phone .help-account-no {
  font-size: 25px;  
}

.support-by-phone .support-centers {
  width: 510px;  
}

.support-by-phone .support-centers > div {
  display: inline-block;
  width: 250px;  
  height: 110px;
  vertical-align:top;
}

.support-by-phone .support-centers  h3 {
  margin-bottom: 5px;
  padding-left: 40px;
  font-size: 15px;
  background-position: left center;
  background-repeat: no-repeat;
}

.support-by-phone .support-ph-us {
  background-image: url(/images/icons/support/United-States-flat-icon.png);
}

.support-by-phone .support-ph-uk {
  background-image: url(/images/icons/support/United-Kingdom-flat-icon.png);
}

.support-by-phone .support-ph-au {
  background-image: url(/images/icons/support/Australia-flat-icon.png);
}

.support-by-phone .support-centers h3.support-ph-int {
  /*background-image: url(/images/icons/support/world-icon.png);*/
  padding-left: 0px;
}

.dn_all_products_link {
  display: none;  
}


.concept-production-files {
  font-family: 'arial';  
}

.download-concept-table th, .download-concept-table td {
  padding: 10px;  
  text-align: center;
}
.download-concept-table th {
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid lightgrey;
}


svg.eyedropper-on {
  cursor: url(/stylesheets/template_creator/cursor-eyedropper.png) 6 6, pointer;
  z-index: 2000;
}



.input-tiny {
  min-width: 30px;
}

.input-tinyish {
  min-width: 45px;
}

.input-mini {
  min-width: 60px;
}

.input-very-small {
  min-width: 75px;
}

.input-small {
  min-width: 90px;
}

.input-medium {
  min-width: 150px;
}

.input-large {
  min-width: 210px;
}

.input-xlarge {
  min-width: 270px;
}

.input-xxlarge {
  min-width: 530px;
}

.input-search {
  min-width: 860px;
  height: 28px;
}

#sku_table_tbody .input-with-icon {
  display: inline-block;
  width: auto;
}

.input-icon-comment {
  background-position: 0 50%;
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 16px;
  background-image: url(/images/icons/open-iconic/png/comment-square.png);
  background-size: contain;
  width: 12px;
  opacity: 70%;
  color: transparent;
  margin-left:3px;
  cursor: pointer;
}

.input-icon-comment.on {
  opacity: 100%;
}

.dn-used-colors-container #used_palette_inset_header {
  cursor: pointer;
}

.dn-used-colors-container #used_palette_inset_color_pickers {
  display: none;
}

.dn-used-colors-container.dn-alt #used_palette_inset_color_pickers {
  display: block;
}