@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,700,500,600); body {color:#757474; font-size:13px; font-family:'Open Sans', Helvetica,Arial,sans-serif; background:#fdfdfd url('/builder/images/admin_bg.png') top repeat-x;} body.subsub {background:#fdfdfd url('/builder/images/admin_bg_subsub1.png') top repeat-x;} body.pospage {background:#fdfdfd url('/builder/images/admin_bg_pos.png') top repeat-x;width:100%; min-width:700px;max-width:1200px;margin:0 auto;} body.popuppage {background:#fdfdfd url('/builder/images/admin_bg_pos.png') top repeat-x; width:100%; min-width:auto;} *:focus {outline: none;} a {cursor:pointer; color:#289ad0; text-decoration:none;} a:hover {text-decoration:underline;} p {margin:5px 0px 5px 0px; line-height:20px;} h1 {margin-top:25px; font-size:36px; font-weight:300; ;color:#353535;text-align:left;} .settingscontent h1 {font-size:20px;} h1 span,.smallcount,.goldtext {color:#289ad0;} .goldtext {font-size:1.8em;} h2 {margin:20px 0px 10px 0px; font-size:30px ; color:#353535;text-align:center;font-weight:300;; } h3 {line-height:22px; color:#757474; ; font-size:18px; font-style:italic; font-weight:normal;} h4 {line-height:22px; color:#353535; font-size:22px; font-weight:bold; text-transform:uppercase;} h5 {line-height:22px; margin-bottom:10px; color:#353535; font-size:13px; font-style:normal; font-weight:bold;} strong {font-weight:bold;} .hr {height:1px; clear:both; margin:20px 0px 20px 0px; border-bottom:1px solid #E5E5E5;} .hidden {display:none;} .cellwrapper {position:relative;} .wait {background:#fff; position:absolute; height:90%; width:100%; text-align:center; line-height:60px; opacity:0.8; display:none; z-index:100; font-size:20px;} .textinput {text-indent:10px; height:32px; width:298px; background:#fbfbfb; border-top:1px solid #a8a8a8; border-right:1px solid #dedede; border-bottom:1px solid #e5e5e5; border-left:1px solid #dedede;} .textinput.textarea {height:100px; padding-top:5px;} .textinput.medium {width:140px;} .textinput.short {width:100px;} .textinput.veryshort {width:50px;} .textinput:focus {border:1px solid #155572;} .textinput.shortheight {height:26px;} .textinput.textevent {text-indent:0px; width:360px; height:40px; } .newevent {margin-top:15px;} input[type="checkbox"], input[type="radio"] { position: absolute; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; cursor:pointer;} label {position: relative; } label span {cursor:pointer;} /* fallback for IE6, IE7 and IE8 */ input[type="checkbox"],input[type="radio"] { position: static\9; } input[type="checkbox"] + span::before,input[type="radio"] + span::before { cursor:pointer; background-image: url("/builder/images/icons.png"); content: ""; display: inline-block; width: 19px; height: 18px; vertical-align: middle; background-repeat: no-repeat;} input[type="checkbox"] + span::before { background-position: -353px 0px; width:12px; } input[type="checkbox"]:checked + span::before { background-position: -336px 0px; } input[type="radio"] + span::before { background-position: -317px -1px; } input[type="radio"]:checked + span::before { background-position: -298px -1px; } input[type="radio"]:disabled + span,input[type="checkbox"]:disabled + span,input[type="radio"]:disabled + span::before,input[type="checkbox"]:disabled + span::before {-moz-opacity: .4; -webkit-opacity: .4; opacity: .4; } input[type="checkbox"]:focus + span::before,input[type="radio"]:focus + span::before,input[type="checkbox"]:active + span::before,input[type="radio"]:active + span::before {} input[type="text"]:disabled { background-color: #e5e5e5; } input.bigcheckbox[type="checkbox"] + span::before{ background-position: -101px -63px; width:21px; height:21px;} input.bigcheckbox[type="checkbox"]:checked + span::before { background-position: -74px -63px; } .dateinput {width:110px;} .dateinput input {width:110px;} .dateinput.withtime {width:150px;} .dateinput.withtime input {width:150px;} .dateinput:after {position:relative; left:-30px; content:'.'; display:inline-block; margin-right:-15px; vertical-align:top; height:37px; background:url('/builder/images/icons.png') -207px 10px no-repeat; width:16px; text-indent:-100px; overflow:hidden;} .datetimeinput {width:125px;} .datetimeinput input {width:125px;} .input_error_highlight {border:1px solid #b44d39;} .input_error_highlight_bg {border:1px solid #b44d39; background:#FFCCCC;} .dropdownselect select.input_error_highlight {color:#b44d39;} .error_notice {background:#b44d39; color:#FFF; padding:5px; display:inline-block; vertical-align:middle; position:absolute; margin:4px 0px 0px 5px; } .error_notice:before {background: url("/builder/images/icons.png") -357px -30px; content: ""; display: inline-block; width: 16px; height: 16px; position:relative; top:3px;} .error_notice.inline {display:block; position:relative; margin-bottom:20px;} .error_notice.inline:before {float:left; margin:3px;} .error_notice.inline p {margin-left:30px;} .error_notice_var {background:#b44d39; color:#FFF; padding:5px; display:inline-block; vertical-align:middle; margin:4px 0px 0px 5px; } .error_notice_var:before {background: url("/builder/images/icons.png") -357px -30px; content: ""; display: inline-block; width: 16px; height: 16px; position:relative; top:3px;} .tallbutton {border:0px; font-weight:bold; font-size:12px; color:#757474; cursor:pointer; padding-left:14px; line-height:36px; display:inline-block;vertical-align: top; height:37px; background:url('/builder/images/buttons.png') 0px -62px no-repeat; text-shadow:1px 1px 0 #ffffff, 1px 1px 0 #ffffff;} .tallbutton:after {content:'.'; display:inline-block; vertical-align:top; height:37px; background:#fff url('/builder/images/buttons.png') -286px -62px no-repeat; width:14px; text-indent:-100px; overflow:hidden;} .tallbutton:hover,.tallbutton.active {color:#353535; background-position:0px -99px; text-decoration:none;} .tallbutton:hover:after,.tallbutton.active:after {background-position:-286px -99px; } .tallbutton.disabled {cursor:default; opacity:0.6; filter:alpha(opacity=60); color:#757474; background-position:0px -62px;} .tallbutton.disabled:hover:after {background-position:-286px -62px;} .tallbutton img {opacity:0.4;} .tallbutton.active img {opacity:1;} .shortbutton {border:0px; font-weight:bold; font-size:12px; color:#757474; cursor:pointer; padding-left:14px; line-height:30px; display:inline-block; height:31px; background:url('/builder/images/buttons.png') 0px 0px no-repeat; text-shadow:1px 1px 0 #ffffff, 1px 1px 0 #ffffff;} .shortbutton:after {content:'.'; display:inline-block; vertical-align:top; height:31px; background:#fff url('/builder/images/buttons.png') -286px 0px no-repeat; width:14px; text-indent:-100px; overflow:hidden;} .shortbutton:hover {color:#353535; background-position:0px -31px; text-decoration:none;} .shortbutton:hover:after {background-position:-286px -31px; } .shortbutton.disabled {cursor:default; opacity:0.6; filter:alpha(opacity=60); color:#757474; background-position:0px 0px;} .shortbutton.disabled:hover:after {background-position:-286px -0px;} .minibutton {border-radius:3px; border:1px solid #A8A8A8; font-size:11px; line-height:18px; cursor:pointer; display:inline-block; padding:0px 5px; color:#757474; background:#F1F0EF;} .verytallbutton {border:0px; font-weight:bold; font-size:18px; color:#757474; cursor:pointer; padding-left:14px; display:inline-block; height:49px; line-height:49px; background:url('/builder/images/buttons.png') 0px -198px no-repeat; text-shadow:1px 1px 0 #ffffff, 1px 1px 0 #ffffff;} .verytallbutton:hover {text-decoration:none; } .verytallbutton:after {content:'.'; display:inline-block; vertical-align:top; height:49px; background:#fff url('/builder/images/buttons.png') -286px -198px no-repeat; width:14px; text-indent:-100px; overflow:hidden;} .verytallbutton.disabled {cursor:default; opacity:0.6; filter:alpha(opacity=60);} .verytallbutton.blue {background:url('/builder/images/buttons.png') 0px -247px no-repeat; color:#fff; text-shadow:1px 1px 0 #555, 1px 1px 0 #555;} .verytallbutton.blue:after {content:'.'; display:inline-block; vertical-align:top; height:49px; background:#fff url('/builder/images/buttons.png') -286px -247px no-repeat; width:14px; text-indent:-100px; overflow:hidden;} .narrowbutton {padding-left:6px;} .narrowbutton:after {background-position:-293px 0px; width:9px;} .narrowbutton:hover {background-position:0px -31px;} .narrowbutton:hover:after {background-position:-293px -31px; } .narrowbutton.disabled {background-position:0px 0px;} .narrowbutton.disabled:hover:after {background-position:-293px -0px;} .navbuttonprevious {width:30px; color:#757474; cursor:pointer; display:inline-block; height:31px; text-indent:-200px; overflow:hidden; background:url('/builder/images/navbuttons.png') 0px 0px no-repeat;} .navbuttonprevious:hover {background-position:0px -31px;} .navbuttonprevious.disabled {cursor:default; opacity:0.6; filter:alpha(opacity=60); background-position:0px 0px;} .navbuttonnext {width:29px; color:#757474; cursor:pointer; display:inline-block; height:31px; text-indent:-200px; overflow:hidden; background:url('/builder/images/navbuttons.png') -30px 0px no-repeat;} .navbuttonnext:hover {background-position:-30px -31px;} .navbuttonnext.disabled {cursor:default; opacity:0.6; filter:alpha(opacity=60); background-position:-30px 0px;} a.Dbutton {background-color:#289ad0;background-repeat:no-repeat;background-position:1px 50%;color:#fff;padding:10px 15px 10px 40px;margin:0 10px;transition:border-radius 0.2s ease-in;font-size:13px!important} .Dbutton:hover {text-decoration:none;border-radius:3px;} .Dbutton__cog {background-image:url('/builder/images/icons/cog.png');} .Dbutton__eye {background-image:url('/builder/images/icons/eye.png');} .dropdownselect {vertical-align:top; padding-left:0px; background-position:-200px -136px; width:100px; overflow:hidden;} .dropdownselect.disabled {background-position:-200px -136px;} .dropdownselect:hover {background-position:-100px -167px;} .dropdownselect:before {content:'.'; display:inline-block; vertical-align:top; height:31px; position:absolute; background:url('/builder/images/buttons.png') 0px -136px no-repeat; width:4px; text-indent:-100px; overflow:hidden;} .dropdownselect:hover:before {background-position:0px -167px;} .dropdownselect:after {content:''; display:none;} .dropdownselect select {font-weight:bold; font-size:12px; cursor:pointer; color:#757474; font-family:Arial,sans-serif; background:transparent; display:inline-block; padding: 6px 8px 4px 8px; width:140px; border:0px; -webkit-appearance: none;} .dropdownselect select:focus {outline: none;} .dropdownselect.displayamount {width:60px; background-position:-240px -136px;} .dropdownselect.displayamount:hover {background-position:-240px -167px;} .dropdownselect.displayamount select {width:60px;} .dropdownselect.short {width:110px; background-position:-190px -136px;} .dropdownselect.short.disabled {background-position:-190px -136px;} .dropdownselect.short:hover {background-position:-190px -167px;} .dropdownselect.short select {width:110px;} .dropdownselect.selectaction {width:110px; background-position:-190px -136px; margin:0px 20px 0px 5px;} .dropdownselect.selectaction.disabled {background-position:-190px -136px;} .dropdownselect.selectaction:hover {background-position:-190px -167px;} .dropdownselect.selectaction select {width:110px;} .dropdownselect.emaildomainselector {width:180px; background-position:-120px -136px; margin:3px 0px 0px 0px;} .dropdownselect.emaildomainselector.disabled {background-position:-120px -136px;} .dropdownselect.emaildomainselector:hover {background-position:-120px -167px;} .dropdownselect.emaildomainselector select {width:180px;} .dropdownselect.sortby {width:120px; background-position:right -136px;} .dropdownselect.sortby:hover {background-position:-160px -167px;} .dropdownselect.sortby select {width:120px;} .dropdownselect.modalselect {width:300px; background-position:-0px -136px; margin:4px 0px 0px 0px; vertical-align:top;} .dropdownselect.modalselect:hover {background-position:0px -167px;} .dropdownselect.modalselect select {width:300px;} .dropdownselect.notmodal {margin:0px;} .dropdownselect.disabled {background-position:-100px -136px;} .dropdownselect.disabled:hover {background-position:-100px -136px;} .dropdownselect.disabled:before {background-position:0px -136px;} .dropdownselect.disabled:hover:before {background-position:0px -136px;} .dropdownselect.disabled select {cursor:default;} .helpbutton {font-size:13px; padding-left:10px; float:right; margin-top:12px; margin-right:18px; font-weight:bold;} .addbutton {font-size:13px; padding-left:10px; float:right; margin-top:12px; /*margin-right:18px;*/ font-weight:bold;} .addbutton:before {content:'.'; display:inline-block; margin-right:4px; vertical-align:top; height:37px; background:url('/builder/images/icons.png') -111px 10px no-repeat; width:16px; text-indent:-100px; overflow:hidden;} .addbutton.shortbutton {font-size:12px;} .addbutton.shortbutton:before {background-position: -111px 7px;} .addbutton.inline {float:none;} .tickbutton {font-size:13px; padding-left:10px; float:right; margin-top:12px; margin-right:18px; font-weight:bold;} .tickbutton:before {z-index:2000; content:'.'; display:inline-block; margin-right:4px; vertical-align:top; height:37px; background:url('/builder/images/icons.png') -175px 10px no-repeat; width:16px; text-indent:-100px; overflow:hidden;} .undobutton {font-size:13px; padding-left:10px; float:right; margin-top:12px; margin-left:10px; font-weight:bold;} .undobutton:before {content:'.'; display:inline-block; margin-right:4px; vertical-align:top; height:37px; background:url('/builder/images/icons.png') -104px -20px no-repeat; width:16px; text-indent:-100px; overflow:hidden;} .printbutton {margin-top:4px; vertical-align:top;} .printbutton:before {content:'.'; display:inline-block; margin-right:7px; vertical-align:top; height:31px; background:url('/builder/images/icons.png') -422px 7px no-repeat; width:14px; text-indent:-100px; overflow:hidden;} .emailbutton:before {content:'.'; display:inline-block; margin:9px 7px 0px 0px; vertical-align:top; height:12px; background:url('/builder/images/icons.png') -229px -30px no-repeat; width:16px; text-indent:-100px; overflow:hidden;} .deletebutton {font-size:13px; font-weight:bold;} .deletebutton:before {content:'.'; display:inline-block; margin-right:4px; vertical-align:top; height:31px; background:url('/builder/images/icons.png') -436px 7px no-repeat; width:16px; text-indent:-100px; overflow:hidden;} .tallbutton.deletebutton:before {margin-top:3px;} .searchbutton:before {content:'.'; display:inline-block; vertical-align:top; background:url('/builder/images/icons.png') -376px -24px no-repeat; width:16px; text-indent:-100px; overflow:hidden;} .ordinarybutton {font-size:13px; padding-left:10px; margin-top:12px; margin-right:18px; font-weight:bold;} .okbutton {font-size:13px; padding-left:10px; margin-top:12px; margin-right:18px; font-weight:bold;} .okbutton:before {z-index:2000; content:'.'; display:inline-block; margin-right:4px; vertical-align:top; height:37px; background:url('/builder/images/icons.png') -175px 7px no-repeat; width:16px; text-indent:-100px; overflow:hidden;} .toolbutton {margin-top:4px; vertical-align:top;} .viewicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -16px 0px no-repeat; width:24px; text-indent:-200px; text-align:left; overflow:hidden;} .viewicon:hover {background-position:-40px 0px;} .copyicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -127px 0px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden;} .copyicon:hover {background-position:-143px 0px;} .deleteicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -159px 0px no-repeat; width:8px; text-indent:-200px; text-align:left; overflow:hidden;} .deleteicon:hover {background-position:-167px 0px;} .righticon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -234px 0px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .righticon:hover {background-position:-250px 0px;} .lefticon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -266px 0px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .lefticon:hover {background-position:-282px 0px;} .magniicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -370px 0px no-repeat; width:12px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .magniicon:hover {background-position:-382px 0px;} .pencilicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -33px -30px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .pencilicon:hover {background-position:-49px -30px;} .pencilicon2 {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -49px -30px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .shippingicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -0px -30px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .shippingicon:hover {background-position:-16px -30px;} .printicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -290px -30px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .printicon:hover {background-position:-306px -30px;} .configicon {position:relative; top:3px; display:inline-block; height:14px; background:url('/builder/images/icons.png') -248px -30px no-repeat; width:14px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .configicon:hover {background-position:-262px -30px;} .staricon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -323px -30px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .staricon:hover {background-position:-339px -30px;} .helpicon {position:relative; vertical-align:middle; display:inline-block; height:16px; background:url('/builder/images/icons.png') -191px 0px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden;} .handleicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -221px 0px no-repeat; width:13px; text-indent:-200px; text-align:left; overflow:hidden;} .posicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -193px -30px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden;} .screenicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -209px -30px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden;} .leftbracketicon {margin-right:5px; position:relative; top:3px; display:inline-block; height:14px; background:url('/builder/images/icons.png') -423px -30px no-repeat; width:9px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .leftbracketicon:hover {background-position:-423px -44px;} .rightbracketicon {margin-left:5px; position:relative; top:3px; display:inline-block; height:14px; background:url('/builder/images/icons.png') -410px -30px no-repeat; width:9px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .rightbracketicon:hover {background-position:-410px -44px;} .upbracketicon {position:absolute; left:0px; top:-10px; display:inline-block; height:9px; background:url('/builder/images/icons.png') -435px -30px no-repeat; width:14px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .upbracketicon:hover {background-position:-435px -39px;} .downbracketicon {position:absolute; left:0px; bottom:-13px; display:inline-block; height:9px; background:url('/builder/images/icons.png') -452px -30px no-repeat; width:14px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .downbracketicon:hover {background-position:-452px -39px;} .imagesicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -213px -63px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .imagesicon:hover {background-position: -196px -63px;} .movehandle {position:relative; top:3px; margin-right:10px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -0px -60px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .commenticon {position:relative; top:3px; display:inline-block; width:16px; height:16px; background:url('/builder/images/icons.png') -25px -60px no-repeat; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .commenthideicon {position:relative; top:3px; display:inline-block; width:16px; height:16px; background:url('/builder/images/icons.png') -50px -60px no-repeat; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .attentionicon {position:relative; top:3px; display:inline-block; width:16px; height:16px; background:url('/builder/images/icons.png') -0px -0px no-repeat; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .rightarrowicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -234px 0px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden;} .leftarrowicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -266px 0px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden;} .checkicon {position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -100px 0px no-repeat; width:10px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .dropdownicon {position:relative; display:inline-block; top: 3px; height:20px; background:url('/builder/images/icons.png') -178px -60px no-repeat; width:16px; text-indent:-200px; text-align:left; overflow:hidden; cursor:pointer;} .dropdownicon:hover {background-position:-162px -60px;} .paymenticon {position:relative; top:1px; display:inline-block; height:12px; background:url('/builder/images/icons.png') -40px 0px no-repeat; width:12px; text-indent:-200px; text-align:left; overflow:hidden;} .paymenticon.green {background-position:-76px -2px;} .paymenticon.orange {background-position:-64px -2px;} .paymenticon.red {background-position:-88px -2px;} .largeicon {height:32px; width:28px; display:inline-block; text-indent:-200px; overflow:hidden; background:url('/builder/images/icons_large.png') 0px 0px no-repeat;} .ajaxfinder {z-index:1000; display:none; position:absolute; background:#155572; color:#fff; width:100%;} .ajaxfinder li {list-style-type:none; margin:5px 0px 5px 10px; cursor:pointer;padding:4px;} .ajaxlist {width:300px; margin:5px 0px 10px 0px; background:#fbfbfb;} #customersearchresults {top:-20px;left:0px;position:absolute;background:#155573;} table.table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table.middlealign th, .table.middlealign td {vertical-align: middle; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } #innerwrapper {margin-bottom:60px;position:relative;} .orderpage #innerwrapper {position:relative;} #header {position:relative; height:51px; margin-bottom:20px;} #header a {text-decoration:none; border:none; color: #fff;} #main_message {position:fixed; top:0px; left:0px; width:100%; display:none; z-index:1800; background:#f9f2e8; border-top:1px solid #155572; border-bottom:1px solid #155572;} #main_message div.inner {display:block; width:980px; margin:0px auto 0px auto; padding:14px; color:#155572; position:relative;} #main_message div.inner span {display:block; margin-right:40px; line-height:20px;} #main_message div.inner a {position:absolute; right:32px; top:21px;display:block; width:8px; height:8px; background:url('/builder/images/icons.png') -278px -30px no-repeat; text-indent:-200px; text-align:left; overflow:hidden;} #main_message.error_message {color:#fff; background:#b44d39; border-top:1px solid #b44d39; border-bottom:1px solid #b44d39;} #main_message.error_message div.inner {color:#fff;} #main_message.error_message div.inner:before {background: url("/builder/images/icons.png") -357px -30px; content: ""; display: inline-block; width: 16px; height: 16px; position:absolute; top:15px;} #main_message.error_message div.inner span {margin-left:30px;} #online_message {font-weight:bold;color:#00CC00;left:160px;top:22px;position:absolute;} #offline_message {font-weight:bold;color:#FFC074;left:130px;top:22px;position:absolute;} #tillpoint_name {font-weight: bold; color: #FFF; display:inline-block; } #tillpoint_data {font-weight: 400; color: #FFF; left:260px;top:22px;position:absolute;} #outlet_data {color: #ffcc00;} #outlet_box {margin-left: 15px;} #login_form {width:430px; margin:40px auto;} #login_form .inputheader {vertical-align:top; width:120px; display:inline-block; text-align:right; margin:10px 20px 0px 0px; font-weight:bold;} #login_form .inputheader.ajaxfindheader {margin-top:20px;} #login_form .inputheader span {font-size:10px; color:#155572; text-transform:uppercase; font-weight:normal;} #login_form .tophint {font-size:10px; color:#155572; text-transform:uppercase; font-weight:normal;} #login_form .inputfield {vertical-align:top; width:270px; display:inline-block; text-align:left; margin:0px 0px 10px 0px; } #login_form .inputfield .textinput {width:240px;} #login_form .inputfield label {margin-right:18px; top:3px;} #login_form label.keepmeloggedincontainer {float:right; margin:5px 30px 0px 0px;} #login_form a.lostpassword {display:inline-block; margin:24px 0px 0px 144px;} /* LEVEL ONE */ ul.dropdown {float:left; margin-top:15px; position: relative; list-style-type:none;} ul.dropdown li {line-height:32px; display:inline-block; margin:0px; padding:0px; height:32px; } ul.dropdown li a {position:relative; display:block; padding:0px 7px 0px 9px; /*margin:0px 5px 0px 5px;*/ height:100%;} ul.dropdown li a.toplevel {color:#fff; padding-right:5px;} ul.dropdown li.expandable a.toplevel:after {content:" "; display:inline-block; position:absolute; top:15px; right:-7px; width:10px; height:10px; background: url('/builder/images/headermenudropdown_bg.png') no-repeat 0px 0px;} ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ #header li.active a { color:#f47502;} #header ul.dropdown li.hover, #header ul.dropdown li:hover { color:#f47502; position:relative;} #header ul.dropdown li.hover a, #header ul.dropdown li:hover a {z-index:100;} ul.dropdown li.expandable.hover, ul.dropdown li.expandable:hover {;} #header li.hover a, #header li:hover a { color:#f47502;} /* LEVEL TWO */ #header .sub_menu {z-index:90; width:156px; visibility: hidden; position: absolute; top:31px; left:-1px; border:1px solid #949494; background:#fff; text-shadow:none; padding:0px 0px 3px 0px;} #header .sub_menu li {border:none; display:block;font-weight: normal; background: #fff; color: #353535; float: none; padding:0px 10px 0px 10px;} #header .sub_menu li.last {border-bottom:0px;} #header .sub_menu li a {padding:5px 0px 5px 0px; background:none; color:#000; border:none;} #header .sub_menu li:hover {color:#f47502;} #header .sub_menu li:hover a {color:#f47502;} .central {text-align:center;} .central img#logoimage {float:none;margin:0 auto;} img#logoimage {float:left;height:60px;margin-right:10px;;} #toprightnav {float:right; margin-top:15px;} #toprightnav li {line-height:32px; height:34px; list-style-type:none; display:inline-block; border-left:1px solid #e5e5e5; color:#fff; padding:0px 8px;} #toprightnav li.first {border:none;} #toprightnav li.last {padding-right:3px;} #toprightnav li.last a {padding-right:3px; font-weight:bold;} #shoplink,#poslink {font-weight:bold;} #header #li_shop:hover a, #shoplink:hover {color:#a3cc25;} #header #li_pos:hover a, #poslink:hover {color:#289ad0;} #toprightnav li a {border:none;} #subheader {height:75px;} #subheader h1 {float:left; margin-top:8px; white-space: nowrap; } #subheader h1.central {float:none;} #subheader .trialnotice {width:300px; float:right; background:#B44D39; color:#fff; text-align:center; border-radius:3px;} #subheader .trialnotice span {font-size:18px; font-weight:bold;} #subheader .trialnotice a {color:#fff; font-weight:bold;} #subsubheader {height:45px; font-size:12px; line-height:30px;} #subsubheader.orderspage {height:1px;} #subsubheader .left {float:left;} #listfooter .right, #subsubheader .right {float:right;} #subsubheader .row {margin-bottom: 10px;} #listfooter .pagination, #subsubheader .pagination {display:inline-block; vertical-align:top; padding-bottom:9px; color:#757474; font-weight:bold; margin-right:3px; margin-top: 00px;} #subsubheader #navbuttons {display:inline-block; vertical-align:top; margin-top:00px;} #subsubheader.orderspage #pagination { position:absolute;top:95px;right:0 } #subsubheader #border-line { margin-top: 30px; border-top: 1px #E5E5E5 solid; } #subsubheader .order-filter-box-full { width: 150px;} #subsubheader .order-filter-box-half { width: 75px;} /*** Dashboard ***/ .dashboardsection {width:470px; display:inline-block; vertical-align:top; border-top:1px solid #e5e5e5; margin-bottom:30px;} .dashboardsection.col1 {margin-right:16px;} .dashboardsection .inner {padding:10px;} .dashboardsection h4 {font-size:18px; font-weight:normal; margin:10px 0px 20px 0px;} .dashboardsection #saleschart {border-bottom:1px solid #E5E5E5; padding-bottom:6px; margin-bottom:20px;} .dashboardsection .minipagination {float:right; margin-top:5px;} .dashboardsection .itemlisting {border-bottom:1px solid #E5E5E5; } .dashboardsection .itemlisting .item .orderstatus {width:75px;} .dashboardsection .itemlisting .item .icons {width:30px;} .dashboardsection .itemlisting.ministockreport .title {width:275px;} .dashboardsection .itemlisting.miniproductreviews .code {width:60px;} .dashboardsection .viewall {float:right;color:#fff;font-weight:bold;background:#f47502;padding:5px 10px;border-radius:4px;} .dashboardsection .dashminipage {display:none;} .dashboardsection .dashminipage.page0 {display:block;} .welcomenotice {border:1px solid #68B5AD; background:#E3F2F0; padding:20px; text-align:center;margin:0 0 20px 0;color:#222} .welcomenotice h3 {color:#289ad0; font-size:22px;margin-bottom:10px;} .welcomenotice p {font-size:14px;margin:1em 0} .welcome__orange {border-color:#f47502;background-color:#feecdb} .welcome__green {border-color:#a3cc25;background-color:#f1f8dc} .welcome__blue {border-color:#289ad0;background-color:#e5f3fa} .welcome__plain {border:none;background:#fff;} .welcome__grey {background:#eee;border:none} .welcome__plain p, .welcome__grey p {font-size:17px;margin:0 0 1.5em 0} .welcome__small p {font-size:13px;} h3.oh3, .welcome__plain h3 , .welcome__grey h3 {color:#111111;font-style:normal;font-size:26px;} h3.oh3, .welcome__orange h3 {color:#f47502;font-size:22px} .welcome__green h3 {color:#a3cc25;} .welcome__blue h3 {color:#289ad0;} .notification {border:1px solid #797979; position:relative; background:#ecf7fc; } .notification.notfirst {margin-top:20px; } .notification .flag {position:absolute; left:10px; top:10px;} .notification .inner {margin:10px 10px 10px 50px;} .notification h3 {color:#155572; font-size:22px;} .notification a {color:#155572;} /*** Products Page ***/ #titlesearch,.titlesearch {height:26px; display:inline-block; vertical-align:top;} .filtersection {display:inline-block; padding-right:5px; border-right:0px solid #ededed; margin-right:5px;} .filtersection .shortbutton {vertical-align:top;} /* Listing page - default is correct for Orders page, override for other pages below*/ .itemlisting {margin-bottom:20px;} .itemlisting .item {border-top:1px solid #e5e5e5; position:relative; padding:17px 0px 17px 0px; list-style-type:none;} .itemlisting .published0 {font-style:italic;background:#eee;} .itemlisting .item.selected {background:#fffaf4;} .itemlisting .item .checkbox {text-align:center; display:inline-block; width:38px;} .itemlisting .item .code {display:inline-block; width:85px;} .itemlisting .item .title {color:#353535; display:inline-block; width:144px;} .itemlisting .item .titlelong {color:#353535; display:inline-block; width:200px;} .itemlisting .item .details {color:#7a7a7a; display:inline-block; vertical-align:middle; width:210px;} .itemlisting .item .total {text-align:right; display:inline-block; width:66px;} .itemlisting .item .paymentstatus {text-align:center; display:inline-block; width:50px;} .itemlisting .item .paymentmethod {text-align:left; display:inline-block; width:120px;} .itemlisting .item .orderstatus {text-align:right; display:inline-block; width:325px;} .itemlisting .item .orderstatus.closed:before {content:'.'; display:inline-block; width:11px; height:16px; vertical-align:top; margin-right:3px; background:url('/builder/images/icons.png') -100px 0px no-repeat; text-indent:-100px; text-align:left; overflow:hidden;} .itemlisting .item .icons {float:right; text-align:right; display:inline-block; width:40px; position:absolute; bottom:17px; right:10px;} .itemlisting .item .icons a {margin-right:18px;} .itemlisting .item .icons a.last {margin-right:0px;} .itemlisting .deviceitem {position:relative; padding:0px 0px 0px 0px; list-style-type:none;} .itemlisting .deviceitem .icons {float:right; text-align:right; display:inline-block; width:40px; position:absolute; right:10px;} .itemlisting .deviceitem .icons a {margin-right:18px;} .itemlisting .deviceitem .icons a.last {margin-right:0px;} .customerorders .itemlisting .item .orderstatus {width:255px;} #bloglist.itemlisting .item .title {width:70%;display:inline-block;} #bloglist.itemlisting .item .date {width:20%;display:inline-block;} #bloglist.itemlisting .item .icons {width:10%;display:inline-block;} #productlist.itemlisting .item {padding:8px 0px 8px 0px;clear:both; } #productlist.itemlisting .item .image {width:70px; display:inline-block;} #productlist.itemlisting .item .code {width:110px;} #productlist.itemlisting .item .title {width:220px;} #productlist.itemlisting .item .details {width:218px;} #productlist.itemlisting .item .orderstatus {width:110px;} #productlist.itemlisting .item .orderstatus {text-align:left; text-indent:20px;} #productlist.itemlisting .item .icons {width:110px; bottom:23px;} .plainlisting.itemlisting .item .code {width:230px; margin-left:14px;} .plainlisting.itemlisting .item .title {width:370px;} .plainlisting.itemlisting .item .extrainfo {display:inline; color:#B3B3B3;} .plainlisting.itemlisting .item .icons {width:100px;} .plainlisting.itemlisting .item .icons-wide {width:150px;} #productreviewlist.itemlisting .item .code {width:145px; } #productreviewlist.itemlisting .item .title {width:170px; } #productreviewlist.itemlisting .item .details {width:280px; } #productreviewlist.itemlisting .item .orderstatus {width:120px; } #productreviewlist.itemlisting .item .icons {width:60px;} #customerlist.itemlisting .item .title {width:340px;} #customerlist.itemlisting .item .details {width:100px;} #customerlist.itemlisting .item .total {width:160px;} #customerlist.itemlisting .item .orderstatus {width:120px;} #customerlist.itemlisting .item .icons {width:120px;} .shipmentlist.itemlisting .item .code {width:175px;} .shipmentlist.itemlisting .item .title {width:220px;} .shipmentlist.itemlisting .item .details {width:125px;} .shipmentlist.itemlisting .item .orderstatus {width:350px;} #gallerylist.plainlisting.itemlisting .item .icons {width:150px;} /* Sortable items listing */ .placeholder { background-color: #fee; height:40px; list-style-type:none;} .sortablelist.itemlisting .item {background:#fff; list-style-type:none; display:block;} .sortablelist.itemlisting .item .handle {display:inline-block; margin-left:12px;} .sortablelist.itemlisting .item .title {margin-left:12px; width:auto; margin-right:16px; vertical-align:middle; } .sortablelist.itemlisting .item .details {font-size:12px; color:#b3b3b3; vertical-align:middle; } .sortablelist.itemlisting .item .icons {width:60px;} .sortablelist.itemlisting .item .inner {display:inline-block; width:100%; padding:9px 0px 7px 0px; position:relative;} .sortablelist li span.treelink {vertical-align:top; width:24px; height:25px; display:inline-block; cursor:pointer; margin-right:12px;} .sortablelist li span.treelink.expand {background:url('/builder/images/expandbuttons.png') 0px 0px no-repeat;} .sortablelist li span.treelink.contract {background:url('/builder/images/expandbuttons.png') -24px 0px no-repeat;} .sortablelist li span.treelink.none {background:none;} .sortablelist ol.subpages {width:100%; margin-top:0px;} .sortablelist li li {margin-left:30px;} /* Category sortable list */ .sortablelist.categorylist .item {padding:0px 0px 0px 0px;} .sortablelist.categorylist .item .icons {top:11px;} /* Menu page sortable list */ .sortablelist.menulist li.toplevelmenu {margin-bottom:20px; border-top:1px solid #aaa;} .sortablelist.menulist a.addmenuitem {display:inline-block; margin-top:10px;} .sortablelist.menulist .icons {top:17px;} .sortablelist.menulist .subpages .icons {top:11px;} /* Orders page */ .item.orderstatus_cancelled {} #orderlist.itemlisting .item .orderstatus {width:100px;} #orderlist.itemlisting .item .icons {width:130px;} .bigsearchcontainer {margin-bottom:20px;} .bigsearchcontainer .bigsearchinput {height:44px; width:958px; background:url('/builder/images/pos_search_bg.png') 920px 14px no-repeat;} .bigsearchcontainer .bigsearchresultsholder {display:none; width:528px; position:absolute; background:#155572; z-index:500;} .bigsearchcontainer .bigsearchresultsholder ul li {list-style-type:none; padding:10px 0px 10px 10px; color:#fff; cursor:pointer;} .textinput.searchinput {width:500px; background:url('/builder/images/pos_search_bg.png') 472px 5px no-repeat; margin-right:20px;} #sku_search_form {display:inline;} #window_shipment .printbutton {margin:0px;} #giftvoucherlist .item .title {width:250px;} #giftvoucherlist .item .details {width:120px;} #menulist .item .details {width:500px;} #saleslist {margin:15px 10px 0px 10px;} #saleslist .item .checkbox {width:10px;} #saleslist .item .details {width:100px;} #poscontainer .topsection h4 {float:left;} #poscontainer .topsection #pagination {float:right;} #poscontainer .topsection #pagination #navbuttons {position:relative; top:10px;} /* Menu page */ .boxes .window #menu_form .custommenuinput {display:none;} .boxes .window #productlist_form .customproductlistinput {display:none;} /* Image Manager */ .imagemanager .addbutton {float:none;} .imagemanager .uploadcontainer {background:none; width:auto; display:block; position:relative; z-index:auto; padding:0px; margin-top:20px; border:none; -webkit-box-shadow:none; box-shadow:none;} .imagemanager .uploadcontainer .droptarget {font-size:20px; text-align:center; color:#155572; border:1px solid #155572; padding:30px; margin-bottom:20px;} .imagemanager .uploadcontainer .ajaxfile {margin-bottom:25px; height:80px;} .imagemanager .uploadcontainer .ajaxfile.error {color:#b44d39; border-top:1px solid #b44d39; border-bottom:1px solid #b44d39; padding:5px 0px; background:#fffafa;} .imagemanager .uploadcontainer .ajaxfile .uploadthumbnail {float:left; margin-right:10px; width:80px; height:80px; display:inline-block;} .imagemanager .uploadcontainer .ajaxfile .uploadthumbnail canvas {max-width:80px; max-height:80px;} .imagemanager .uploadcontainer .ajaxfile .details {width:850px; padding-top:10px; display:inline-block; vertical-align:top;} .imagemanager .uploadcontainer .ajaxfile .upload-filename {width:220px; display:inline-block;} .imagemanager .uploadcontainer .ajaxfile .target-product {width:300px; display:inline-block;} .imagemanager .uploadcontainer .ajaxfile .progress {margin-top:5px; width:100%; height:10px;} .imagemanager .uploadcontainer .ajaxfile .progress .progressinner {height:10px;} /* Image Manager */ .bulkfilemanager .addbutton {float:none;} .bulkfilemanager .uploadcontainer {background:none; width:auto; display:block; position:relative; z-index:auto; padding:0px; margin-top:20px; border:none; -webkit-box-shadow:none; box-shadow:none;} .bulkfilemanager .uploadcontainer .droptarget {font-size:20px; text-align:center; color:#155572; border:1px solid #155572; padding:30px; margin-bottom:20px;} .bulkfilemanager .uploadcontainer .ajaxfile {margin-bottom:25px; height:25px;} .bulkfilemanager .uploadcontainer .ajaxfile.error {color:#b44d39; border-top:1px solid #b44d39; border-bottom:1px solid #b44d39; padding:5px 0px; background:#fffafa;} .bulkfilemanager .uploadcontainer .ajaxfile .uploadthumbnail {float:left; margin-right:10px; width:80px; height:80px; display:inline-block;} .bulkfilemanager .uploadcontainer .ajaxfile .uploadthumbnail canvas {max-width:80px; max-height:80px;} .bulkfilemanager .uploadcontainer .ajaxfile .details {width:850px; padding-top:10px; display:inline-block; vertical-align:top;} .bulkfilemanager .uploadcontainer .ajaxfile .upload-filename {width:220px; display:inline-block;} .bulkfilemanager .uploadcontainer .ajaxfile .target-product {width:300px; display:inline-block;} .bulkfilemanager .uploadcontainer .ajaxfile .progress {margin-top:5px; width:100%; height:10px;} .bulkfilemanager .uploadcontainer .ajaxfile .progress .progressinner {height:10px;} /* Product List Page */ #productsinlisttext li {list-style-type:none;} /* AJAX upload */ #uploadwrapper {border-bottom:1px solid #e5e5e5; padding:20px 0px 16px 0px; margin-bottom:16px;} .agileUploaderFileInputText {display:none;} .showupload {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:#ccc; padding:5px; color:#fff;} .uploadcontainer {background:#fff; width:400px; display:none; position:absolute; z-index:1400; padding:10px; border:1px solid #ededed; -webkit-box-shadow: 0px 3px 3px #888888; box-shadow: 0px 3px 3px #888888;} .uploadcontainer .fileerror {color: #D8000C; background-color: #FFBABA; border:1px solid #D8000C; padding:3px; margin-bottom:10px;} .uploadcontainer .ajaxfile {margin-bottom:10px;} .uploadcontainer .ajaxfile .percent {float:right; font-style:italic;} .uploadcontainer .ajaxfile .progress {width:400px; background:#EDEDED; height:3px;} .uploadcontainer .ajaxfile .progress .progressinner {width:0px; background:#289ad0; height:3px;} /* Z-index of #mask must lower than #boxes .window */ .mask { position:fixed; top:0px; left:0px; z-index:1000; background-color:#fff; display:none;} .boxes .window { position:fixed; height:500px; display:none; z-index:1100; padding:0px; background:#fff; border:1px solid #949494;box-shadow:0 0 5px #949494} .window { width:500px;} .boxes .buttonback {position:absolute; bottom:10px; left:10px; } .boxes .buttonnext {position:absolute; bottom:10px; right:10px; } .boxes .closebox {position:absolute; top:0; right:0; cursor:pointer;border:12px solid white;} .boxes .window .header {height:55px;} .boxes .window .header.nonav {border-bottom:1px solid #e5e5e5;} .boxes .window .header.bigheader {height:113px;} .boxes .window .header h2 {display:inline-block; position:relative; top:0px; left:24px;font-size:24px; text-align:left; margin-top:5px;} .boxes .window .inner {height:440px; width:100%; overflow:auto;} .boxes .window .inner.nonav {height:470px;} .boxes .window .inner.nonav.payment {height:485px;} .boxes .window .tabheaders {padding-left:25px; height:35px; border-bottom:1px solid #949494;} .boxes .window .tabheaders li {cursor:pointer; display:inline-block; height:34px; padding:0px 15px 0px 15px; line-height:31px; float:left; border-top:1px solid #949494; border-right:1px solid #949494; border-bottom:1px solid #949494} .boxes .window .tabheaders li.first {border-left:1px solid #949494;} .boxes .window .tabheaders li.active {border-bottom:1px solid #fff; color:#289AD0; } .boxes .window .tabcontent {display:none; padding-top:30px;} .boxes .window .tabcontent.first {display:block;} .boxes .window .bigheader h2 {} .boxes .window .bigheader .orderdate {margin:0px 0px 13px 46px; color:#155572; vertical-align:bottom; text-transform:uppercase; font-size:10px; display:inline-block;} .boxes .window .headerbuttons {margin:2px 0px 0px 23px;} .boxes .window .buttons {width:100%; border-top:1px solid #e5e5e5; height:50px; position:absolute; bottom:0px;} .boxes .window .buttons .tallbutton {margin:6px 14px 0px 0px;} .boxes .window .buttons #cancel_button, .boxes .window .buttons .cancel_button {margin-left:14px; float:left;} .boxes .window .section {border-bottom:1px solid #e5e5e5; padding:20px 0px 20px 0px;position:relative} .boxes .window .tabcontent .section {padding:0} .boxes .window .section.last {border-bottom:none;} .boxes .window .section h5 {font-size:13px; font-weight:bold; text-indent:282px; color:#353535; margin:0px 0px 10px 0px} .boxes .window .section .section-intro {font-size:12px; font-weight:400; ; color:#353535; margin:0px 0px 10px 282px} .boxes .window .inputheader {vertical-align:top; width:260px; display:inline-block; text-align:right; margin:10px 20px 0px 0px; font-weight:600;color:#444;;} .boxes .window .inputheader.ajaxfindheader {margin-top:20px;} .boxes .window .inputheader span {font-size:10px; color:#155572; text-transform:uppercase; font-weight:normal;} .boxes .window .tophint {font-size:10px; color:#155572; text-transform:uppercase; font-weight:normal;} .boxes .window .inputfield {vertical-align:top; width:325px; line-height:36px; display:inline-block; text-align:left; margin:0px 0px 10px 0px; position:relative;} .boxes .window .inputfield label {margin-right:18px; top:0px;} .boxes .window .inputfield .error_notice {padding:3px 6px; height:30px; line-height:30px; margin-top:0px;} .boxes .window .inputfield.nontext {} .boxes .window .inputfield.nontext .deleteicon {height:12px; top:0px;} .boxes .window .inputfield.selectbox {margin-top:5px;} .boxes .window .inputfield.wide {width:400px;} .boxes .window .inputfield.extrawide {width:450px;} .boxes .window .inputfield.short {width:150px;} .boxes .window .inputfield.p {line-height:1.2;} .boxes .window .inputfield.variantform table td,.boxes .window .inputfield.variantform table th {padding:3px;} .boxes .window .inputfield.variantform table thead th,.boxes .window .inputfield.variantform table tbody td {text-align:center;} .boxes .window .helpcolumn {vertical-align:top; width:100px; display:inline-block; text-align:left; margin:0px 0px 0px 30px;} .boxes .window .largetextareacontainer {margin:20px 40px 20px 40px;} .boxes .window .largetextareacontainer .textarea {height:480px;} /* Extra 80px to account for the CKEditor menus */ .boxes .window .largetextareacontainer .textarea.emailtemplatetextarea {height:400px; width:100%; text-indent:0px;} /* Extra 80px to account for the CKEditor menus */ .boxes .window .addbutton {float:none; margin-top:0px;} .boxes .window .modalinnerwrap {margin:0px 20px 0px 20px;} /* Common tab elements */ .tabcontent .tabinnerheader {border-bottom:1px solid #E5E5E5; margin:0px 0px 20px 20px; width:732px; padding:0px 0px 20px 0px;position:relative;} .tabcontent .tabinnerheader .shortbutton {margin-right:18px;} .tabcontent .tabinnerheader .dropdownselect.modalselect {margin-top:0px;} .tabcontent .tabinnercontent {width:734px; padding:20px 0px 20px 20px;} /* Advanced tab */ .trackstockfields p {margin:5px 0px 0px 0px;} #marketfields .inner {height: 25px;} /* Product images tab */ #contentimageslist .photo_thumb {width:180px; height:200px; display:inline-block; vertical-align:top; margin:0px 10px 14px 0px;} #contentimageslist .photo_thumb:hover .image {border:1px solid #999;} #contentimageslist .photo_thumb .image {text-align:center; width:180px; height:180px; display:inline-block; vertical-align:top; margin:0px 0px 0px 0px; background:url('/builder/images/thumbnail_bg.png') repeat;border:1px solid #ddd;cursor:pointer;;} #contentimageslist .photo_thumb .image span {display:inline-block; vertical-align:middle;} #contentimageslist .photo_thumb .links {text-align:right;} #contentimageslist .photo_thumb .links a {margin-left:8px;} #contentimageslist .variantimagestitle {margin:10px 0px 3px 0px; border-bottom:1px solid #e5e5e5; color: #155572; font-size: 11px;} /* Product variants tab */ #save_variant_set_holder {display:none; position:absolute; width:180px; left:137px;top:29px; padding:10px; background:#fbfbfb;border:1px solid #ccc;} .variantsets {display:none; position:absolute; width:200px; left:305px; top:29px;padding:10px; background:#fbfbfb;max-height:250px;overflow:auto;border:1px solid #ccc;} .variantsets li {list-style-type:none; padding:3px 0px 3px 0px;} .variantsets li span {cursor:pointer;} .variantsets li .deleteicon {margin-left:10px;} .productvariant {margin-bottom:40px;} .productvariant .title {font-weight:normal; color:#155572; font-size:11px;} .productvariant .title span {font-weight:bold;} .productvariant .statusinfo {float:right;} .productvariant .statusinfo a,.productvariant .statusinfo span {margin-left:18px;} table.option {clear:both; width:100%; border-top:1px solid #e5e5e5; margin:14px 0px 20px 0px;} table.option th,table.option td {padding:10px 0px 10px 0px; vertical-align:middle; border-bottom:1px solid #e5e5e5;} table.option td {vertical-align:top;} table.option th {color:#353535;} table.option th.first {width:120px;} /* Product variants modal */ .variantinner {margin:20px 30px 20px 20px;} .variantinner table.option {margin-bottom:0px;} #window_variants .textinput.variantdata {width:100px; text-indent:3px; height:24px;} #window_variants .inputname {width:38px; display:inline-block;} #window_variants .addcolumn {float:right;} #window_variants .addrow {float:left;} #window_variants .optiontitleinput {width:80px; display:none;} #window_variants .clonerow {display:none;} /* Product files modal */ .boxes .window .left {width:370px; float:left;} .boxes .window .right {width:370px; float:right;} /* Product Files Manager */ .productfilelist .product_file {clear:both; border-bottom:1px solid #ededed; padding:2px 0px 2px 0px; margin-bottom:2px; min-height:26px; } .productfilelist .product_file.last {border-bottom:0px;} .productfilelist .product_file .icon {float:left; margin:3px 3px 0px 0px;} .productfilelist .product_file .title {margin-top:3px; max-width:238px; display:inline-block; overflow:hidden;} .productfilelist .product_file .title a {text-decoration:none; border:none;} .productfilelist .product_file .filebuttons {float:right;} .productfilelist .product_file .filebuttons .filebutton {margin-right:6px;} /* Template resources modal */ .resourceForm {} /* Product modal */ #product_form .redactor_editor {max-height:350px;} /* Category modal */ #categoryimagedisplay {margin-bottom:10px;} #productsortlist {margin-top:20px;} #productsortlist li {list-style-position:inside; margin: 5px 5px 5px 0; padding: 5px 0px 5px 3px; float: left; width: 260px; height: 32px; background:#ededed;cursor:move;overflow:hidden;;} #productsortlist li.ui-sortable-helper {background:#289ad0;color:#fff;} #productsortlist li span {} #productsortlist.inactive li {color:#e0e0e0; background:#f7f7f7;} /* Orders modal */ .orderdetailsleft {width:450px; float:left; margin:20px 0px 24px 24px;} .orderdetailsleft h5 {padding:12px 0px 6px 0px; margin-bottom:0px; border-bottom:1px dotted #e5e5e5; border-top:1px solid #e5e5e5;} .orderdetailsleft .statuses {line-height:30px;} .orderdetailsleft .statuses span.title {font-weight:bold; color:#353535;} .orderdetailsleft .statuses.last { margin-bottom:10px;} .orderdetailsleft .statuses .newpaymentstatus,.orderdetailsleft .statuses .newpaymentamount {display:none;} .orderdetailsleft .items {width:100%;} .orderdetailsleft .items td {/*vertical-align:middle;*/ border-bottom:1px dotted #e5e5e5; padding:5px 0px 5px 0px;} .orderdetailsleft .items td.image {width:30px; padding-right:8px;} .orderdetailsleft .items td.title {width:260px;} .orderdetailsleft .items td.amount {width:50px; text-align:right;} .orderdetailsleft .items td.quantity {width:30px; text-align:right;} .orderdetailsleft .items td.totals {text-align:right; font-weight:bold;} .orderdetailsleft .items tr.last td {font-size:14px; border-bottom:0px; color:#353535;} .orderdetailsleft .orderevent {border-bottom:1px dotted #e5e5e5; padding:8px 0px 8px 0px;} .orderdetailsleft .orderevent .date {float:right; color:#b3b3b3;} .orderdetailsleft .orderevent.red .date {color:red;} .orderdetailsleft .orderevent.red {color:red;} .orderdetailsleft .replacementnotice, .orderdetailsleft .exchangedreturned {font-size:11px; font-style:italic;} .orderdetailsright {width:196px; float:right; margin:24px 0px 24px 0px;} .orderdetailsright h5 {margin:0px 0px 3px 0px;} .orderdetailsright .shippingaddress h5 {margin-top:20px;} .orderaddressdetails input {display:none;} .orderaddressdetails .saveaddressdetails {display:none;} #order-filter-box { margin-bottom: 8px; } .dropdownmain {display:inline-block;} .dropdownsub {display:none; position:absolute; width:200px; margin-left:0px; z-index:1000; padding:10px; background:#727272;} .dropdownsub li {list-style-type:none;} .dropdownsub li a,.dropdownsub li span {display:block; text-decoration:none; color:#fff; padding:3px 0px 3px 0px; cursor:pointer;} .dropdownsub li a:hover {color:#ededed; text-decoration: underline;} #confirmation_confirm_button {float:right;} .shipmentpage #productstobeshipped,.returnspage #productstobeshipped {width:300px; margin-left:90px; padding-right:20px;} .shipmentpage #productsinthisshipment,.returnspage #productsinthisshipment {width:300px; margin-left:20px; float:left;} .returnspage #returns_form .refundamountrow {display:none;} .returnspage #returns_form .voucheruseraccountrow {display:none;} .exchangepage .productdetails {margin:20px;} .exchangepage .productdetails .image {} .exchangepage .productdetails .title {} /* ePOS page */ .pospage #outerwrapper {position:relative;margin:0 auto;} .pospage #innerwrapper {position:relative;margin:0 auto;} .pospage .container_24 {width:100%;max-width:1200px;min-width:700px;margin:0 auto;} #poscontainer .left {width:39%!important;; float:left;border:1px solid #a8a8a8;margin:0 0 0 5px;background:#f1f1f1;} #poscontainer .right {width:58%!important;; float:right;border:1px solid #a8a8a8;margin:0 5px 0 0;} .pospage .verytallbutton {font-size:13px;} .pospage .verytallbutton.blue {font-size:20px;} #poscontainer {border:0 /*1px solid #a8a8a8*/; background:none!important;/*url('/builder/images/poscontainer_bg.png') repeat-y*/; position:relative; top:1px;} .pospage .remove {width:30px; height:30px; display:inline-block; background:url('/builder/images/icons.png') -65px -30px no-repeat; text-indent:-200px; overflow:hidden; cursor:pointer;float:right;} .addicon {width:30px; height:30px; display:inline-block; background:url('/builder/images/icons.png') -152px -30px no-repeat; text-indent:-200px; overflow:hidden; cursor:pointer;} #poscontainer h4 {line-height:50px;} #poscontainer .inner {padding:15px;} #poscontainer .topsection {height:78px; border-bottom:1px solid #a8a8a8;} #poscontainer .semisearchinput , #poscontainer .bigsearchinput {height:44px; background:url('/builder/images/pos_search_bg.png') 98% 13px no-repeat #fff;border:1px solid #aaa;border-radius:2px;width:75%;font-size:14px;} #poscontainer .semisearchinput {width:66%;height:32px;background-position:98% 6px;} #poscontainer .pencilicon {margin-left: 5px;} #poscontainer .bigsearchresultsholder {display:none; width:80%; position:absolute; background:#155572; z-index:500;} #poscontainer .bigsearchresultsholder ul li {list-style-type:none; padding:10px 0px 10px 10px; color:#fff; cursor:pointer;} #poscontainer .ordersummary #productlist {padding:0px 0px 0px 0px; margin:15px 15px 15px 15px; height:248px; width:100%; overflow:auto;} #poscontainer .ordersummary .productrow {padding:0px 0px 10px 0px; margin-bottom:10px; border-bottom:1px solid #e5e5e5; width:98%;} #poscontainer .ordersummary .productrow .title {color:#353535; display:inline-block; width:100%; vertical-align:middle;margin-bottom:5px;font-weight:700;} #poscontainer .ordersummary .productrow .quantity {display:inline-block; width:59%; text-align:left; vertical-align:middle;} #poscontainer .ordersummary .productrow .quantity .textinput {text-align:center; text-indent:0px; width:40px;} #poscontainer .ordersummary .productrow .total {display:inline-block; width:20%; text-align:right; vertical-align:middle;} #poscontainer .ordersummary .productrow .total .textinput {text-indent:0px; width:100px;} #poscontainer .ordersummary .productrow .remove {margin-left:10px; vertical-align:middle;} #poscontainer .ordersummary .productrow .tallbutton {font-size:22px; font-weight:normal; position:relative; top:0px; vertical-align:bottom;} #poscontainer .jspVerticalBar {width:18px;} #poscontainer .jspDrag {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;} #poscontainer .customerbox {border-top:1px solid #a8a8a8; color:#353535; padding:10px 25px 10px 10px;} #poscontainer #totalcontainer {border-top:1px solid #a8a8a8; color:#353535; height:140px;background:#fff;} #poscontainer #voucherlist {width:335px; float:left;} #poscontainer #voucherlist .giftvoucher {vertical-align:bottom; margin-right:10px; background:#ededed; border-radius:5px; padding:10px; display:inline-block; line-height:30px;} #poscontainer #voucherlist .giftvoucher .title {display:inline-block; line-height:30px; margin-right:15px;} #poscontainer #voucherlist .giftvoucher .remove {vertical-align:bottom;} /*#poscontainer #customersdetails {width:335px; float:left;} #poscontainer #customersdetails #customersearchform {margin-bottom:15px;} #poscontainer #customersdetails #customername {display:inline-block; vertical-align:top; padding:6px 0px 0px 3px; font-size:14px;}*/ #poscontainer #totalsummary {width:95%; float:right; line-height:20px;} #poscontainer #totalsummary .title {width:60%; display:inline-block;} #poscontainer #totalsummary .amount {width:30%; display:inline-block; text-align:right;} #poscontainer #totalsummary .maintotal {border-top:1px solid #e5e5e5; padding-top:5px; margin-top:5px; font-weight:bold; font-size:16px;} #poscontainer #buttons {border-top:1px solid #a8a8a8; height:78px;} #poscontainer #buttons #paybutton {float:right;} .miscproductbox { border-top: 1px solid #a8a8a8;height: 48px;background: #f1f1f1; } #poscontainer #productbrowser {margin:15px; height:525px; overflow-y:scroll;} #poscontainer #productbrowser .category {font-size:16px; margin-bottom:15px; cursor:pointer;} #poscontainer #productbrowser .category:before {content:''; width:9px; height:13px; margin:0px 8px 0px 5px; display:inline-block; background:url('/builder/images/icons.png') -95px -30px no-repeat;} /* #poscontainer #parentcategory .uplevel {font-size:18px; margin:0px 0px 15px 0px; cursor:pointer; padding:10px 10px 10px 15px; border-bottom:1px solid #a8a8a8; } #poscontainer #parentcategory .uplevel:before {content:''; width:9px; height:13px; margin:0px 8px 0px 5px; display:inline-block; background:url('/builder/images/icons.png') -183px -30px no-repeat;}*/ #poscontainer #parentcategory .uplevel {font-size:18px; margin:0px 0px 15px 0px; cursor:pointer; padding:10px 10px 10px 15px; float:left;width:37%;overflow:hidden;} #poscontainer #parentcategory .uplevel a {color:#a8a8a8; display:block;} #poscontainer #parentcategory .uplevel a:before {content:''; width:9px; height:13px; margin:0px 8px 0px 5px; display:inline-block; background:url('/builder/images/icons.png') -183px -30px no-repeat;} #poscontainer #productbrowser .product {font-size:18px; margin-bottom:15px; cursor:pointer;} #poscontainer #productbrowser .product img {display:inline-block; vertical-align:top;} #poscontainer #productbrowser .product span.title {display:inline-block; vertical-align:top; width:80%; margin-left:7px;} /*#poscontainer #productbrowser .product:before {content:''; width:16px; height:16px; margin-right:8px; display:inline-block; background:url('/builder/images/icons.png') -136px -30px no-repeat; position:relative; top:1px;}*/ #poscontainer #productbrowser .product.outofstock {color:#daa; cursor:default;} #poscontainer #productbrowser .subpages {display:none;} #paymentinputform #amounttendered {vertical-align:top;} #paymentinputform .paymentmethods {display:inline-block; clear:both; margin-left:218px; } #numberpad {margin-left:150px;} #numberpad span.button {vertical-align:top; height:30px; font-size:20px; padding:10px 0px 10px 0px; width:50px; text-align:center; background:#E5E5E5; border-radius:5px; cursor:pointer; margin:5px; display:inline-block;} #numberpad span.button img { margin-top:10px;} #numberpad span.button.wide { width: 80px;} #numberpad span.button.blue { background:#04c; } #numberpad .row { margin-bottom: 5px; } #numberpad .col {display:inline-block;} #pinnumberpad {margin-left:150px;} #pinnumberpad span.button {vertical-align:top; height:30px; font-size:26px; padding:10px 0px 10px 0px; width:50px; text-align:center; background:#E5E5E5; border-radius:5px; cursor:pointer; margin:5px; display:inline-block;} #pinnumberpad span.button img { margin-top:10px;} #pinnumberpad .row {} #pinnumberpad .col {display:inline-block;} #numberpad2 {margin-left:150px;} #numberpad2 span.button {vertical-align:top; height:30px; font-size:20px; padding:10px 0px 10px 0px; width:50px; text-align:center; background:#E5E5E5; border-radius:5px; cursor:pointer; margin:5px; display:inline-block;} #numberpad2 span.button img { margin-top:10px;} #numberpad2 span.button.wide { width: 80px;} #numberpad2 .row { margin-bottom: 5px; } #numberpad2 .col {display:inline-block;} #numberpad3 {margin-right: 50px; float: right; display: inline-block;} #numberpad3 span.button {vertical-align:top; height:30px; font-size:20px; padding:10px 0px 10px 0px; width:50px; text-align:center; background:#E5E5E5; border-radius:5px; cursor:pointer; margin:5px; display:inline-block;} #numberpad3 span.button img { margin-top:10px;} #numberpad3 .row { margin-bottom: 5px; } #numberpad3 .col {display:inline-block;} #numberpad4 {margin-right: 50px; float: right; display: inline-block;} #numberpad4 span.button {vertical-align:top; height:30px; font-size:20px; padding:10px 0px 10px 0px; width:50px; text-align:center; background:#E5E5E5; border-radius:5px; cursor:pointer; margin:5px; display:inline-block;} #numberpad4 span.button img { margin-top:10px;} #numberpad4 .row { margin-bottom: 5px; } #numberpad4 .col {display:inline-block;} .pricesection { width: 320px; display: inline-block; margin-left: 15px; padding-top: 5px;} .pricesection .inputheader { width: 100px !important;} .pricesection .inputfield {width: 100px !important;} #paymentfeedbackcontent .changedue {font-size:22px;} #window_paymentfeedback .emailbutton,#window_paymentfeedback .printbutton {float:right;} #selectvariantsform {} #selectvariantsform .inputheader {width:160px;padding-left:24px;text-align:left;} #selectvariantsform .inputheader.matrixinput {padding-top:5px;} #selectvariantsform table.matrix th,#selectvariantsform table.matrix td {padding:5px 5px 0px 5px; text-align:center; font-size:14px;} #selectvariantsform h5 {font-size:14px;} #selectvariantsform .inputfield {margin-bottom:20px;} #selectvariantsform .inputfield label {margin:0px;display:inline-block;/*height:40px;width:50px;border-radius:5px;*/} #selectvariantsform .inputfield label.checked {background:#fedcbe} #selectvariantsform input[type="radio"] + span::before { cursor:pointer; background:#eee; content: ""; display: inline-block; width: 45px; height: 40px; vertical-align: middle; background-repeat: no-repeat;border-radius:5px;border:1px solid #bbb;} #selectvariantsform input[type="radio"] + span::before {/* background-position: -317px -1px; */} #selectvariantsform input[type="radio"]:checked + span::before { background:#fedcbe;border:1px solid #f57503; } #selectvariantsform input[type="radio"]:disabled + span, #selectvariantsform input[type="radio"]:disabled + span::before {-moz-opacity: .4; -webkit-opacity: .4; opacity: .4; } #selectvariantsform input[type="radio"]:focus + span::before, #selectvariantsform input[type="radio"]:active + span::before {} .pospage #header {margin-bottom:10px;} .pospage .totals .topsection {margin-bottom:20px;} .pospage .totals h5 {clear:left; padding-left:20px; height:20px; line-height:20px; float:left; width:130px;} .pospage .totals .value {padding-left:20px; height:20px; line-height:20px; float:left;} .pospage .printbutton {margin-top:0px;} .pospage #sendemailinvoicecontainer { margin-left:20px; vertical-align:top; display:none;} .pospage #sendemailinvoicecontainer .shortbutton {position:relative; top:-1px;} #poscontainer .right .topsection.buttons .inner {padding-top:21px; float:right;} #poscontainer #productbrowser .category .thumbnail {display:none;} #poscontainer #productbrowser .category .thumbnail {display:none;} #poscontainer #clearsearchinput {position:relative; vertical-align:top; display:inline-block; top:10px; margin-left:5px;margin-right:7px;} #clearcustomerinput {position:relative; vertical-align:top; display:inline-block; top:3px; margin-left:2px;} #addcustomerinput {position:relative; vertical-align:top; display:inline-block; top:3px; margin-left:5px;} #poscontainer #productbrowser .category {width:100%;} #poscontainer {background:url('/builder/images/poscontainer_bg_browse.png') repeat-y; } #poscontainer.browseview {background:url('/builder/images/poscontainer_bg_browse.png') repeat-y; } #poscontainer.browseview #productbrowser .category:before {display:none;} #poscontainer.browseview #productbrowser .category {width:117px; display:inline-block; margin:0px 10px 10px 0px; text-align:center; vertical-align:top;} #poscontainer.browseview #productbrowser .category .thumbnail {width:107px; height:107px; display:block; border:5px solid #e5e5e5;} #poscontainer.browseview #productbrowser .category .thumbnail img {width:100%;height:auto;} #poscontainer.browseview #productbrowser .productdivider {display:block; height:1px; margin:10px 0px 20px 0px; border-bottom:5px solid #e5e5e5;} #poscontainer.browseview #productbrowser .product {width:115px; display:inline-block; margin:0px 10px 10px 0px; text-align:center; vertical-align:top; border:1px solid #e5e5e5;} #poscontainer.browseview #productbrowser .product span.productimage {display:block; margin:5px 0px;} #poscontainer.browseview #productbrowser .product span.title {width:auto; text-align:center; font-size:12px;} #poscontainer.gridview {background:url('/builder/images/poscontainer_bg_browse.png') repeat-y; line-height:1.1} #poscontainer.gridview #productbrowser .category:before {display:none;} #poscontainer.gridview #productbrowser .category {width:99px;height:80px;max-height:80px;overflow:hidden;padding:20px 10px 0 ;color:#fff; display:inline-block; margin:0px 10px 10px 0px; text-align:center; vertical-align:top;border-radius:5px;background-color:#289ad0;text-transform:uppercase;transition:background-color 0.2s ease-in;font-weight:bold;text-shadow:1px 1px 1px rgba(0,0,0,0.5)} #poscontainer.gridview #productbrowser .category:hover {background-color:#1f6b9f} #poscontainer.gridview #productbrowser .category .thumbnail {display:none} #poscontainer.gridview #productbrowser .category .thumbnail img {width:100%;height:auto;} #poscontainer.gridview #productbrowser .productdivider {display:block; height:1px; margin:10px 0px 20px 0px; border-bottom:5px solid #e5e5e5;} #poscontainer.gridview #productbrowser .product {width:99px;height:70px;max-height:70px;padding:10px 10px 0;overflow:hidden;;color:#fff; display:inline-block; margin:0px 10px 10px 0px; text-align:center; vertical-align:top; border-radius:5px;background-color:#ed6d00;transition:background-color 0.2s ease-in} #poscontainer.gridview #productbrowser .product:hover {background-color:#b25200} #poscontainer.gridview #productbrowser .product.outofstock {background:#bdc3c7;color:#000;font-style:italic;} #poscontainer.gridview #productbrowser .product span.productimage {display:none} #poscontainer.gridview #productbrowser .product span.title {width:auto; margin:0;text-align:center; font-size:13px;font-weight:bold;text-shadow:1px 1px 1px rgba(0,0,0,0.5)} #poscontainer .ordersummary #productlist {width:auto;} /* #poscontainer.browseview .ordersummary .productrow .title {display:block; margin-bottom:5px;} #poscontainer.browseview .ordersummary .productrow .quantity {text-align:left; width:120px;} #poscontainer.browseview .ordersummary .productrow .total {width:72px;} */ /*.is_offline #poscontainer #productbrowser .category {width:340px;}*/ .pospage .dropdownselect.modalselect {width:300px; background-position:-0px -136px; margin:4px 0px 0px 0px; vertical-align:top;font-size:20px;} .pospage .dropdownselect.modalselect:hover {background-position:0px -167px;} .pospage .dropdownselect.modalselect select {width:300px;font-size:14px;padding:5px;} .pospage .dropdownselect.modalselect option {font-size:14px;padding:5px;} .pospage .dropdownselect.notmodal {margin:0px;} /* Settings page */ .settingswrapper {width:960px; margin-top:24px; background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .settingswrapper h4 {margin-top:20px;} .settingswrapper .leftnav {float:left; width:239px;} .settingswrapper .leftnav li {height:48px; border-bottom:1px solid #e5e5e5; list-style-type:none; line-height:48px;} .settingswrapper .leftnav li {height:48px; border-bottom:1px solid #e5e5e5; list-style-type:none; line-height:48px;} .settingswrapper .leftnav li a {border-left:4px solid #fff; text-indent:10px; display:block; text-transform:uppercase; font-size:18px;} .settingswrapper .leftnav li a:hover {text-decoration:none;} .settingswrapper .leftnav li.active { border-left:4px solid #F47502;} .settingswrapper .leftnav li.active a { color:#F47502; position:relative; left:1px; background:#fff;} .settingswrapper .settingscontent {float:left; width:679px; min-height:300px; padding:30px 0px 60px 40px; border-left:1px solid #e5e5e5;} .settingswrapper .setting {padding:15px 0px 15px 0px; border-bottom:1px solid #e5e5e5;} .settingswrapper .setting .title {font-weight:bold; margin-bottom:10px;} .settingswrapper .setting.logosetting:after {content:''; display:block; clear:both; height:1px;} .settingswrapper .setting.logosetting .logoholder {float:left; margin-right:10px;} .settingswrapper .setting.logosetting .logoinputs {float:left;} .settingswrapper .extrabuttons {float:left; padding:0px 0px 60px 40px; border-left:1px solid #e5e5e5;} .settingswrapper .leftcolumn {width:300px; display:inline-block; vertical-align:top; margin-right:20px;} .settingswrapper .rightcolumn {width:350px; display:inline-block; vertical-align:top;} .settingswrapper .ebaypanel .inner {height:300px; margin-top:10px;} .settingswrapper .ebayshippingtype {display:block; cursor:pointer; padding:2px 0px;} .colorselectorwrapper {position:relative;} .colorpicker {z-index:1150;} .colorselectorwrapper {position:relative; width:40px; display:inline-block; vertical-align:top; margin-top:8px;} .colorselector {background:url('/builder/images/colour_background.png') no-repeat; z-index:1160; float:left; position:absolute; top:-8px; height:36px; width:36px;} .colorselectorinner {position:absolute; float:left; width:24px; height:25px; top:-3px; left:6px; z-index:1155;} .reset {margin-left:8px;} .colorvalue {margin-left:50px;} .settingslisting.itemlisting {margin-bottom:0px;} .settingslisting.itemlisting .item .code {width:230px; margin-left:14px;} .settingslisting.itemlisting .item .title {width:160px;} .settingslisting.itemlisting .item .extrainfo {display:inline; color:#B3B3B3;} .settingslisting.itemlisting .item .icons {width:100px;} .settingslisting.itemlisting.emaillisting .item .code {width:270px;} .settingslisting.itemlisting.emaillisting .item .title {width:120px;} #quickbarbuttons .itemlisting {margin-bottom:0px;} #quickbarbuttons .itemlisting .item .title {width:85px;display:inline-block;} #quickbarbuttons .itemlisting .item .number {width:20px;display:inline-block;} #quickbarbuttons .itemlisting .item .code {width:320px; margin-left:14px;} #quickbarbuttons .itemlisting .item .check {display:inline; margin-right: 20px;} #quickbarbuttons .itemlisting .item .icons {width:50px;} #quickbarbuttons .itemlisting .item .extrainfo {display:inline;} #quickbarbuttons .short {width: 75px;} .shippinglisting.itemlisting {margin-bottom:0px; vertical-align:top;} .shippinglisting.itemlisting .flag {position:relative; top:-2px;} .shippinglisting.itemlisting .item .code {width:170px; margin-left:14px;} .shippinglisting.itemlisting .item .title {width:160px;} .shippinglisting.itemlisting .item .details {width:190px;} .shippinglisting.itemlisting .item .extrainfo {display:inline-block; color:#B3B3B3; text-align:right;} .shippinglisting.itemlisting .item .icons {width:75px;} .shippinglisting.itemlisting .item .noshipping {width:390px; display:inline-block;} .shippingdetails {} .shippingdetails #editrates {width:100%; margin:20px 0px 30px 0px;} .shippingdetails #editrates th {font-weight:bold; padding:0px 0px 5px 5px;} .shippingdetails #editrates td {padding-bottom:5px; line-height:36px;} .shippingdetails #editrates td .dropdownselect {margin-top:3px;} .shippingdetails #editrates td .removerate {margin-top:7px;} .shippingdetails #clonerow {display:none;} .paymentmethodform {margin-bottom:10px;} .templatelist .template {width:300px; display:inline-block; margin:0px 40px 40px 0px; vertical-align:top;} .templatelist .template.active {width:290px;;border:1px solid #efe;background:#dfd;padding:4px;} .templatelist .template .image {width:100%; height:auto; overflow:hidden; background:#f0f0ef; margin-bottom:5px;position:relative;} .corner-responsive {position:absolute;top:-2px;left:-2px;z-index:3;} .templatelist .template .details {height:30px;} .templatelist .template .details .title {width:230px; float:left; padding-top:3px;} .templatelist .template .details .options {width:60px; float:right; text-align:right;} .templatelist.addtemplate .template .details .options {text-align:left;} .templatelist.addtemplate .template {margin:20px 100px 20px 20px;} .templatelist.addtemplate .template.last {margin-right:0px;} #emailtemplatelist .emailtemplate {width:305px; height:90px; border:1px solid #e5e5e5; display:inline-block; margin:0px 20px 20px 0px; position:relative; vertical-align:top;} #emailtemplatelist .emailtemplate .inner {margin:18px 20px 20px 45px;} #emailtemplatelist .emailtemplate .inner:before {content:''; background:url('/builder/images/icons.png') -229px -30px no-repeat; width:16px; height:12px; display:block; position:absolute; left:20px; top:20px;} #emailtemplatelist .emailtemplate .inner .links {float:right; margin-top:-4px;} /*** Import/Export page ***/ #additionalexportinfo {margin-top:30px; display:none;} /*** Reports page ***/ #reportparams { line-height: 30px;} #reportparams .dateholder {display:inline-block; width:120px;} #reportparams .dateholder.withtime {display:inline-block; width:160px;} .reportform .tallbutton {position:relative; top:-1px;} .reportform .reportsection {display:none;} .reportform .tallbutton {margin:0px 5px 0px 0px;} /*.reportform .dateinput {display:inline-block; width:114px;}*/ table.reportsummary {width:100%;} table.reportsummary td {padding:5px; vertical-align:middle;} table.reportsummary .r0 td {background:#ededed;} table.reportsummary thead th, table.reportsummary thead td {background:#333; color:#fff;padding:5px; vertical-align:middle;line-height:1.2} table.reportsummary tfoot td {background:#555; color:#fff;} table.reportsummary td.currency {text-align: right;} #runreport {margin-top: 30px;} /* Stock report/Receive stock page */ .sortcontainers {position:relative; display:inline-block; margin-left:15px; height:6px;} .reportsummary td {line-height:1.4;} .reportsummary .upbracketicon {top:-10px;} .reportsummary .downbracketicon {bottom:-7px;} .reportsummary .currentstock {cursor:pointer;} .reportsummary .updatestockwrapper {display:none;} #updatestocknotificationlevelform {text-align:center; padding-top:10px;} tr.pass td {background:#DFF2BF;} tr.fail td {background:#FFEDED;} /*** Popup Page ***/ .popuppage #header #logoimage {left:46%;} .popuppage .content {padding:20px;} .popuppage .content.centered {text-align:center;} /*** Progress bar ***/ .getting_started_wrapper {background:#289ad0; position:fixed; bottom:0px; height:48px; width:100%; color:#fdfdfd;} .getting_started_wrapper a { color:#fdfdfd; text-decoration:none; display:inline-block; } .getting_started_wrapper .title {text-transform:uppercase; color:#a5d3ce; background:#289ad0; padding:0px 20px 0px 20px; border-radius:3px 3px 0px 0px; font-size:16px; display:inline-block; position:absolute; top:-40px; height:40px; line-height:40px;} .getting_started_wrapper .title .help {position:relative; top:10px; left:6px;} .getting_started_wrapper .help {display:inline-block; width:16px; height:16px; background:url('/builder/images/icons.png') -130px -63px no-repeat;} .getting_started_wrapper .close {display:inline-block; width:8px; height:8px; float:right; margin-top:21px; cursor:pointer; background:url('/builder/images/icons.png') -150px -63px no-repeat;} ul.progressbar {list-style-type:none; margin-top:15px;} ul.progressbar li {display:inline-block; margin-right:30px; font-size:12px;} .qs .bigcheckbox, ul.progressbar li .bigcheckbox{cursor:default; display:inline-block; position:relative; top:-3px; background:url('/builder/images/icons.png') -101px -63px no-repeat; width:21px; height:21px;} .qs .bigcheckbox.done, ul.progressbar li .bigcheckbox.done { background-position: -74px -63px; } ul.progressbar li .help {display:none;} .qs .bigcheckbox { background:url('/builder/images/icons.png?v2') -233px -63px no-repeat; } .qs .bigcheckbox.done { background-position: -270px -63px; } /*** Welcome ***/ .welcomebox .getting_started_wrapper {position:relative; bottom:0px; } .welcomebox .getting_started_wrapper ul {margin-top:0px; padding-left:15px;} .welcomebox .getting_started_wrapper ul li {height:48px; line-height:48px; padding:0px 10px; margin-right:5px;} .welcomebox .getting_started_wrapper ul li .bigcheckbox {top:12px;} .welcomebox .getting_started_wrapper ul li.current {background:#68B5AD;} .welcomebox .intro {margin:20px 20px 0px 20px;} #window_product {width:870px; /*height:600px;*/} #window_edit {width:870px; /*height:600px;*/} #window_vieworder {width:718px; /*height:600px;*/} #window_shipment {width:780px; /*height:600px;*/} #window_exchange {width:780px; /*height:600px;*/} #window_return {width:780px; /*height:600px;*/} #window_images { width:820px; height:500px; z-index:1300; } #boxes_images .mask {z-index:1200;} #window_files {width:800px; height:500px; z-index:1300; } #boxes_files .mask {z-index:1200;} #window_variants {width:900px; height:500px; z-index:1300; } #boxes_variants .mask {z-index:1200;} #window_selectproduct {width:680px; height:500px; z-index:1300; } #boxes_selectproduct .mask {z-index:1200;} #window_paymentinput {width:680px; height:585px; z-index:1300; } #window_paymentinput .mask {z-index:1200;} #window_addvoucher {width:680px; height:500px; z-index:1300; } #window_addvoucher .mask {z-index:1200;} #window_adddiscount {width:680px; height:500px; z-index:1300; } #window_adddiscount .mask {z-index:1200;} #window_welcome {width:680px; height:500px; z-index:1400; } #window_welcome .mask {z-index:1350;} #window_emailreceipt {width:680px; z-index:1450; } #boxes_emailreceipt .mask {z-index:1440;} #window_domainreg {width:680px; z-index:1300; } #boxes_domainreg .mask {z-index:1200;} #window_refund {width:680px; height:500px; z-index:1300; } #boxes_refund .mask {z-index:1200;} #window_confirmation {width:680px; height:250px; z-index:1300; } #boxes_confirmation .mask {z-index:1250;} #window_small {width:680px; height:300px; z-index:1400; } #boxes_small .mask {z-index:1350;} .boxes .smallwindow .inputheader {width:250px;} .boxes .smallwindow .inputfield {width:220px;} .boxes .smallwindow .centerheader {text-align:center; margin-bottom:10px;} /* JQDIALOG */ #jqDialog_mask { background: #FCC; position: fixed; width:100%; height:100%; top:0px; left:0px; opacity:0.70; z-index:1980;} #jqDialog_box { background: #FFF; position: absolute; width: 398px; height: 175px; border:1px solid #949494; z-index:2000; } #jqDialog_content { margin: 10px; text-align:center;} #jqDialog_content h5 {margin-top:25px; font-size:24px; font-weight:bold; text-transform:uppercase;color:#353535;text-align:center;letter-spacing:.05em;} #jqDialog_options { margin: 20px; text-align: center;} #jqDialog_yes {margin-right:20px;} #jqDialog_input {} #jqDialog_close {padding:0px; margin-right:11px;border:none; float:right; cursor: pointer; position:relative; top:3px; display:inline-block; height:16px; background:url('/builder/images/icons.png') -159px 0px no-repeat; width:8px; text-indent:-200px; text-align:left; overflow:hidden;} #jqDialog_close:hover {background-position:-167px 0px;} /* jScrollPane */ .jspContainer { overflow: hidden; position: relative;} .jspPane {position: absolute;} .jspVerticalBar{ position: absolute; top: 0; right: 0; width: 12px; height: 100%; } .jspVerticalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspTrack { background: #f2f2f2; position: relative;} .jspDrag { background: #757474; position: relative; top: 0; left: 0; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer;} .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px;} .jspVerticalBar .jspArrow:focus { outline: none;} .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* TipTip CSS - Version 1.2 */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px;} #tiptip_holder.tip_bottom { padding-top: 5px;} #tiptip_holder.tip_right { padding-left: 5px;} #tiptip_holder.tip_left { padding-right: 5px;} #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0;} #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35);} #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92);} #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92);} #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92);} #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92);} /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } } /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; } .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; } .textright { text-align: right; padding-right: 10px;} @media only screen and (max-width: 820px) { .pospage .verytallbutton {font-size:11px;} .pospage .verytallbutton.blue {font-size:16px;} } .tillpointlist .icons { width: 60px !important; } .tillpointlist { border-bottom:1px solid #e5e5e5; } .tillpointlist .inactive { text-decoration: line-through; font-style: italic; } .tillpointlist .item .details {width:350px;} #paymentmethod { width: 140px; } /* FILE MANAGER ( filemanger [sic] ) */ #filemanger {margin:20px 0;} #filemanger ul {list-style:none;margin:0 0;padding:0;} #filemanger li {list-style:none;margin:0;border-top:1px solid #ccc;padding:5px 0 5px 33px;font-size:13px;color:#000;background-position:0 8px;background-repeat:no-repeat;clear:both;} .fm_empty {font-style:italic;} #filemanger ul ul {padding:4px 0 0 0;} #filemanger span {font-size:9px;padding:0 10px 0 10px;color:#333;} #filemanger li a {float:right;display:block;text-indent:-999px;overflow:hidden;width:25px;background-repeat:no-repeat;background-position:50% 50%;} .fm_delDir, .fm_delFile {background-image:url('../images/fm/delete.png');} .fm_DL {background-image:url('../images/fm/download-folder.png');} .fm_delDir:hover, .fm_delFile:hover {background-color:#faa;} #filemanger button {background-color:#F78506;color:#fff;font-size:11px;text-transform:uppercase;padding:2px 10px 2px 20px;border:none;margin-right:150px;float:right;width:130px;cursor:pointer;background-position:3px 50%;background-repeat:no-repeat;text-align:left} .btn_u {background-image:url('../images/fm/arrow.png');} .btn_a {background-image:url('../images/fm/plus.png');} #filemanger span.opener {font-weight:600;cursor:pointer;font-size:14px;color:#000;padding:3px 120px 3px 30px;} .fm_dir ul {display:none;} .fm_open {/*background-color:#ffd;*/} .fm_open > ul {display:block;} .fm_dir {background-image:url('../images/fm/open-folder.png');} #filemanger li.fm_dir {padding-left:3px;} .fm_open {background-image:url('../images/fm/close-folder.png');background-color:#ffd;} .fm_file {background-image:url('../images/fm/file.png');} .fm_tool {background-image:none;} #filemanger > ul > li.fm_tool {border:none;padding-top:40px;border-top:1px solid #ccc;} #filemanger li.fm_tool {border:none;margin-top:10px;;} .fm_tool:hover {background-color:#ddd;} #filemanger li.fm_tool + .fm_tool {border:none;padding-top:0px;;} ul.errors {list-style:none;margin:10px 0;padding:0;} ul.errors li {margin:0 0 5px 0;padding:5px 5px 5px 15px;border-left:3px solid #c0392b;color:#c0392b;font-weight:bold;font-size:12px;background-color:#f8e1df} ul.success {list-style:none;margin:10px 0;padding:0;} ul.success li {margin:0 0 5px 0;padding:5px 5px 5px 15px;border-left:3px solid #27ae60;color:#27ae60;font-weight:bold;font-size:12px;background-color:#edfbf3} /* 2017 changes */ .paymentmethodform {;border:1px solid #ccc;box-shadow:1px 1px 3px #aaa;margin:10px 0 10px 20px;padding:10px 10px 40px 10px;width:380px;float:left;height:140px;transition:border-color 0.3s ease-in,box-shadow 0.3s ease-in;position:relative;overflow:hidden;} .paymentmethodform:hover {border-color:#666;box-shadow:1px 1px 3px #289ad0;} .pm_heading {text-indent:0!important;;} .pm_heading a {float:right;font-weight:400;font-size:0.9em;} .pm_text {} .pm_image {float:right;margin:0 10px;width:100px;height:auto;} .pm_fees {color:#289ad0;} .addpaymentmethod, .button_br {position:absolute;bottom:5px;right:5px;} .po_image {position:absolute;right:20px;top:20px;width:100px;height:auto;} .popup_text {padding:10px 20px;line-height:1.4;} .welcome__half_left {float:left;width:44%;} .welcome__half_right {float:right;width:44%} .welcome__half_central {width:44%;margin:0 auto;} .templatechoice {;border:1px solid #ccc;box-shadow:1px 1px 3px #aaa;margin:0 10px 10px 0;padding:10px;width:100%;transition:border-color 0.3s ease-in,box-shadow 0.3s ease-in;position:relative;overflow:hidden;width:194px;float:left;} .templatechoice__active {width:650px;float:none} .templatechoice__popup {width:225px;margin:15px;} .templatechoice:hover, .templatechoice__active {border-color:#666;box-shadow:1px 1px 3px #289ad0;} .templatechoice img {width:100%;} .templatechoice img.corner-responsive {position:absolute;top:-2px;left:-2px;z-index:3;width:auto;} .templatechoice__active .image {float:left;width:250px;} .templatechoice__active .details {float:right;width:385px;} /* quick start 2017 */ .qs {list-style:none;margin:0;text-align:left;} .qs li {list-style:none;margin:0 0 16px 0;line-height:18px;/*padding-left:40px;*/position:relative;font-size:11px} .qs .qs_heading {font-size:18px;padding-top: 20px;font-style:italic; border-top: 1px solid #aaa;} .welcome__blue .qs_heading {color:#289ad0} .welcome__green .qs_heading {color:#a3cc25} .qs-image {width:100%;height:auto;border:1px solid;margin:10px 0 20px} .welcome__blue .qs-image {border-color:#289ad0} .welcome__green .qs-image {border-color:#a3cc25} .qs a {display:block;font-weight:bold;font-size:14px;} .qs .bigcheckbox {position:absolute;left:0;top:3px;margin-right:10px;} /* current plan */ .currentplan {border:1px solid #ccc;box-shadow:1px 1px 3px #aaa;margin:10px 0 10px ;padding:10px 10px 40px 10px;;transition:border-color 0.3s ease-in,box-shadow 0.3s ease-in;position:relative;overflow:hidden;} .currentplan:hover {border-color:#666;box-shadow:1px 1px 3px #289ad0;} .currentplan strong {font-size:18px;} .plan__orange {color:#f47502;} .plan__green {color:#90b912;} .plan__blue {color:#289ad0;} #discountresultsholder { display: none; position:absolute; left: 285px; width: 350px; background:#155572; z-index:500;} #discountresultsholder ul li {list-style-type:none; padding:10px 0px 10px 10px; color:#fff; cursor:pointer;} #discountresultsholder ul li:hover {background:#289AD0;} #estimatedordersresultsholder { display: none; position:absolute; left: 180px; width: 300px; background:#155572; z-index:500;} #estimatedordersresultsholder ul li {list-style-type:none; padding:10px 0px 10px 10px; color:#fff; cursor:pointer;} #estimatedordersresultsholder ul li:hover {background:#289AD0;} #discount_amounts { margin-left: 20px; margin-top: 20px; } #discount_amounts .tallbutton { margin: 5px; } .discountamount { margin-right: 20px;} #window_paymentinput .inputheader { width: 160px !important;} #window_paymentinput .inputfield { width: 210px !important;} #clearamounttendered {float: none !important;} #paymentinputbox { width: 400px; display: inline-block; } #receiptnotebox {width: 230px; display: inline-block; vertical-align: top;} #receiptnoteform .inputheader {width: 75px !important; text-align: left !important;} #receiptnoteform .textarea { width: 220px; height: 100px; text-indent: 0px;} .pinsection .inputfield {width: 150px !important; margin-left: 170px !important;} #window_onaccountinput .inputheader { width: 160px !important;} #window_onaccountinput .inputfield { width: 210px !important;} .listings .checkbox {text-align:center; display:inline-block; width:38px;} .Dflex {display: -webkit-box; display: -ms-flexbox; display: flex; } .Dflex > div {-webkit-box-flex:1; -ms-flex:1; flex:1;margin:0 10px 10px} .Dflex > div.noflex { -webkit-box-flex:none; -ms-flex:none; flex:none;margin:0 auto} .NDbutton {font-size:12px;color:#fff;padding:7px;float:left;margin:0 10px 0 0;border-radius:3px;transition:border-radius 0.2s ease-in,background-color 0.2s ease-in;cursor:pointer;text-transform:uppercase;line-height:20px;} .NDbutton:hover {text-decoration:none;} .NDbutton__blue {background-color:#2699d0;} .NDbutton__orange {background-color:#ed6d00;} .NDbutton__grey {background-color:#5b5b5b;} .NDbutton__green {background-color:#44a848;float:right;font-weight:bold;margin:0;/*font-size:20px;*/} .NDbutton__blue:hover {background-color:#1d749e;} .NDbutton__orange:hover {background-color:#b25200;} .NDbutton__grey:hover {background-color:#3e3e3e;} .NDbutton__green:hover {background-color:#337e36;} /* new forms */ .input-text {border:1px solid #bbb;padding:6px;font-size:0.85rem;font-family:'Open Sans',Arial;transition:all 0.2s ease-in;width:100%;} .input-text__textarea {height:100px;} .input-text:focus {border-color:#000;box-shadow:0 0 2px #aaa;} .input-button {border:none;color:#fff;transition:all 0.15s ease-in;font-size:0.8rem;font-weight:600;border-radius:5px;display:inline-block;} .input-button__good {background:#27ae60;} .input-button__bad {background:#c0392b;} .button__right {float:right;margin-left:10px;} .button__left {float:left;margin-right:10px;} .input-button:hover {opacity:0.8;border-radius:2px;text-decoration:none;} @media screen and (min-width: 1050px) { .NDbutton {font-size:13px;padding:10px;} #toprightnav li { padding:0px 5px;}} @media screen and (min-width: 1200px) { .NDbutton {font-size:16px;padding:10px 16px;} } .quickbarbutton { background:#5b5b5b; } .searchcontainer {width: 500px; margin:20px auto;} .searchcontainer .searchresultsholder {display:none; width:528px; position:absolute; background:#155572; z-index:500;} .searchcontainer .searchresultsholder ul li {list-style-type:none; padding:10px 0px 10px 10px; color:#fff; cursor:pointer;} #suppliercontainer { margin-top: 20px; } .porder-box { margin: auto; padding: 10px; border-top: 1px solid #eee; /*box-shadow: 0 0 10px rgba(0, 0, 0, .15);*/ line-height: 26px; color: #555; } .porder-box table { width: 100%; line-height: inherit; text-align: left; } .porder-box table td { padding: 5px; vertical-align: top; } .porder-box table tr.top table td { padding-bottom: 20px; } .porder-box table tr.top table td.title { font-size: 45px; line-height: 45px; color: #333; } .porder-box table tr.information table td { padding-bottom: 40px; } .porder-box table tr.heading td { background: #eee; border-bottom: 1px solid #ddd; font-weight: bold; } .porder-box table tr.details td { padding-bottom: 20px; } .porder-box table tr.item td{ border-bottom: 1px solid #eee; } .porder-box table tr.item.last td { border-bottom: none; } .porder-box table tr.total td { border-top: 2px solid #eee; font-weight: bold; } #purchaseitemlist td { border: solid 1px #dddddd; } #purchaseitemlist th { border: solid 1px #dddddd; } #purchaseitemlist .cellright { text-align: right; } #purchaseitemlist .cellcenter { text-align: center; } #purchaseitemlist input { width: 100%; text-align: right; } #purchaseitemlist td input { width: 100%; box-sizing: border-box; border: solid 1px #dddddd; height: 26px; } #purchaseitemlist td input.input_error_highlight { border: solid 1px #b44d39; } #purchaseitemlist td input.fixed { width: 75px; } #purchaseitemlist { margin-top: 15px; } @media only screen and (max-width: 600px) { .porder-box table tr.top table td { width: 100%; display: block; text-align: center; } .porder-box table tr.information table td { width: 100%; display: block; text-align: center; } } .label { display: block; float: left; text-align: right; margin-right: 5px; } .porder-box .inputwrapper { display: block; padding-left: 5px; padding-right: 5px; } .porder-box .inputbox { border: 1px solid #ddd; display: block; float: left; background-color: #eee; color: #000; padding-left: 5px; padding-right: 5px; min-width: 50px; min-height: 24px; margin-right: 20px; margin-bottom: 3px; } .inputbox.short, .label.short { width: 50px; } .inputbox.medium, .label.medium { width: 75px; } .inputbox.normal, .label.normal { width: 100px; } .inputbox.wide, .label.wide { width: 150px; } .inputbox.extrawide { width: 362px; } .label.extrawide { width: 250px; } textarea.extrawide { width: 362px; } textarea.wide { width: 250px; } .porder-box .inputbox:hover { background-color:#EEFF88; border: 1px solid blue; } .inputwrapper { float: left; } .inputwrapper input.short { width: 50px; } .inputwrapper input.medium { width: 75px; } .inputwrapper input.normal { width: 115px; } .inputwrapper input.wide { width: 165px; } .inputwrapper input.extrawide { width: 365px; } #clearsuppplierinput { width:30px; height:30px; display:inline-block; background:url('/builder/images/icons.png') -65px -30px no-repeat; text-indent:-200px; overflow:hidden; cursor:pointer; } #outletexchange { padding-top: 20px; } #outletexchange .inputheader {width:160px;} .heading td span.treelink {float: right; vertical-align:top; width:24px; height:25px; display:inline-block; cursor:pointer; margin-right:12px;} .heading td span.treelink.expand {background:url('/builder/images/expandbuttons.png') 0px 0px no-repeat;} .heading td span.treelink.contract {background:url('/builder/images/expandbuttons.png') -24px 0px no-repeat;} ::-webkit-scrollbar{width:10px}::-webkit-scrollbar:horizontal{height:10px}::-webkit-scrollbar-track{background:rgba(228,228,228,0.2);border-radius:3px}::-webkit-scrollbar-thumb{background:#f47502;border-radius:3px} .pull-right { float: right; } .pull-left { float: left; } .updowncontainers {position:relative; display:inline-block; margin-left:20px; margin-right: 20px; height:0px; top: -6px;} .loaderBox, .loaderBox:after { border-radius: 50%; width: 10em; height: 10em; } .loaderBox { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(0, 0, 0, 0.2); border-right: 1.1em solid rgba(0, 0, 0, 0.2); border-bottom: 1.1em solid rgba(0, 0, 0, 0.2); border-left: 1.1em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: loads 2s infinite linear; animation: loads 2s infinite linear; } @-webkit-keyframes loads { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loads { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #loadingBoxDiv { position:absolute;; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity: 0.7; } .productgroup { background: #ccc; font-size: 14px; } .cellright { text-align: right; } .cellcenter { text-align: center; } .container { width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto; } .row { margin-bottom: 15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .hidden { display: none !important; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; display: inline-block; } .inline-block { display: inline-block !important; } .online { font-weight:bold;color:#00CC00; } .offline { font-weight:bold;color:#FF0101; } .textinput.stocksearchinput {width:65%; margin-right:10px; margin-top: 18px;} .textinput.bigstocksearchinput {width:80%; margin-right:10px; margin-top: 18px;} table.stockauditlist {width:100%;} table.stockauditlist td {padding:10px; vertical-align:middle;} table.stockauditlist .r0 td {background:#ededed;} table.stockauditlist tr:nth-child(even) {background: #ededed;} table.stockauditlist tr:nth-child(odd) {background: #FFF} table.stockauditlist thead th, table.stockauditlist thead td {background:#333; color:#fff;padding:5px; vertical-align:middle;line-height:1.2} table.stockauditlist tfoot td {background:#555; color:#fff;} table.stockauditlist td.currency {text-align: right;} table.stockauditlist tr.unchecked { background: #DED1D7;} table.stockauditlist td.matched { color: #00dd1c;} table.stockauditlist td.unmatched { color: #FF0101;} #quantity_box {display: inline-block; margin-right: 5px;} #addbutton {vertical-align: bottom !important;} .stockauditlist .currentstock { cursor: pointer; } .currency { text-align: right; } .searchresultsholder {display:none; width:80%; position:absolute; background:#155572; z-index:500; margin:55px auto;} .searchresultsholder ul li {list-style-type:none; padding:10px 0px 10px 10px; color:#fff; cursor:pointer;}