/* ORDER FORM */
div.ofback { background-image:url(../images/Header02_03.jpg);background-repeat:repeat-x }
div#ofmenu { margin:0 22px 0 24px;background-image:url(../images/Header02_02.jpg);background-repeat:repeat-x;height:23px;overflow:hidden }
h1.ofheader { padding-top:15px }

div.allwrapper {position:relative}
div#products-wrapper {float:left;width:736px}

/* SIDEBAR */
div.burger_box {display:none}
#sidebar {margin-left:740px;width:204px;background-color:#fafafa;margin-top:12px;height:auto;}
div#sidebar.top {position:absolute;top:0}
div#sidebar.float {position:fixed;right:inherit;top:0px}
div#sidebar.bottom {position:absolute;bottom:0}

div.sidemenu select {width:182px;font-size:11px}
div.sidemenu input.inputbox {width:180px}
div.sidemenu select.inputbox2 {width:148px !important;padding:0}
div.sidemenu input.inputbox2{min-width:144px !important;width:144px !important;padding:0}
div.sidemenu h3 {margin-bottom:8px;margin-top:0px}
div.sidemenu div.sblock {padding-bottom:8px;text-align:center}
div.sidemenu div.button-holder {padding-bottom:8px}
div.sidemenu div.chzn-container {text-align:left}

/* REVIEW */
table.products tbody tr td.location {line-height:0.95em}
table.products tbody tr td input.qty {width:40px}
div.button {text-align:right;border-top:1px solid #ccc}
div.button button {margin-right:10%;margin-top:4px;}
div.ordertotals div.orow {width:160px;text-align:right}
div.ordertotals div.orow div.label {float: left;margin-right:16px}

div.jicon-48-orderform-contactus {background-image:url("../images/header/icon-48-writemess.png")}
div.jicon-48-orderform-icon,
div.jicon-48-orderform-home,
div.jicon-48-orderform-default {background-image:url("../images/header/icon-48-home.png")}
div.jicon-48-orderform-editinfo {background-image:url("../images/header/icon-48-contacts.png")}
div.jicon-48-orderform-history,
div.jicon-48-orderform-vieworder,
div.jicon-48-orderform-editform,
div.jicon-48-orderform-savedorders {background-image:url("../images/header/icon-48-content.png")}
div.jicon-48-quote-addprinter,
div.jicon-48-orderform-addprinter {background-image:url("../images/header/icon-48-print.png")}
div.jicon-48-quote-addcartridge,
div.jicon-48-orderform-addcartridge {background-image:url("../images/header/ICO-cartridge.png")}
div.jicon-48-orderform-thankyou,
div.jicon-48-orderform-shipping,
div.jicon-48-orderform-review {background-image:url("../images/header/icon-48-featured.png")}
div.jicon-48-orderform-changepass {background-image:url("../images/header/ico-48-unlock.png")}

div.jicon-48-quote-order,
div.jicon-48-quote-editquote,
div.jicon-48-quote-sendquote,
div.jicon-48-quote-sent,
div.jicon-48-quote-infosent,
div.jicon-48-quote-default {background-image:url("../images/header/ICO_quote.png")}

/* -- MOBILE --- */
@media (max-width:959px) {
  div#body > div#all {margin-left:0;width:100%}
  div#body.editform div#header,
  div#body.default div#header {padding-top:45px}

  div#header {text-align:left}
  div#products-wrapper {float:none;width:auto;max-width:100%}
  div#element-box div.section-box div.m {border-top-left-radius:0px;border-top-right-radius:0px;padding:0}

  div#sidebar {margin-left:0;background:none;margin-top:0}
  div.side_menu {left:-204px}
  div.side_menu h3.shadow {box-shadow:none;-webkit-box-shadow: none}
  div.burger_box {display:block}
  div#sidebar.top {position:fixed;}
  div#sidebar.float {position:fixed;right:inherit;top:0px}
  div#sidebar.bottom {position:fixed;bottom:auto}
  div#element-box {min-height:0px !important}

  table.table thead th {white-space: normal}
  .input-mini {width:30px}
  textarea.box {width:100%}
  div#orderform .controls .btn-group.btn-group-yesno {width:98%}
  div.table-responsive {width:100%;margin-bottom:15px;overflow-y:hidden}
  div#toDown {visibility:visible}
}

@media (max-width:480px) {
  .hidden-640 {display:none}
  div#orderform div.column3_1,
  div#orderform div.column3_2,
  div#orderform div.column3_3,
  div#orderform div.column2_1,
  div#orderform div.column2_2 {float:none;display:block;width:auto}
  td.pdesc {max-width:90px}
  ul.nav-user li {max-width:240px;text-align:right}
}

@media (max-width:375px) {
  .hidden-mobilem {display:none}
}

@media (max-width:320px) {
  .hidden-320 {display:none}
}
