.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } @media print { * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; } a { color: #0088cc; text-decoration: none; } a:hover, a:focus { color: #005580; text-decoration: underline; } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; line-height: 0; content: ""; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; line-height: 0; content: ""; } .container-fluid:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999999; } a.muted:hover, a.muted:focus { color: #808080; } .text-warning { color: #c09853; } a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } .text-error { color: #b94a48; } a.text-error:hover, a.text-error:focus { color: #953b39; } .text-info { color: #3a87ad; } a.text-info:hover, a.text-info:focus { color: #2d6987; } .text-success { color: #468847; } a.text-success:hover, a.text-success:focus { color: #356635; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } h1, h2, h3 { line-height: 40px; } h1 { font-size: 38.5px; } h2 { font-size: 31.5px; } h3 { font-size: 24.5px; } h4 { font-size: 17.5px; } h5 { font-size: 14px; } h6 { font-size: 11.9px; } h1 small { font-size: 24.5px; } h2 small { font-size: 17.5px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } ul.inline, ol.inline { margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; *display: inline; padding-right: 5px; padding-left: 5px; *zoom: 1; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; line-height: 0; content: ""; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; white-space: nowrap; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; *margin-top: 4px; line-height: 30px; } select { width: 220px; background-color: #ffffff; border: 1px solid #cccccc; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #999999; cursor: not-allowed; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; line-height: 0; content: ""; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: middle; *zoom: 1; } .input-append, .input-prepend { display: inline-block; margin-bottom: 10px; font-size: 0; white-space: nowrap; vertical-align: middle; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover { font-size: 14px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; margin-bottom: 0; vertical-align: middle; *zoom: 1; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { 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 th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success > td { background-color: #dff0d8; } .table tbody tr.error > td { background-color: #f2dede; } .table tbody tr.warning > td { background-color: #fcf8e3; } .table tbody tr.info > td { background-color: #d9edf7; } .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover > td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } .table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("/v1.1.28/Content/modules/bootstrap/css/../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; } .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("/v1.1.28/Content/modules/bootstrap/css/../img/glyphicons-halflings-white.png"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { width: 16px; background-position: -216px -120px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { width: 16px; background-position: -384px -120px; } .icon-folder-open { width: 16px; background-position: -408px -120px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { color: #ffffff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: default; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .dropdown-submenu > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; } .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .btn { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { color: #0088cc; cursor: pointer; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover, .btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; } .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { margin-top: 10px; margin-bottom: 10px; font-size: 0; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 14px; } .btn-group > .btn-mini { font-size: 10.5px; } .btn-group > .btn-small { font-size: 11.9px; } .btn-group > .btn-large { font-size: 17.5px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group > .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; } .btn-mini .caret, .btn-small .caret { margin-top: 8px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; *zoom: 1; } .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical > .btn + .btn { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .nav { margin-bottom: 20px; margin-left: 0; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li > a > img { max-width: none; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { color: #ffffff; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus { z-index: 2; border-color: #ddd; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc; } .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { border-top-color: #005580; border-bottom-color: #005580; } .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover, .tabs-stacked .open > a:focus { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; line-height: 0; content: ""; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .nav > .disabled > a { color: #999999; } .nav > .disabled > a:hover, .nav > .disabled > a:focus { text-decoration: none; cursor: default; background-color: transparent; } .navbar { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible; } .navbar-inner { min-height: 40px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .navbar-inner:before, .navbar-inner:after { display: table; line-height: 0; content: ""; } .navbar-inner:after { clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; overflow: visible; } .navbar .brand { display: block; float: left; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; } .navbar .brand:hover, .navbar .brand:focus { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; color: #777777; } .navbar-link { color: #777777; } .navbar-link:hover, .navbar-link:focus { color: #333333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-right: 1px solid #ffffff; border-left: 1px solid #f2f2f2; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn, .navbar .input-prepend .btn-group, .navbar .input-append .btn-group { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; line-height: 0; content: ""; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 5px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { padding: 4px 14px; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; margin-right: 0; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: #333333; text-decoration: none; background-color: transparent; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-right: 5px; margin-left: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; *background-color: #e5e5e5; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .navbar .nav > li > .dropdown-menu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { top: auto; bottom: -7px; border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0, 0, 0, 0.2); } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { top: auto; bottom: -6px; border-top: 6px solid #ffffff; border-bottom: 0; } .navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #555555; background-color: #e5e5e5; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; border-color: #252525; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus { color: #ffffff; } .navbar-inverse .brand { color: #999999; } .navbar-inverse .navbar-text { color: #999999; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { color: #ffffff; background-color: transparent; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus { color: #ffffff; } .navbar-inverse .divider-vertical { border-right-color: #222222; border-left-color: #111111; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: #ffffff; background-color: #111111; } .navbar-inverse .nav li.dropdown > a:hover .caret, .navbar-inverse .nav li.dropdown > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; outline: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; *background-color: #040404; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb > li { display: inline-block; *display: inline; text-shadow: 0 1px 0 #ffffff; *zoom: 1; } .breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #999999; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; cursor: default; background-color: transparent; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; } .pager { margin: 20px 0; text-align: center; list-style: none; *zoom: 1; } .pager:before, .pager:after { display: table; line-height: 0; content: ""; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; cursor: default; background-color: #fff; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modal.fade.in { top: 10%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { position: relative; max-height: 400px; padding: 15px; overflow-y: auto; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .tooltip { position: absolute; z-index: 1030; display: block; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #ffffff; border-bottom-width: 0; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #ffffff; border-left-width: 0; } .popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #ffffff; border-top-width: 0; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; } .popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #ffffff; border-right-width: 0; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; line-height: 0; content: ""; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.thumbnail:hover, a.thumbnail:focus { border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .thumbnail .caption { padding: 9px; color: #555555; } .media, .media-body { overflow: hidden; *overflow: visible; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { margin-left: 0; list-style: none; } .label, .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #999999; } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-right: 9px; padding-left: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .label:empty, .badge:empty { display: none; } a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-inner .missing { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; height: 140px; line-height: 140px; text-align: center; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { right: 15px; left: auto; } .carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none; } .carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { line-height: 20px; color: #ffffff; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; letter-spacing: -1px; color: inherit; } .hero-unit li { line-height: 30px; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; }  .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.old, .datepicker td.new { color: #999999; } .datepicker td.disabled, .datepicker td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker td.active, .datepicker td.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active.disabled:hover, .datepicker td.active.disabled:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.disabled:active, .datepicker td.active.disabled:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled.active, .datepicker td.active.disabled:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active.disabled.disabled, .datepicker td.active.disabled:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled], .datepicker td.active.disabled[disabled], .datepicker td.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.disabled:active, .datepicker td.active.disabled:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled.active, .datepicker td.active.disabled:hover.active { background-color: #003399 \9; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.disabled, .datepicker td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker td span.active, .datepicker td span.active:hover, .datepicker td span.active.disabled, .datepicker td span.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:hover:hover, .datepicker td span.active.disabled:hover, .datepicker td span.active.disabled:hover:hover, .datepicker td span.active:active, .datepicker td span.active:hover:active, .datepicker td span.active.disabled:active, .datepicker td span.active.disabled:hover:active, .datepicker td span.active.active, .datepicker td span.active:hover.active, .datepicker td span.active.disabled.active, .datepicker td span.active.disabled:hover.active, .datepicker td span.active.disabled, .datepicker td span.active:hover.disabled, .datepicker td span.active.disabled.disabled, .datepicker td span.active.disabled:hover.disabled, .datepicker td span.active[disabled], .datepicker td span.active:hover[disabled], .datepicker td span.active.disabled[disabled], .datepicker td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker td span.active:active, .datepicker td span.active:hover:active, .datepicker td span.active.disabled:active, .datepicker td span.active.disabled:hover:active, .datepicker td span.active.active, .datepicker td span.active:hover.active, .datepicker td span.active.disabled.active, .datepicker td span.active.disabled:hover.active { background-color: #003399 \9; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }  .has-switch { display: inline-block; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); position: relative; text-align: left; overflow: hidden; line-height: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; min-width: 100px; } .has-switch.switch-mini { min-width: 72px; } .has-switch.switch-small { min-width: 80px; } .has-switch.switch-large { min-width: 120px; } .has-switch.deactivate { opacity: 0.5; filter: alpha(opacity=50); cursor: default !important; } .has-switch.deactivate label, .has-switch.deactivate span { cursor: default !important; } .has-switch > div { display: inline-block; width: 150%; position: relative; top: 0; } .has-switch > div.switch-animate { -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; } .has-switch > div.switch-off { left: -50%; } .has-switch > div.switch-on { left: 0%; } .has-switch input[type=checkbox] { display: none; } .has-switch span, .has-switch label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; position: relative; display: inline-block; height: 100%; padding-bottom: 4px; padding-top: 4px; font-size: 14px; line-height: 20px; } .has-switch span.switch-mini, .has-switch label.switch-mini { padding-bottom: 4px; padding-top: 4px; font-size: 10px; line-height: 9px; } .has-switch span.switch-small, .has-switch label.switch-small { padding-bottom: 3px; padding-top: 3px; font-size: 12px; line-height: 18px; } .has-switch span.switch-large, .has-switch label.switch-large { padding-bottom: 9px; padding-top: 9px; font-size: 16px; line-height: normal; } .has-switch label { text-align: center; margin-top: -1px; margin-bottom: -1px; z-index: 100; width: 34%; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch label:hover, .has-switch label:focus, .has-switch label:active, .has-switch label.active, .has-switch label.disabled, .has-switch label[disabled] { color: #ffffff; background-color: #e6e6e6; *background-color: #d9d9d9; } .has-switch label:active, .has-switch label.active { background-color: #cccccc \9; } .has-switch label i { color: #000; text-shadow: 0 1px 0 #fff; line-height: 18px; pointer-events: none; } .has-switch span { text-align: center; z-index: 1; width: 33%; } .has-switch span.switch-left { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .has-switch span.switch-right { color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f0f0f0; background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff); background-image: -o-linear-gradient(top, #e6e6e6, #ffffff); background-image: linear-gradient(to bottom, #e6e6e6, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0); border-color: #ffffff #ffffff #d9d9d9; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-right:hover, .has-switch span.switch-right:focus, .has-switch span.switch-right:active, .has-switch span.switch-right.active, .has-switch span.switch-right.disabled, .has-switch span.switch-right[disabled] { color: #333333; background-color: #ffffff; *background-color: #f2f2f2; } .has-switch span.switch-right:active, .has-switch span.switch-right.active { background-color: #e6e6e6 \9; } .has-switch span.switch-primary, .has-switch span.switch-left { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #005fcc; background-image: -moz-linear-gradient(top, #0044cc, #0088cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc)); background-image: -webkit-linear-gradient(top, #0044cc, #0088cc); background-image: -o-linear-gradient(top, #0044cc, #0088cc); background-image: linear-gradient(to bottom, #0044cc, #0088cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0); border-color: #0088cc #0088cc #005580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0088cc; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-primary:hover, .has-switch span.switch-left:hover, .has-switch span.switch-primary:focus, .has-switch span.switch-left:focus, .has-switch span.switch-primary:active, .has-switch span.switch-left:active, .has-switch span.switch-primary.active, .has-switch span.switch-left.active, .has-switch span.switch-primary.disabled, .has-switch span.switch-left.disabled, .has-switch span.switch-primary[disabled], .has-switch span.switch-left[disabled] { color: #ffffff; background-color: #0088cc; *background-color: #0077b3; } .has-switch span.switch-primary:active, .has-switch span.switch-left:active, .has-switch span.switch-primary.active, .has-switch span.switch-left.active { background-color: #006699 \9; } .has-switch span.switch-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #41a7c5; background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de)); background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de); background-image: -o-linear-gradient(top, #2f96b4, #5bc0de); background-image: linear-gradient(to bottom, #2f96b4, #5bc0de); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0); border-color: #5bc0de #5bc0de #28a1c5; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #5bc0de; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-info:hover, .has-switch span.switch-info:focus, .has-switch span.switch-info:active, .has-switch span.switch-info.active, .has-switch span.switch-info.disabled, .has-switch span.switch-info[disabled] { color: #ffffff; background-color: #5bc0de; *background-color: #46b8da; } .has-switch span.switch-info:active, .has-switch span.switch-info.active { background-color: #31b0d5 \9; } .has-switch span.switch-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #58b058; background-image: -moz-linear-gradient(top, #51a351, #62c462); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462)); background-image: -webkit-linear-gradient(top, #51a351, #62c462); background-image: -o-linear-gradient(top, #51a351, #62c462); background-image: linear-gradient(to bottom, #51a351, #62c462); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0); border-color: #62c462 #62c462 #3b9e3b; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #62c462; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-success:hover, .has-switch span.switch-success:focus, .has-switch span.switch-success:active, .has-switch span.switch-success.active, .has-switch span.switch-success.disabled, .has-switch span.switch-success[disabled] { color: #ffffff; background-color: #62c462; *background-color: #4fbd4f; } .has-switch span.switch-success:active, .has-switch span.switch-success.active { background-color: #42b142 \9; } .has-switch span.switch-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f9a123; background-image: -moz-linear-gradient(top, #f89406, #fbb450); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450)); background-image: -webkit-linear-gradient(top, #f89406, #fbb450); background-image: -o-linear-gradient(top, #f89406, #fbb450); background-image: linear-gradient(to bottom, #f89406, #fbb450); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0); border-color: #fbb450 #fbb450 #f89406; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #fbb450; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-warning:hover, .has-switch span.switch-warning:focus, .has-switch span.switch-warning:active, .has-switch span.switch-warning.active, .has-switch span.switch-warning.disabled, .has-switch span.switch-warning[disabled] { color: #ffffff; background-color: #fbb450; *background-color: #faa937; } .has-switch span.switch-warning:active, .has-switch span.switch-warning.active { background-color: #fa9f1e \9; } .has-switch span.switch-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #d14641; background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b)); background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b); background-image: -o-linear-gradient(top, #bd362f, #ee5f5b); background-image: linear-gradient(to bottom, #bd362f, #ee5f5b); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0); border-color: #ee5f5b #ee5f5b #e51d18; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #ee5f5b; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-danger:hover, .has-switch span.switch-danger:focus, .has-switch span.switch-danger:active, .has-switch span.switch-danger.active, .has-switch span.switch-danger.disabled, .has-switch span.switch-danger[disabled] { color: #ffffff; background-color: #ee5f5b; *background-color: #ec4844; } .has-switch span.switch-danger:active, .has-switch span.switch-danger.active { background-color: #e9322d \9; }  .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } table.fr-dashed-borders td, table.fr-dashed-borders th { border-style: dashed; } table.fr-alternate-rows tbody tr:nth-child(2n) { background: #f5f5f5; } table td.fr-highlighted, table th.fr-highlighted { border: 1px double red; } table td.fr-thick, table th.fr-thick { border-width: 2px; } .fr-file { position: relative; } .fr-file::after { position: relative; content: "\1F4CE"; font-weight: normal; } .fr-text-gray { color: #AAA !important; } .fr-text-bordered { border-top: solid 1px #222; border-bottom: solid 1px #222; padding: 10px 0; } .fr-text-spaced { letter-spacing: 1px; } .fr-text-uppercase { text-transform: uppercase; } img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } img.fr-dib.fr-fil { margin-left: 0; } img.fr-dib.fr-fir { margin-right: 0; } img.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } img.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } img.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } img.fr-rounded { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } img.fr-bordered { border: solid 10px #CCC; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fr-video { text-align: center; position: relative; } .fr-video > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; border: none; } .fr-video.fr-dvb { display: block; clear: both; } .fr-video.fr-dvb.fr-fvl { text-align: left; } .fr-video.fr-dvb.fr-fvr { text-align: right; } .fr-video.fr-dvi { display: inline-block; } .fr-video.fr-dvi.fr-fvl { float: left; } .fr-video.fr-dvi.fr-fvr { float: right; } a.fr-strong { font-weight: 700; } a.fr-green { color: green; } button.fr-rounded, input.fr-rounded, textarea.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } button.fr-large, input.fr-large, textarea.fr-large { font-size: 24px; } a.fr-view.fr-strong { font-weight: 700; } a.fr-view.fr-green { color: green; } img.fr-view { position: relative; max-width: 100%; } img.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } img.fr-view.fr-dib.fr-fil { margin-left: 0; } img.fr-view.fr-dib.fr-fir { margin-right: 0; } img.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } img.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } img.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } img.fr-view.fr-rounded { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } img.fr-view.fr-bordered { border: solid 10px #CCC; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }  @font-face { font-family: 'FontAwesome'; src: url("/v2.0.1/Content/modules/font-awesome/css/../font/fontawesome-webfont.eot?v=4.7.0"); src: url("/v2.0.1/Content/modules/font-awesome/css/../font/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/v2.0.1/Content/modules/font-awesome/css/../font/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/v2.0.1/Content/modules/font-awesome/css/../font/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/v2.0.1/Content/modules/font-awesome/css/../font/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/v2.0.1/Content/modules/font-awesome/css/../font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa, [class^="icon-"], [class*=" icon-"] { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg, .icon-large { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x, .icon-2x { font-size: 2em; } .fa-3x, .icon-3x { font-size: 3em; } .fa-4x, .icon-4x { font-size: 4em; } .fa-5x, .icon-5x { font-size: 5em; } .fa-fw, .icon-fixed-width { width: 1.28571em; text-align: center; } .fa-ul, .icons-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li, .icons-ul > li { position: relative; } .fa-li, .icon-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg, .fa-li.icon-large, .icon-large.icon-li, .fa-lg.icon-li { left: -1.85714em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fa-pull-left[class^="icon-"], .fa-pull-left[class*=" icon-"] { margin-right: .3em; } .fa.fa-pull-right, .fa-pull-right[class^="icon-"], .fa-pull-right[class*=" icon-"] { margin-left: .3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left, .pull-left[class^="icon-"], .pull-left[class*=" icon-"] { margin-right: .3em; } .fa.pull-right, .pull-right[class^="icon-"], .pull-right[class*=" icon-"] { margin-left: .3em; } .fa-spin, .icon-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90, .icon-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180, .icon-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270, .icon-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal, .icon-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical, .icon-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .icon-rotate-90, :root .fa-rotate-180, :root .icon-rotate-180, :root .fa-rotate-270, :root .icon-rotate-270, :root .fa-flip-horizontal, :root .icon-flip-horizontal, :root .fa-flip-vertical, :root .icon-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse, .icon-white { color: white; } .fa-glass:before, .icon-glass:before { content: "\f000"; } .fa-music:before, .icon-music:before { content: "\f001"; } .fa-search:before, .icon-search:before { content: "\f002"; } .fa-envelope-o:before, .icon-envelope-alt:before { content: "\f003"; } .fa-heart:before, .icon-heart:before { content: "\f004"; } .fa-star:before, .icon-star:before { content: "\f005"; } .fa-star-o:before, .icon-star-empty:before { content: "\f006"; } .fa-user:before, .icon-user:before { content: "\f007"; } .fa-film:before, .icon-film:before { content: "\f008"; } .fa-th-large:before, .icon-th-large:before { content: "\f009"; } .fa-th:before, .icon-th:before { content: "\f00a"; } .fa-th-list:before, .icon-th-list:before { content: "\f00b"; } .fa-check:before, .icon-check:before, .icon-ok:before { content: "\f00c"; } .fa-remove:before, .icon-remove:before, .fa-close:before, .fa-times:before, .icon-remove:before { content: "\f00d"; } .fa-search-plus:before, .icon-zoom-in:before { content: "\f00e"; } .fa-search-minus:before, .icon-zoom-out:before { content: "\f010"; } .fa-power-off:before, .icon-power-off:before, .icon-off:before { content: "\f011"; } .fa-signal:before, .icon-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before, .icon-gear:before, .icon-cog:before { content: "\f013"; } .fa-trash-o:before, .icon-trash:before { content: "\f014"; } .fa-home:before, .icon-home:before { content: "\f015"; } .fa-file-o:before, .icon-file-alt:before { content: "\f016"; } .fa-clock-o:before, .icon-time:before { content: "\f017"; } .fa-road:before, .icon-road:before { content: "\f018"; } .fa-download:before, .icon-download:before, .icon-download-alt:before { content: "\f019"; } .fa-arrow-circle-o-down:before, .icon-download:before { content: "\f01a"; } .fa-arrow-circle-o-up:before, .icon-upload:before { content: "\f01b"; } .fa-inbox:before, .icon-inbox:before { content: "\f01c"; } .fa-play-circle-o:before, .icon-play-circle:before { content: "\f01d"; } .fa-rotate-right:before, .icon-rotate-right:before, .fa-repeat:before, .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .fa-refresh:before, .icon-refresh:before { content: "\f021"; } .fa-list-alt:before, .icon-list-alt:before { content: "\f022"; } .fa-lock:before, .icon-lock:before { content: "\f023"; } .fa-flag:before, .icon-flag:before { content: "\f024"; } .fa-headphones:before, .icon-headphones:before { content: "\f025"; } .fa-volume-off:before, .icon-volume-off:before { content: "\f026"; } .fa-volume-down:before, .icon-volume-down:before { content: "\f027"; } .fa-volume-up:before, .icon-volume-up:before { content: "\f028"; } .fa-qrcode:before, .icon-qrcode:before { content: "\f029"; } .fa-barcode:before, .icon-barcode:before { content: "\f02a"; } .fa-tag:before, .icon-tag:before { content: "\f02b"; } .fa-tags:before, .icon-tags:before { content: "\f02c"; } .fa-book:before, .icon-book:before { content: "\f02d"; } .fa-bookmark:before, .icon-bookmark:before { content: "\f02e"; } .fa-print:before, .icon-print:before { content: "\f02f"; } .fa-camera:before, .icon-camera:before { content: "\f030"; } .fa-font:before, .icon-font:before { content: "\f031"; } .fa-bold:before, .icon-bold:before { content: "\f032"; } .fa-italic:before, .icon-italic:before { content: "\f033"; } .fa-text-height:before, .icon-text-height:before { content: "\f034"; } .fa-text-width:before, .icon-text-width:before { content: "\f035"; } .fa-align-left:before, .icon-align-left:before { content: "\f036"; } .fa-align-center:before, .icon-align-center:before { content: "\f037"; } .fa-align-right:before, .icon-align-right:before { content: "\f038"; } .fa-align-justify:before, .icon-align-justify:before { content: "\f039"; } .fa-list:before, .icon-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before, .icon-indent-left:before { content: "\f03b"; } .fa-indent:before, .icon-indent-right:before { content: "\f03c"; } .fa-video-camera:before, .icon-facetime-video:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before, .icon-picture:before { content: "\f03e"; } .fa-pencil:before, .icon-pencil:before { content: "\f040"; } .fa-map-marker:before, .icon-map-marker:before { content: "\f041"; } .fa-adjust:before, .icon-adjust:before { content: "\f042"; } .fa-tint:before, .icon-tint:before { content: "\f043"; } .fa-edit:before, .icon-edit:before, .fa-pencil-square-o:before, .icon-edit:before { content: "\f044"; } .fa-share-square-o:before, .icon-share:before { content: "\f045"; } .fa-check-square-o:before, .icon-check:before { content: "\f046"; } .fa-arrows:before, .icon-move:before { content: "\f047"; } .fa-step-backward:before, .icon-step-backward:before { content: "\f048"; } .fa-fast-backward:before, .icon-fast-backward:before { content: "\f049"; } .fa-backward:before, .icon-backward:before { content: "\f04a"; } .fa-play:before, .icon-play:before { content: "\f04b"; } .fa-pause:before, .icon-pause:before { content: "\f04c"; } .fa-stop:before, .icon-stop:before { content: "\f04d"; } .fa-forward:before, .icon-forward:before { content: "\f04e"; } .fa-fast-forward:before, .icon-fast-forward:before { content: "\f050"; } .fa-step-forward:before, .icon-step-forward:before { content: "\f051"; } .fa-eject:before, .icon-eject:before { content: "\f052"; } .fa-chevron-left:before, .icon-chevron-left:before, .icon-chevron-sign-left:before { content: "\f053"; } .fa-chevron-right:before, .icon-chevron-right:before, .icon-chevron-sign-right:before { content: "\f054"; } .fa-plus-circle:before, .icon-plus-sign:before { content: "\f055"; } .fa-minus-circle:before, .icon-minus-sign:before { content: "\f056"; } .fa-times-circle:before, .icon-remove-sign:before { content: "\f057"; } .fa-check-circle:before, .icon-ok-sign:before { content: "\f058"; } .fa-question-circle:before, .icon-question-sign:before { content: "\f059"; } .fa-info-circle:before, .icon-info-sign:before { content: "\f05a"; } .fa-crosshairs:before, .icon-screenshot:before { content: "\f05b"; } .fa-times-circle-o:before, .icon-remove-circle:before { content: "\f05c"; } .fa-check-circle-o:before, .icon-ok-circle:before { content: "\f05d"; } .fa-ban:before, .icon-ban-circle:before { content: "\f05e"; } .fa-arrow-left:before, .icon-arrow-left:before { content: "\f060"; } .fa-arrow-right:before, .icon-arrow-right:before { content: "\f061"; } .fa-arrow-up:before, .icon-arrow-up:before { content: "\f062"; } .fa-arrow-down:before, .icon-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before, .icon-share:before, .icon-share-alt:before { content: "\f064"; } .fa-expand:before, .icon-expand:before, .icon-resize-full:before { content: "\f065"; } .fa-compress:before, .icon-resize-small:before { content: "\f066"; } .fa-plus:before, .icon-plus:before { content: "\f067"; } .fa-minus:before, .icon-minus:before { content: "\f068"; } .fa-asterisk:before, .icon-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before, .icon-exclamation-sign:before { content: "\f06a"; } .fa-gift:before, .icon-gift:before { content: "\f06b"; } .fa-leaf:before, .icon-leaf:before { content: "\f06c"; } .fa-fire:before, .icon-fire:before { content: "\f06d"; } .fa-eye:before, .icon-eye-open:before { content: "\f06e"; } .fa-eye-slash:before, .icon-eye-close:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before, .icon-warning-sign:before { content: "\f071"; } .fa-plane:before, .icon-plane:before { content: "\f072"; } .fa-calendar:before, .icon-calendar:before { content: "\f073"; } .fa-random:before, .icon-random:before { content: "\f074"; } .fa-comment:before, .icon-comment:before { content: "\f075"; } .fa-magnet:before, .icon-magnet:before { content: "\f076"; } .fa-chevron-up:before, .icon-chevron-up:before, .icon-chevron-sign-up:before { content: "\f077"; } .fa-chevron-down:before, .icon-chevron-down:before, .icon-chevron-sign-down:before { content: "\f078"; } .fa-retweet:before, .icon-retweet:before { content: "\f079"; } .fa-shopping-cart:before, .icon-shopping-cart:before { content: "\f07a"; } .fa-folder:before, .icon-folder-close:before { content: "\f07b"; } .fa-folder-open:before, .icon-folder-open:before { content: "\f07c"; } .fa-arrows-v:before, .icon-resize-vertical:before { content: "\f07d"; } .fa-arrows-h:before, .icon-resize-horizontal:before { content: "\f07e"; } .fa-bar-chart-o:before, .icon-bar-chart:before, .fa-bar-chart:before, .icon-bar-chart:before { content: "\f080"; } .fa-twitter-square:before, .icon-twitter-sign:before { content: "\f081"; } .fa-facebook-square:before, .icon-facebook-sign:before { content: "\f082"; } .fa-camera-retro:before, .icon-camera-retro:before { content: "\f083"; } .fa-key:before, .icon-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before, .icon-gears:before, .icon-cogs:before { content: "\f085"; } .fa-comments:before, .icon-comments:before { content: "\f086"; } .fa-thumbs-o-up:before, .icon-thumbs-up-alt:before { content: "\f087"; } .fa-thumbs-o-down:before, .icon-thumbs-down-alt:before { content: "\f088"; } .fa-star-half:before, .icon-star-half:before { content: "\f089"; } .fa-heart-o:before, .icon-heart-empty:before { content: "\f08a"; } .fa-sign-out:before, .icon-signout:before { content: "\f08b"; } .fa-linkedin-square:before, .icon-linkedin-sign:before { content: "\f08c"; } .fa-thumb-tack:before, .icon-pushpin:before { content: "\f08d"; } .fa-external-link:before, .icon-external-link:before { content: "\f08e"; } .fa-sign-in:before, .icon-signin:before { content: "\f090"; } .fa-trophy:before, .icon-trophy:before { content: "\f091"; } .fa-github-square:before, .icon-github-sign:before { content: "\f092"; } .fa-upload:before, .icon-upload:before, .icon-upload-alt:before { content: "\f093"; } .fa-lemon-o:before, .icon-lemon:before { content: "\f094"; } .fa-phone:before, .icon-phone:before { content: "\f095"; } .fa-square-o:before, .icon-check-empty:before { content: "\f096"; } .fa-bookmark-o:before, .icon-bookmark-empty:before { content: "\f097"; } .fa-phone-square:before, .icon-phone-sign:before { content: "\f098"; } .fa-twitter:before, .icon-unchecked:before, .icon-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before, .icon-facebook:before { content: "\f09a"; } .fa-github:before, .icon-github:before { content: "\f09b"; } .fa-unlock:before, .icon-unlock:before { content: "\f09c"; } .fa-credit-card:before, .icon-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before, .icon-rss:before { content: "\f09e"; } .fa-hdd-o:before, .icon-hdd:before { content: "\f0a0"; } .fa-bullhorn:before, .icon-bullhorn:before { content: "\f0a1"; } .fa-bell:before, .icon-bell:before, .icon-bell-alt:before { content: "\f0f3"; } .fa-certificate:before, .icon-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before, .icon-hand-right:before { content: "\f0a4"; } .fa-hand-o-left:before, .icon-hand-left:before { content: "\f0a5"; } .fa-hand-o-up:before, .icon-hand-up:before { content: "\f0a6"; } .fa-hand-o-down:before, .icon-hand-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before, .icon-circle-arrow-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before, .icon-circle-arrow-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before, .icon-circle-arrow-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before, .icon-circle-arrow-down:before { content: "\f0ab"; } .fa-globe:before, .icon-globe:before { content: "\f0ac"; } .fa-wrench:before, .icon-wrench:before { content: "\f0ad"; } .fa-tasks:before, .icon-tasks:before { content: "\f0ae"; } .fa-filter:before, .icon-filter:before { content: "\f0b0"; } .fa-briefcase:before, .icon-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before, .icon-fullscreen:before { content: "\f0b2"; } .fa-group:before, .icon-group:before, .fa-users:before, .icon-group:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before, .icon-link:before { content: "\f0c1"; } .fa-cloud:before, .icon-cloud:before { content: "\f0c2"; } .fa-flask:before, .icon-beaker:before { content: "\f0c3"; } .fa-cut:before, .icon-cut:before, .fa-scissors:before, .icon-cut:before { content: "\f0c4"; } .fa-copy:before, .icon-copy:before, .fa-files-o:before, .icon-copy:before { content: "\f0c5"; } .fa-paperclip:before, .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .fa-save:before, .icon-save:before, .fa-floppy-o:before, .icon-save:before { content: "\f0c7"; } .fa-square:before, .icon-sign-blank:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .icon-reorder:before, .fa-bars:before, .icon-reorder:before { content: "\f0c9"; } .fa-list-ul:before, .icon-list-ul:before { content: "\f0ca"; } .fa-list-ol:before, .icon-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before, .icon-strikethrough:before { content: "\f0cc"; } .fa-underline:before, .icon-underline:before { content: "\f0cd"; } .fa-table:before, .icon-table:before { content: "\f0ce"; } .fa-magic:before, .icon-magic:before { content: "\f0d0"; } .fa-truck:before, .icon-truck:before { content: "\f0d1"; } .fa-pinterest:before, .icon-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before, .icon-pinterest-sign:before { content: "\f0d3"; } .fa-google-plus-square:before, .icon-google-plus-sign:before { content: "\f0d4"; } .fa-google-plus:before, .icon-google-plus:before { content: "\f0d5"; } .fa-money:before, .icon-money:before { content: "\f0d6"; } .fa-caret-down:before, .icon-caret-down:before { content: "\f0d7"; } .fa-caret-up:before, .icon-caret-up:before { content: "\f0d8"; } .fa-caret-left:before, .icon-caret-left:before { content: "\f0d9"; } .fa-caret-right:before, .icon-caret-right:before { content: "\f0da"; } .fa-columns:before, .icon-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before, .icon-sort:before { content: "\f0dc"; } .fa-sort-down:before, .icon-sort-down:before, .fa-sort-desc:before, .icon-sort-down:before { content: "\f0dd"; } .fa-sort-up:before, .icon-sort-up:before, .fa-sort-asc:before, .icon-sort-up:before { content: "\f0de"; } .fa-envelope:before, .icon-envelope:before { content: "\f0e0"; } .fa-linkedin:before, .icon-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .icon-rotate-left:before, .fa-undo:before, .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .fa-legal:before, .icon-legal:before, .fa-gavel:before, .icon-legal:before { content: "\f0e3"; } .fa-dashboard:before, .icon-dashboard:before, .fa-tachometer:before, .icon-dashboard:before { content: "\f0e4"; } .fa-comment-o:before, .icon-comment-alt:before { content: "\f0e5"; } .fa-comments-o:before, .icon-comments-alt:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before, .icon-bolt:before { content: "\f0e7"; } .fa-sitemap:before, .icon-sitemap:before { content: "\f0e8"; } .fa-umbrella:before, .icon-umbrella:before { content: "\f0e9"; } .fa-paste:before, .icon-paste:before, .fa-clipboard:before, .icon-paste:before { content: "\f0ea"; } .fa-lightbulb-o:before, .icon-lightbulb:before { content: "\f0eb"; } .fa-exchange:before, .icon-exchange:before { content: "\f0ec"; } .fa-cloud-download:before, .icon-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before, .icon-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before, .icon-user-md:before { content: "\f0f0"; } .fa-stethoscope:before, .icon-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before, .icon-suitcase:before { content: "\f0f2"; } .fa-bell-o:before, .icon-bell:before { content: "\f0a2"; } .fa-coffee:before, .icon-coffee:before { content: "\f0f4"; } .fa-cutlery:before, .icon-food:before { content: "\f0f5"; } .fa-file-text-o:before, .icon-file-text-alt:before { content: "\f0f6"; } .fa-building-o:before, .icon-building:before { content: "\f0f7"; } .fa-hospital-o:before, .icon-hospital:before { content: "\f0f8"; } .fa-ambulance:before, .icon-ambulance:before { content: "\f0f9"; } .fa-medkit:before, .icon-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before, .icon-fighter-jet:before { content: "\f0fb"; } .fa-beer:before, .icon-beer:before { content: "\f0fc"; } .fa-h-square:before, .icon-h-sign:before { content: "\f0fd"; } .fa-plus-square:before, .icon-plus-sign-alt:before { content: "\f0fe"; } .fa-angle-double-left:before, .icon-double-angle-left:before { content: "\f100"; } .fa-angle-double-right:before, .icon-double-angle-right:before { content: "\f101"; } .fa-angle-double-up:before, .icon-double-angle-up:before { content: "\f102"; } .fa-angle-double-down:before, .icon-double-angle-down:before { content: "\f103"; } .fa-angle-left:before, .icon-angle-left:before { content: "\f104"; } .fa-angle-right:before, .icon-angle-right:before { content: "\f105"; } .fa-angle-up:before, .icon-angle-up:before { content: "\f106"; } .fa-angle-down:before, .icon-angle-down:before { content: "\f107"; } .fa-desktop:before, .icon-desktop:before { content: "\f108"; } .fa-laptop:before, .icon-laptop:before { content: "\f109"; } .fa-tablet:before, .icon-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .icon-mobile-phone:before, .fa-mobile:before, .icon-mobile-phone:before { content: "\f10b"; } .fa-circle-o:before, .icon-circle-blank:before { content: "\f10c"; } .fa-quote-left:before, .icon-quote-left:before { content: "\f10d"; } .fa-quote-right:before, .icon-quote-right:before { content: "\f10e"; } .fa-spinner:before, .icon-spinner:before { content: "\f110"; } .fa-circle:before, .icon-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before, .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .fa-github-alt:before, .icon-github-alt:before { content: "\f113"; } .fa-folder-o:before, .icon-folder-close-alt:before { content: "\f114"; } .fa-folder-open-o:before, .icon-folder-open-alt:before { content: "\f115"; } .fa-smile-o:before, .icon-smile:before { content: "\f118"; } .fa-frown-o:before, .icon-frown:before { content: "\f119"; } .fa-meh-o:before, .icon-meh:before { content: "\f11a"; } .fa-gamepad:before, .icon-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before, .icon-keyboard:before { content: "\f11c"; } .fa-flag-o:before, .icon-flag-alt:before { content: "\f11d"; } .fa-flag-checkered:before, .icon-flag-checkered:before { content: "\f11e"; } .fa-terminal:before, .icon-terminal:before { content: "\f120"; } .fa-code:before, .icon-code:before { content: "\f121"; } .fa-mail-reply-all:before, .icon-mail-reply-all:before, .fa-reply-all:before, .icon-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .icon-star-half-full:before, .icon-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before, .icon-star-half-empty:before { content: "\f123"; } .fa-location-arrow:before, .icon-location-arrow:before { content: "\f124"; } .fa-crop:before, .icon-crop:before { content: "\f125"; } .fa-code-fork:before, .icon-code-fork:before { content: "\f126"; } .fa-unlink:before, .icon-unlink:before, .fa-chain-broken:before, .icon-unlink:before { content: "\f127"; } .fa-question:before, .icon-question:before { content: "\f128"; } .fa-info:before, .icon-info:before { content: "\f129"; } .fa-exclamation:before, .icon-exclamation:before { content: "\f12a"; } .fa-superscript:before, .icon-superscript:before { content: "\f12b"; } .fa-subscript:before, .icon-subscript:before { content: "\f12c"; } .fa-eraser:before, .icon-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before, .icon-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before, .icon-microphone:before { content: "\f130"; } .fa-microphone-slash:before, .icon-microphone-off:before { content: "\f131"; } .fa-shield:before, .icon-shield:before { content: "\f132"; } .fa-calendar-o:before, .icon-calendar-empty:before { content: "\f133"; } .fa-fire-extinguisher:before, .icon-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before, .icon-rocket:before { content: "\f135"; } .fa-maxcdn:before, .icon-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before, .icon-html5:before { content: "\f13b"; } .fa-css3:before, .icon-css3:before { content: "\f13c"; } .fa-anchor:before, .icon-anchor:before { content: "\f13d"; } .fa-unlock-alt:before, .icon-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before, .icon-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before, .icon-ellipsis-horizontal:before { content: "\f141"; } .fa-ellipsis-v:before, .icon-ellipsis-vertical:before { content: "\f142"; } .fa-rss-square:before, .icon-rss-sign:before { content: "\f143"; } .fa-play-circle:before, .icon-play-circle:before, .icon-play-sign:before { content: "\f144"; } .fa-ticket:before, .icon-ticket:before { content: "\f145"; } .fa-minus-square:before, .icon-minus-sign-alt:before { content: "\f146"; } .fa-minus-square-o:before, .icon-check-minus:before, .icon-collapse-alt:before { content: "\f147"; } .fa-level-up:before, .icon-level-up:before { content: "\f148"; } .fa-level-down:before, .icon-level-down:before { content: "\f149"; } .fa-check-square:before, .icon-check-sign:before { content: "\f14a"; } .fa-pencil-square:before, .icon-edit-sign:before { content: "\f14b"; } .fa-external-link-square:before, .icon-external-link-sign:before { content: "\f14c"; } .fa-share-square:before, .icon-share-sign:before { content: "\f14d"; } .fa-compass:before, .icon-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before, .icon-collapse:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before, .icon-collapse-top:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before, .icon-expand:before { content: "\f152"; } .fa-euro:before, .fa-eur:before, .icon-euro:before, .icon-eur:before { content: "\f153"; } .fa-gbp:before, .icon-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before, .icon-dollar:before, .icon-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before, .icon-rupee:before, .icon-inr:before { content: "\f156"; } .fa-cny:before, .icon-renminbi:before, .icon-cny:before, .fa-rmb:before, .icon-cny:before, .fa-yen:before, .fa-jpy:before, .icon-yen:before, .icon-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before, .icon-won:before, .icon-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before, .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .fa-file:before, .icon-file:before { content: "\f15b"; } .fa-file-text:before, .icon-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before, .icon-sort-by-alphabet:before { content: "\f15d"; } .fa-sort-alpha-desc:before, .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .fa-sort-amount-asc:before, .icon-sort-by-attributes:before { content: "\f160"; } .fa-sort-amount-desc:before, .icon-sort-by-attributes-alt:before { content: "\f161"; } .fa-sort-numeric-asc:before, .icon-sort-by-order:before { content: "\f162"; } .fa-sort-numeric-desc:before, .icon-sort-by-order-alt:before { content: "\f163"; } .fa-thumbs-up:before, .icon-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before, .icon-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before, .icon-youtube-sign:before { content: "\f166"; } .fa-youtube:before, .icon-youtube:before { content: "\f167"; } .fa-xing:before, .icon-xing:before { content: "\f168"; } .fa-xing-square:before, .icon-xing-sign:before { content: "\f169"; } .fa-youtube-play:before, .icon-youtube-play:before { content: "\f16a"; } .fa-dropbox:before, .icon-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before, .icon-stackexchange:before { content: "\f16c"; } .fa-instagram:before, .icon-instagram:before { content: "\f16d"; } .fa-flickr:before, .icon-flickr:before { content: "\f16e"; } .fa-adn:before, .icon-adn:before { content: "\f170"; } .fa-bitbucket:before, .icon-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before, .icon-bitbucket-sign:before { content: "\f172"; } .fa-tumblr:before, .icon-tumblr:before { content: "\f173"; } .fa-tumblr-square:before, .icon-tumblr-sign:before { content: "\f174"; } .fa-long-arrow-down:before, .icon-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before, .icon-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before, .icon-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before, .icon-long-arrow-right:before { content: "\f178"; } .fa-apple:before, .icon-apple:before { content: "\f179"; } .fa-windows:before, .icon-windows:before { content: "\f17a"; } .fa-android:before, .icon-android:before { content: "\f17b"; } .fa-linux:before, .icon-linux:before { content: "\f17c"; } .fa-dribbble:before, .icon-dribbble:before { content: "\f17d"; } .fa-skype:before, .icon-skype:before { content: "\f17e"; } .fa-foursquare:before, .icon-foursquare:before { content: "\f180"; } .fa-trello:before, .icon-trello:before { content: "\f181"; } .fa-female:before, .icon-female:before { content: "\f182"; } .fa-male:before, .icon-male:before { content: "\f183"; } .fa-gittip:before, .icon-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before, .icon-sun:before { content: "\f185"; } .fa-moon-o:before, .icon-moon:before { content: "\f186"; } .fa-archive:before, .icon-archive:before { content: "\f187"; } .fa-bug:before, .icon-bug:before { content: "\f188"; } .fa-vk:before, .icon-vk:before { content: "\f189"; } .fa-weibo:before, .icon-weibo:before { content: "\f18a"; } .fa-renren:before, .icon-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before, .icon-expand-alt:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before, .icon-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before, .icon-mail-forward:before, .icon-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before, .icon-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } .btn [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"], .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large, .nav-pills [class*=" icon-"], .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { line-height: inherit; } .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; } a .icon-stack { display: inline-block; text-decoration: none; } .icon-spin { display: inline-block; } body > .container-fluid.preview-container { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #282828; background-image: -moz-linear-gradient(top, black, #666666); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(#666666)); background-image: -webkit-linear-gradient(top, black, #666666); background-image: -o-linear-gradient(top, black, #666666); background-image: linear-gradient(to bottom, black, #666666); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000000', endColorstr='#FF666666', GradientType=0); border-color: #666666 #666666 #404040; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); height: 30px; padding-top: 8px; } body > .container-fluid.preview-container * { color: #fff; } body > .container-fluid.preview-container [class*="span"], body > .container-fluid.preview-container .text-center { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .tooltip-checkout-link { display: none; } .slider h2 { background-color: #ffe846; background-image: -moz-linear-gradient(top, #ffee74, #ffdf03); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffee74), to(#ffdf03)); background-image: -webkit-linear-gradient(top, #ffee74, #ffdf03); background-image: -o-linear-gradient(top, #ffee74, #ffdf03); background-image: linear-gradient(to bottom, #ffee74, #ffdf03); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEE74', endColorstr='#FFFFDF03', GradientType=0); -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; z-index: 10; height: 30px; line-height: 30px; color: #222222; } .slider h2 > div { padding: 0 15px; } .slider h2 > div span { font-size: 11px; font-weight: bold; } html, body { height: 100%; } .ajax-page { display: none; } .ajax-page.active { display: block; } .wrapper { height: auto; min-height: 100%; } .container-fluid { padding: 0; } .container-padded { padding: 10px; } .container-padded.without-accordion-heading { padding: 25px; } .content-fluid.darker { background: #eee; border: 1px solid #ccc; border-width: 1px 0; padding: 30px 0; } .relative { position: relative; } .pointer { cursor: pointer; } header .row-fluid [class*="span"].gap { min-height: 22px; } header .logo { margin-top: 8px; position: relative; } header .logo a { text-decoration: none; } header .logo .live-chat-header { display: inline-block; margin-left: 4px; } header .user .cart { padding-left: 18px; *width: 250px; } header .user .user-account { float: left; border-right: 1px solid #ccc; padding-right: 18px; } header .user .user-account .account-wrapper { float: right; max-width: 266px; } header .user .user-account .account-wrapper.multiple-customers { min-width: 180px; } header .user .user-account .account-wrapper .account-icon { float: left; margin-right: 20px; } header .user .user-account .account-wrapper .account-icon a:hover { text-decoration: none; } header .user .user-account .account-wrapper .account-details { float: left; padding-right: 28px; } header .user .user-account .account-wrapper .link-account { font-weight: normal; display: block; margin-bottom: 5px; padding-right: 5px; } header .user .user-account .account-wrapper .link-account:hover { text-decoration: none; } header .user .user-account .account-wrapper .account-link-btn { margin-top: 6px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } header .user .user-account .account-wrapper .account-link-btn button.btn-mini { line-height: 21px; } footer { margin-top: 20px; } footer .footer-advertisement { background: #111; padding: 30px 0; } footer .footer-advertisement .promo-column { min-height: 90px; } footer .footer-advertisement .promo-form-column { padding-left: 10px; } footer .footer-advertisement .promo-container { position: relative; } footer .footer-advertisement .promo-container .promo-callout { position: absolute; top: -50px; left: 0; width: 100%; } footer .footer-advertisement .row-border-separated > [class*="span"]::before { background: #fff; } footer .footer-advertisement .separator-caret { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 15px; right: -30px; border-left-color: white; top: 20px; } footer .footer-advertisement .separator-caret::before { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 15px; left: -16px; top: -15px; border-left-color: #111111; } footer .footer-advertisement .promo-help-text { color: #ccc; } footer .footer-menu { background: #333; padding: 40px 0; } footer .footer-menu * { color: #fff; } footer .footer-menu a { color: #fff; } footer .footer-menu a:visited, footer .footer-menu a:active, footer .footer-menu a:hover { color: #fff; } footer .footer-menu .spacer { color: #535353; } footer .footer-menu .footer-links { margin-top: 25px; } footer .footer-menu .footer-links a, footer .footer-menu .footer-links a:hover { text-decoration: none; font-weight: bold; } footer .footer-menu .footer-links .copyright, footer .footer-menu .footer-links .vendor-link, footer .footer-menu .footer-links .vendor-link a { color: #ccc; font-weight: normal; } footer .footer-menu .footer-links .vendor-link a:hover { text-decoration: underline; } footer .footer-menu .footer-images { text-align: right; } footer .footer-menu .footer-images i { margin: 5px; } .row-fluid-padded > [class*="span"] { margin-left: 0; padding-left: 1.06383%; *padding-left: 1.03723%; padding-right: 1.06383%; *padding-right: 1.03723%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid-padded > [class*="span"]:first-child { margin-left: 0; padding-left: 0; } .row-fluid-padded > .span12 { width: 100%; *width: 99.94681%; } .row-fluid-padded > .span11 { width: 91.66667%; *width: 91.61348%; } .row-fluid-padded > .span10 { width: 83.33333%; *width: 83.28014%; } .row-fluid-padded > .span9 { width: 75%; *width: 74.94681%; } .row-fluid-padded > .span8 { width: 66.66667%; *width: 66.61348%; } .row-fluid-padded > .span7 { width: 58.33333%; *width: 58.28014%; } .row-fluid-padded > .span6 { width: 50%; *width: 49.94681%; } .row-fluid-padded > .span5 { width: 41.66667%; *width: 41.61348%; } .row-fluid-padded > .span4 { width: 33.33333%; *width: 33.28014%; } .row-fluid-padded > .span3 { width: 25%; *width: 24.94681%; } .row-fluid-padded > .span2 { width: 16.66667%; *width: 16.61348%; } .row-fluid-padded > .span1 { width: 8.33333%; *width: 8.28014%; } .row-border-separated > [class*="span"], .row-border-separated-right > [class*="span"] { position: relative; padding-right: 2.12766%; *padding-right: 2.07447%; } .row-border-separated > [class*="span"]::before, .row-border-separated-right > [class*="span"]::before { content: ''; position: absolute; top: 0; background: #ccc; height: 100%; width: 1px; right: 0; } .row-border-separated > [class*="span"]:last-child, .row-border-separated-right > [class*="span"]:last-child { padding-right: 0; *padding-right: 0; } .row-border-separated > [class*="span"]:last-child::before, .row-border-separated-right > [class*="span"]:last-child::before { display: none; } .row-border-separated-left > [class*="span"] { position: relative; padding-left: 2.12766%; *padding-left: 2.07447%; } .row-border-separated-left > [class*="span"]::before { content: ''; position: absolute; top: 0; background: #ccc; height: 100%; width: 1px; left: 0; } .row-border-separated-left > [class*="span"]:first-child { padding-left: 0; *padding-left: 0; } .row-border-separated-left > [class*="span"]:first-child::before { display: none; } .row-border-separated-gradient > [class*="span"]::before { background-color: #d7d7d7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(50%, #cdcdcd), to(white)); background-image: -webkit-linear-gradient(white, #cdcdcd 50%, white); background-image: -moz-linear-gradient(top, white, #cdcdcd 50%, white); background-image: -o-linear-gradient(white, #cdcdcd 50%, white); background-image: linear-gradient(white, #cdcdcd 50%, white); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .row-no-min-height > [class*="span"] { min-height: 0; } .row-top-border { border-top: 1px solid #000; padding-top: 5px; } .row-bottom-border { border-bottom: 1px solid #000; padding-bottom: 5px; } .row-pseudo-th { border: 1px solid #000; border-width: 1px 0; padding-top: 10px; } .well { background: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #aaa; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } hr { margin: 10px 0; } .details-section { line-height: 22px; margin-bottom: 15px; } .details-section:last-child { margin-bottom: 0px; } .details-section .header { margin-bottom: 5px; } .details-section .details { word-wrap: break-word; } .details-section .details, .details-section .details i { color: #6a6b6d; } .details-section .details.details-with-icon { margin-left: 25px; } .details-section .details.details-with-icon i { float: left; margin-left: -25px; width: 25px; display: block; } dl dd { margin-left: 0; margin-bottom: 10px; } dl.large-dd-font dd { font-size: 15px; } dl.dl-left-icons dt, dl.dl-left-icons dd { padding-left: 45px; } dl.dl-left-icons dt { position: relative; } dl.dl-left-icons dt .icons { position: absolute; left: 0; top: 0; font-size: 28px; width: 40px; height: 40px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; } dl.dl-border-separated dt { border-top: 1px solid #ccc; padding-top: 4px; } dl.dl-border-separated dd { margin-bottom: 5px; } dl.dl-border-separated.dl-left-icons dt .icons { padding-top: 10px; } .list-pagination, .pager { margin: 0; } .list-pagination .pagination-group, .pager .pagination-group { float: left; } .list-pagination .btn, .pager .btn { border: none; background: none; line-height: 20px; } .list-pagination .btn.first, .list-pagination .btn.last, .pager .btn.first, .pager .btn.last { display: none; } .list-pagination a, .pager a { display: inline-block; margin-left: 7px; margin-right: 7px; padding: 4px 7px; text-decoration: none; } .list-pagination a.active, .pager a.active { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #000; color: #fff; } .list-pagination a.disabled, .pager a.disabled { display: none; } table.table { margin: 10px 0; } table.table thead:first-child tr:first-child > th, table.table thead:first-child tr:first-child > td { border-top: 1px solid #888; border-bottom: 1px solid #888; } table.table tbody:last-child tr:last-child > td { border-bottom: 1px solid #ddd; } .breadcrumbs { display: none; } .breadcrumbs.product-list-breadcrumbs { display: block; } .breadcrumbs .breadcrumb { background: none; padding: 0; } .breadcrumbs .breadcrumb li { white-space: nowrap; } .breadcrumbs .breadcrumb li.home a { text-decoration: none; } .breadcrumbs .breadcrumb li.home a i { font-size: 150%; vertical-align: -10%; } .breadcrumbs .breadcrumb li .divider { color: #222; } .breadcrumbs .breadcrumb li.active span { color: #f86612; } .lookup-area { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; position: absolute; border: 1px solid #888; padding: 4px 4px 4px 8px; background: #fff; min-width: 345px; z-index: 100; margin-top: 8px; right: 0; } .lookup-area .lookup-item { background: none; margin-top: 5px; } .lookup-area .lookup-item .left, .lookup-area .lookup-item .right { color: #6c6c6c; font-size: 11px; } .lookup-area .lookup-item a { font-size: 11px; text-decoration: none; display: block; font-weight: normal; color: #808080; } .lookup-area .lookup-item a .result-count { float: right; font-weight: inherit; color: inherit; } .lookup-area .lookup-item:first-child { margin-top: 0px; } .lookup-area .lookup-item:hover { background-color: #6c6c6c; } .lookup-area .lookup-item:hover a { color: white; } .lookup-area .lookup-item.selected { background: none; } .lookup-area .lookup-item.selected .left, .lookup-area .lookup-item.selected .right { color: #252525; font-size: 11px; } .lookup-area .text-suggestion-list { margin: 10px 10px 10px 6px; list-style: none; } .lookup-area .lookup-area-tip { display: none; } .navbar { margin-bottom: 0; } .navbar .container { width: 940px; } .navbar .btn, .navbar .btn-group { margin-top: 0; } .navbar .nav { margin-right: 0; } .navbar .nav > li > a { color: inherit; text-shadow: none; padding: 0; background: none; } .navbar .nav li a { font-size: 12px; } .navbar .nav li a:hover, .navbar .nav li a:active { background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar .nav li a:focus { outline: none; } .navbar .nav li.active a { background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar .nav .dropdown-menu > li > a:hover, .navbar .nav .dropdown-menu > li > a:focus { background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar .nav .dropdown-submenu:hover > a, .navbar .nav .dropdown-submenu:focus > a { background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar.navbar-top { background: #f9f9f9; text-align: right; margin-bottom: 20px; height: 35px; border: 0; border-bottom: 1px solid #DDD; } .navbar.navbar-top .navbar-inner { background: none; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navbar.navbar-top .navbar-inner ul li i { font-size: 175%; vertical-align: -25%; } .navbar.navbar-top .navbar-inner ul li button i { vertical-align: -20%; } .navbar.navbar-top .navbar-inner ul li.active a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .navbar.navbar-top .nav > li { line-height: 30px; padding: 2px 15px; } .navbar.navbar-top .nav > li a { padding: 0; color: inherit; } .navbar.navbar-top .nav > li:first-child { padding-left: 0; } .navbar.navbar-mobile-toolbar { position: fixed; left: 0; right: 0; top: 0; margin: 0; z-index: 115; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all; } .fix-fixed .navbar.navbar-mobile-toolbar { position: sticky; } .navbar.navbar-mobile-toolbar.inactive { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); margin-bottom: 0; } .navbar.navbar-mobile-toolbar.active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .navbar.navbar-mobile-toolbar.active div.store-search.active { top: 100%; } .navbar.navbar-mobile-toolbar div.nav { display: table; empty-cells: show; width: 100%; padding-top: 5px; float: none; background: #FFF; border-bottom: 1px solid #333; z-index: 114; } .navbar.navbar-mobile-toolbar div.nav > a, .navbar.navbar-mobile-toolbar div.nav span.spacer, .navbar.navbar-mobile-toolbar div.nav div.header-icon-display { display: table-cell !important; text-align: center; width: 45px; } .navbar.navbar-mobile-toolbar div.nav div.header-icon-display a { display: block; } .navbar.navbar-mobile-toolbar div.nav i { font-size: 28px; } .navbar.navbar-mobile-toolbar div.nav span.spacer { width: auto; } .navbar.navbar-mobile-toolbar div.nav span.menu-label { display: block; visibility: visible; margin-top: 5px; background: #ffde00; font-weight: bold; padding: 4px 0; font-size: .9em; } .navbar.navbar-mobile-toolbar div.nav div.cart-indicator { right: 0; } .navbar.navbar-mobile-toolbar div.store-search { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; z-index: 110; position: absolute; width: 100%; box-sizing: border-box; top: 0; border: 1px solid #eacd00; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); background-color: #ffe846; background-image: -moz-linear-gradient(top, #ffee74, #ffdf03); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffee74), to(#ffdf03)); background-image: -webkit-linear-gradient(top, #ffee74, #ffdf03); background-image: -o-linear-gradient(top, #ffee74, #ffdf03); background-image: linear-gradient(to bottom, #ffee74, #ffdf03); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEE74', endColorstr='#FFFFDF03', GradientType=0); padding: 5px; } .navbar.navbar-mobile-toolbar div.store-search .search-bar { border: 1px solid #eacd00; } .navbar.navbar-mobile-toolbar div.store-search .search-bar:focus { border: 1px solid #B8A103; } .navbar.navbar-mobile-toolbar div.store-search .search-button { right: 5px; top: 5px; } .navbar.navbar-mobile-toolbar div.store-search .clear-search { right: 47px; } .navbar.navbar-main { height: 38px; margin-bottom: 20px; border: 1px solid #eacd00; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); background-color: #ffe846; background-image: -moz-linear-gradient(top, #ffee74, #ffdf03); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffee74), to(#ffdf03)); background-image: -webkit-linear-gradient(top, #ffee74, #ffdf03); background-image: -o-linear-gradient(top, #ffee74, #ffdf03); background-image: linear-gradient(to bottom, #ffee74, #ffdf03); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEE74', endColorstr='#FFFFDF03', GradientType=0); } .navbar.navbar-main .navbar-inner { padding-left: 0; padding-right: 0; background: none; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: none; } .navbar.navbar-main .navbar-inner .nav { padding: 0; margin: 0; } .navbar.navbar-main .navbar-inner .nav > li { line-height: 38px; font-size: 13px; font-weight: bold; color: #222222; } .navbar.navbar-main .navbar-inner .nav > li a, .navbar.navbar-main .navbar-inner .nav > li a:hover, .navbar.navbar-main .navbar-inner .nav > li a:active, .navbar.navbar-main .navbar-inner .nav > li a:visited, .navbar.navbar-main .navbar-inner .nav > li i { color: inherit; } .navbar.navbar-main .navbar-inner .nav > li a { padding: 0px 15px; } .navbar.navbar-main .navbar-inner .nav > li > a, .navbar.navbar-main .navbar-inner .nav > li > a:hover, .navbar.navbar-main .navbar-inner .nav > li > a:active, .navbar.navbar-main .navbar-inner .nav > li > a:visited { position: relative; color: #534D21; border-left: 1px solid transparent; border-right: 1px solid transparent; } .navbar.navbar-main .navbar-inner .nav > li > a:after, .navbar.navbar-main .navbar-inner .nav > li > a:hover:after, .navbar.navbar-main .navbar-inner .nav > li > a:active:after, .navbar.navbar-main .navbar-inner .nav > li > a:visited:after { content: ''; position: absolute; right: -2px; top: 8px; height: 22px; width: 1px; background: #eacd00; } .navbar.navbar-main .navbar-inner .nav > li.active > a, .navbar.navbar-main .navbar-inner .nav > li.active > a:hover, .navbar.navbar-main .navbar-inner .nav > li.active > a:active, .navbar.navbar-main .navbar-inner .nav > li.active > a:visited { background-color: #fff5b3; background-image: -moz-linear-gradient(top, #fffbdf, #ffed72); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fffbdf), to(#ffed72)); background-image: -webkit-linear-gradient(top, #fffbdf, #ffed72); background-image: -o-linear-gradient(top, #fffbdf, #ffed72); background-image: linear-gradient(to bottom, #fffbdf, #ffed72); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFBDF', endColorstr='#FFFFED72', GradientType=0); font-weight: bold; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #1f1f1f; border-left-color: #eacd00; border-right-color: #eacd00; } .navbar.navbar-main .navbar-inner .nav > li.active > a:after, .navbar.navbar-main .navbar-inner .nav > li.active > a:hover:after, .navbar.navbar-main .navbar-inner .nav > li.active > a:active:after, .navbar.navbar-main .navbar-inner .nav > li.active > a:visited:after { display: none; } .navbar.navbar-main .navbar-inner .nav > li.open > a, .navbar.navbar-main .navbar-inner .nav > li.open > a:hover, .navbar.navbar-main .navbar-inner .nav > li.open > a:active, .navbar.navbar-main .navbar-inner .nav > li.open > a:visited { position: relative; -webkit-box-shadow: -1px 0 6px -1px rgba(0, 0, 0, 0.2), 1px 0 6px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px 0 6px -1px rgba(0, 0, 0, 0.2), 1px 0 6px -1px rgba(0, 0, 0, 0.2); box-shadow: -1px 0 6px -1px rgba(0, 0, 0, 0.2), 1px 0 6px -1px rgba(0, 0, 0, 0.2); -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; background: #f6f6f6; top: -3px; line-height: 44px; } .navbar.navbar-main .navbar-inner .nav > li.open > a:before, .navbar.navbar-main .navbar-inner .nav > li.open > a:hover:before, .navbar.navbar-main .navbar-inner .nav > li.open > a:active:before, .navbar.navbar-main .navbar-inner .nav > li.open > a:visited:before { content: ''; position: absolute; background: #f6f6f6; top: 100%; left: 0; height: 2px; width: 100%; margin-top: -2px; z-index: 10000; } .navbar.navbar-main .navbar-inner .nav > li .dropdown-menu { background: #f6f6f6; } .navbar.navbar-main .navbar-inner .nav > li > .dropdown-menu { margin-top: -5px; left: -10px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; } .navbar.navbar-main .navbar-inner .nav > li > .dropdown-menu::before, .navbar.navbar-main .navbar-inner .nav > li > .dropdown-menu::after { display: none; } .navbar.navbar-main .navbar-inner .nav > li > .dropdown-menu li a { padding-top: 8px; padding-bottom: 8px; } .navbar.navbar-main .navbar-inner .nav > li > .dropdown-menu .dropdown-menu { -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } .navbar.navbar-main .navbar-inner .nav > li .dropdown-submenu:hover > a:after { border-left-color: #000; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent { position: static; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; padding: 25px 10px; margin: -5px 0 0 0; background-color: #f6f6f6; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; width: 940px; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper .dropdown-menu.external-menu.categories { padding: 25px 0 25px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; left: auto; top: auto; background-color: transparent; border: none; width: auto; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper .dropdown-menu.external-menu.categories li { width: 220px; max-width: 220px; float: left; border: none; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper .dropdown-menu.external-menu.categories li div.accent-color { margin-right: 5px; margin-top: 8px; display: inline-block; width: 10px; height: 20px; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper .dropdown-menu.external-menu.categories li a:hover, .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper .dropdown-menu.external-menu.categories li a:active, .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper .dropdown-menu.external-menu.categories li a:visited, .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper .dropdown-menu.external-menu.categories li a { vertical-align: top; line-height: 20px; display: inline-block; text-decoration: none; width: 200px; padding: 8px 0px; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent.open .external-menu-wrapper { display: block; } .navbar.navbar-main .store-search { width: 420px; } .navbar.navbar-main .store-search .form-search { position: relative; margin-top: 4px; } .navbar.navbar-main .store-search .form-search .search-bar { border: 1px solid #eacd00; border-right: none; } .navbar.navbar-main .store-search .form-search .search-bar:focus { border: 1px solid #B8A103; } #fixed-toolbar-desktop { position: fixed; top: 0; left: 0; z-index: 650; display: block; background-color: #fcfcfc; background-image: -moz-linear-gradient(top, white, #f8f8f8); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f8f8f8)); background-image: -webkit-linear-gradient(top, white, #f8f8f8); background-image: -o-linear-gradient(top, white, #f8f8f8); background-image: linear-gradient(to bottom, white, #f8f8f8); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF8F8F8', GradientType=0); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -webkit-transition: all 220ms; -moz-transition: all 220ms; -o-transition: all 220ms; transition: all 220ms; -ms-transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-bottom: 1px solid #BBB; } #fixed-toolbar-desktop.inactive { -ms-transform: translate(0, -100%); -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #fixed-toolbar-desktop.active { display: inherit; } #fixed-toolbar-desktop a { text-decoration: none; } #fixed-toolbar-desktop .container { padding: 6px 0; } #fixed-toolbar-desktop .user-account { border: 0 none; } #fixed-toolbar-desktop .logo { margin-top: 0; width: 104px; } #fixed-toolbar-desktop .toolbar-logo { position: relative; } #fixed-toolbar-desktop .toolbar-logo .toolbar-logo-img { margin-top: 2px; height: 22px; } #fixed-toolbar-desktop .toolbar-logo .bcText { position: absolute; top: 0; left: 0; } #fixed-toolbar-desktop div.logo, #fixed-toolbar-desktop div.user-account, #fixed-toolbar-desktop div.cart { float: left; border-right: 1px solid #ccc; height: 28px; padding: 0 21px; } #fixed-toolbar-desktop div.logo:first-child, #fixed-toolbar-desktop div.user-account:first-child, #fixed-toolbar-desktop div.cart:first-child { padding-left: 0; } #fixed-toolbar-desktop .account-display, #fixed-toolbar-desktop .cart-details { display: block; white-space: nowrap; } #fixed-toolbar-desktop .account-display > div, #fixed-toolbar-desktop .cart-details > div { display: inline-block; padding: 2px 4px 0; float: none; vertical-align: middle; } #fixed-toolbar-desktop .account-display > div *, #fixed-toolbar-desktop .cart-details > div * { vertical-align: top; float: none; } #fixed-toolbar-desktop .account-display .account-icon { font-size: 1.25em; } #fixed-toolbar-desktop .account-display .account-details > span { display: none; } #fixed-toolbar-desktop .cart-details .cart-icon { position: relative; font-size: 1.25em; } #fixed-toolbar-desktop .cart-details .cart-icon .cart-indicator { position: absolute; right: 0; top: 0; } #fixed-toolbar-desktop .cart-details .item-count { white-space: nowrap; } #fixed-toolbar-desktop .cart-details .item-count span { color: #666; } #fixed-toolbar-desktop .cart-details .item-count div { display: inline-block; margin-right: 2px; } #fixed-toolbar-desktop div.store-search { float: right; width: 300px; margin-top: 0; } #fixed-toolbar-desktop div.store-search input.search-bar { font-size: 12px; } #fixed-toolbar-desktop div.store-search .search-button { width: 30px; } #fixed-toolbar-desktop div.store-search .search-button span { display: none; } .nav-list .dropdown-submenu > a { background: none; } .nav-list .dropdown-submenu > a:after { display: none; } ul.dropdown-menu.categories.external-menu .show-more { text-decoration: none; display: block; clear: both; text-align: center; position: relative; cursor: pointer; } ul.dropdown-menu.categories.external-menu .show-more i { font-size: 225%; } ul.dropdown-menu.categories.external-menu .show-more:before, ul.dropdown-menu.categories.external-menu .show-more:after { content: ''; position: absolute; top: 50%; width: 35%; border-bottom: 1px solid #cdcdcd; margin-top: -1px; } ul.dropdown-menu.categories.external-menu .show-more:before { left: 0; } ul.dropdown-menu.categories.external-menu .show-more:after { right: 0; } .accordion-inner ul.dropdown-menu.categories.external-menu, .tab-content ul.dropdown-menu.categories.external-menu, .cms-page ul.dropdown-menu.categories.external-menu { padding: 25px 0 25px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; left: auto; top: auto; background-color: transparent; background-position: 10px 30px; border: none; width: auto; padding-top: 0px; padding-bottom: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: auto; } .accordion-inner ul.dropdown-menu.categories.external-menu li, .tab-content ul.dropdown-menu.categories.external-menu li, .cms-page ul.dropdown-menu.categories.external-menu li { width: 220px; max-width: 220px; float: left; border: none; } .accordion-inner ul.dropdown-menu.categories.external-menu li div.accent-color, .tab-content ul.dropdown-menu.categories.external-menu li div.accent-color, .cms-page ul.dropdown-menu.categories.external-menu li div.accent-color { margin-right: 5px; margin-top: 8px; display: inline-block; width: 10px; height: 20px; } .accordion-inner ul.dropdown-menu.categories.external-menu li a:hover, .accordion-inner ul.dropdown-menu.categories.external-menu li a:active, .accordion-inner ul.dropdown-menu.categories.external-menu li a:visited, .accordion-inner ul.dropdown-menu.categories.external-menu li a, .tab-content ul.dropdown-menu.categories.external-menu li a:hover, .tab-content ul.dropdown-menu.categories.external-menu li a:active, .tab-content ul.dropdown-menu.categories.external-menu li a:visited, .tab-content ul.dropdown-menu.categories.external-menu li a, .cms-page ul.dropdown-menu.categories.external-menu li a:hover, .cms-page ul.dropdown-menu.categories.external-menu li a:active, .cms-page ul.dropdown-menu.categories.external-menu li a:visited, .cms-page ul.dropdown-menu.categories.external-menu li a { vertical-align: top; line-height: 20px; display: inline-block; text-decoration: none; width: 200px; padding: 8px 0px; } .accordion-inner ul.dropdown-menu.categories.external-menu li a, .tab-content ul.dropdown-menu.categories.external-menu li a, .cms-page ul.dropdown-menu.categories.external-menu li a { padding: 8px 0; } .accordion-inner ul.dropdown-menu.categories.external-menu li a:hover, .accordion-inner ul.dropdown-menu.categories.external-menu li a:active, .accordion-inner ul.dropdown-menu.categories.external-menu li a:focus, .accordion-inner ul.dropdown-menu.categories.external-menu div a:hover, .accordion-inner ul.dropdown-menu.categories.external-menu div a:active, .accordion-inner ul.dropdown-menu.categories.external-menu div a:focus, .tab-content ul.dropdown-menu.categories.external-menu li a:hover, .tab-content ul.dropdown-menu.categories.external-menu li a:active, .tab-content ul.dropdown-menu.categories.external-menu li a:focus, .tab-content ul.dropdown-menu.categories.external-menu div a:hover, .tab-content ul.dropdown-menu.categories.external-menu div a:active, .tab-content ul.dropdown-menu.categories.external-menu div a:focus, .cms-page ul.dropdown-menu.categories.external-menu li a:hover, .cms-page ul.dropdown-menu.categories.external-menu li a:active, .cms-page ul.dropdown-menu.categories.external-menu li a:focus, .cms-page ul.dropdown-menu.categories.external-menu div a:hover, .cms-page ul.dropdown-menu.categories.external-menu div a:active, .cms-page ul.dropdown-menu.categories.external-menu div a:focus { color: inherit; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .accordion-inner .nav-list .external-menu-wrapper, .tab-content .nav-list .external-menu-wrapper, .cms-page .nav-list .external-menu-wrapper { display: none; } .lookup-area { margin-top: 4px; } .lookup-area .lookup-area-tip { display: block; position: absolute; right: 100px; top: 0; } .lookup-area .lookup-area-tip::before { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; top: -20px; border-bottom-color: #888888; } .lookup-area .lookup-area-tip::after { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; top: -19px; border-bottom-color: white; } .lookup-area .product-inline-container { width: 750px; } .lookup-area .product-inline-container.enquiry-only { width: auto; } .lookup-area .products-inline .actions .action .right { margin-top: 5px; } .lookup-area .products-inline .actions .actions-padding .utility { margin-top: -20px; } .lookup-area .products-inline .prices .price .cell { min-width: 80px; } .lookup-area .products-inline .prices .price .cell:first-child { min-width: 100px; } .lookup-area .products-inline .product-name.cell { width: 200px !important; } .lookup-area .lookup-item a { font-size: 12px; } .lookup-area .lookup-item a strong { color: #F86612; } .lookup-area .lookup-item:hover, .lookup-area .lookup-item.selected { background-color: #6c6c6c; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 0 10px; } .lookup-area .lookup-item:hover a, .lookup-area .lookup-item:hover a strong, .lookup-area .lookup-item.selected a, .lookup-area .lookup-item.selected a strong { color: white; } .checkout-menu h1 { font-size: 13px; margin: 0; line-height: 35px; } .checkout-menu .nav > li { font-weight: bold; } .checkout-menu .nav > li i { font-size: 140%; vertical-align: -20%; } .nav a, .nav a:hover { text-decoration: none; } .checkout-container .checkout-menu .navbar.navbar-main { padding: 7px 15px 8px 15px; height: 50px; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .checkout-container .checkout-menu .navbar.navbar-main h1 { font-size: 22px; } .category-main .btn-group { display: block; *zoom: 1; margin-top: 5px; } .category-main .btn-group:before, .category-main .btn-group:after { display: table; content: ""; line-height: 0; } .category-main .btn-group:after { clear: both; } .category-main .btn-group .icon { width: 10px; height: 20px; float: left; } .category-main .btn-group a { background: none; border: none; font-size: 12px; font-weight: normal; float: left; max-width: 75%; overflow: hidden; text-overflow: ellipsis; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .category-main .btn-group > .dropdown-toggle { float: left; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .category-main .btn-group > .dropdown-menu li { *zoom: 1; padding: 0px 10px; position: relative; } .category-main .btn-group > .dropdown-menu li:before, .category-main .btn-group > .dropdown-menu li:after { display: table; content: ""; line-height: 0; } .category-main .btn-group > .dropdown-menu li:after { clear: both; } .category-main .btn-group > .dropdown-menu li .icon { position: absolute; left: 10px; top: 3px; } .category-main .btn-group > .dropdown-menu li a { clear: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 0; font-size: 11px; width: 100%; max-width: 100%; } .category-main .btn-group > .dropdown-menu li a, .category-main .btn-group > .dropdown-menu li a:hover, .category-main .btn-group > .dropdown-menu li a:focus { text-decoration: none; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: inherit; } .category-list { margin-bottom: 20px; padding: 0px 15px 15px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #cdcdcd; background: #fcfcfc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sub-category-list { margin: 20px 0 0; } .sub-category-list h6 { margin-bottom: 20px; } .sub-category-list a, .sub-category-list a:hover, .sub-category-list a:active, .sub-category-list a:visited { text-decoration: none; padding: 4px 0; display: block; color: #666; } .sub-category-list .sub-category-item.selected a { color: #f86612; font-weight: bold; } .sub-category-list .minor-categories .sub-category-item { position: relative; padding-left: 20px; font-size: 11px; } .sub-category-list .minor-categories .sub-category-item.selected:before { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px; border-left-color: #f86612; left: 5px; top: 50%; margin-top: -5px; } .nav-well { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #cdcdcd; background: #fcfcfc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; } .nav-well .nav-list { padding: 0; } .nav-well .nav-list .nav-header { color: #252525; text-transform: none; margin: 0 0 10px 0; padding: 0; } .nav-well .nav-list li > a, .nav-well .nav-list li > a:hover, .nav-well .nav-list li > a:active, .nav-well .nav-list li > a:visited { padding: 4px 0; margin: 0; color: #666; white-space: normal; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .nav-well .nav-list li > a:hover, .nav-well .nav-list li > a:hover:hover, .nav-well .nav-list li > a:active:hover, .nav-well .nav-list li > a:visited:hover { background: none; } .nav-well .nav-list li > a:focus, .nav-well .nav-list li > a:hover:focus, .nav-well .nav-list li > a:active:focus, .nav-well .nav-list li > a:visited:focus { outline: none; } .nav-well .nav-list li.warning > a { color: #f00; } .nav-well .nav-list li.active > a, .nav-well .nav-list li.active > a:hover, .nav-well .nav-list li.active > a:active, .nav-well .nav-list li.active > a:visited, .nav-well .nav-list li.dropdown.open.active > a, .nav-well .nav-list li.dropdown.open.active > a:hover, .nav-well .nav-list li.dropdown.open.active > a:active, .nav-well .nav-list li.dropdown.open.active > a:visited { text-shadow: none; background: none; color: #f86612; font-weight: bold; } .nav-well .nav-list ul.dropdown-menu { display: block; position: relative; top: auto; left: auto; float: none; width: auto; border: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 0; z-index: auto; } .nav-well .nav-list ul.dropdown-menu > li { position: relative; padding-left: 20px; } .nav-well .nav-list ul.dropdown-menu > li a { font-size: 11px; } .nav-well .nav-list ul.dropdown-menu > li.active > a:before { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px; border-left-color: #f86612; left: 5px; top: 50%; margin-top: -5px; } ul.sitemap { margin-left: 0; } ul.sitemap a { text-decoration: none; } ul.sitemap li { padding-top: 3px; padding-bottom: 3px; } ul.sitemap > li { list-style-type: none; } ul.sitemap > li ul { margin-top: 10px; margin-bottom: 20px; } ul.sitemap > li ul li { list-style-type: square; font-size: 11px; } .row-fluid.sitemap-row-links a { text-decoration: none; } .nav-tiles { padding: 0px; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: none; } .nav-tiles .nav-header { font-size: 18px; color: #000; margin-bottom: 10px; padding-left: 0; padding-right: 0; } .nav-tiles .tile .tile-link { display: block; padding: 4px 0; text-decoration: none; } .nav-tiles .tile .tile-link .tile-image { overflow: hidden; height: 140px; line-height: 140px; } .nav-tiles .tile .tile-link .tile-image img { max-height: 140px; } .nav-tiles .tile .tile-link .tile-title { font-weight: bold; font-size: 15px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; margin-top: 10px; margin-bottom: 3px; } .nav-tiles .tile .tile-link .tile-title span { white-space: nowrap; } .nav-tiles .tile .tile-description { font-size: 12px; padding: 0 0 20px 0; color: #666; } .nav-tiles .tile .tile-description a { text-decoration: none; color: #666; } .nav-payment-options { margin-bottom: 40px; } .nav-payment-options li { margin-bottom: 8px; } .nav-payment-options li .btn { text-align: left; line-height: 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); } .nav-payment-options li.active .btn { background: #fff; position: relative; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: visible; } .nav-payment-options li.active .btn::before { content: ''; top: 50%; margin-top: -12px; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 12px; right: -24px; border-left-color: #b1b1b1; } .nav-payment-options li.active .btn::after { content: ''; top: 50%; margin-top: -12px; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 12px; right: -23px; border-left-color: white; } .external-menu .show-more-container { display: none; } .external-menu .show-more-container.activated { display: block; } .external-menu .show-more-container.open .more { display: none; } .external-menu .show-more-container.closed .less { display: none; } .slider { margin-bottom: 20px; } .slider:first-child { border-radius: 10px; } .slider .slider-wrapper:first-child { background-color: #f6f6f6; border-radius: 10px; } .slider a.carousel-control { z-index: 3; top: 50%; text-decoration: none; } .slider a.carousel-control.left { float: left; } .slider a.carousel-control.left::after { position: absolute; top: 0; height: 100%; width: 1px; content: ''; background-color: #d6d6d6; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(50%, #cccccc), to(white)); background-image: -webkit-linear-gradient(white, #cccccc 50%, white); background-image: -moz-linear-gradient(top, white, #cccccc 50%, white); background-image: -o-linear-gradient(white, #cccccc 50%, white); background-image: linear-gradient(white, #cccccc 50%, white); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); right: 0; } .slider a.carousel-control.right { float: right; } .slider a.carousel-control.right::before { position: absolute; top: 0; height: 100%; width: 1px; content: ''; background-color: #d6d6d6; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(50%, #cccccc), to(white)); background-image: -webkit-linear-gradient(white, #cccccc 50%, white); background-image: -moz-linear-gradient(top, white, #cccccc 50%, white); background-image: -o-linear-gradient(white, #cccccc 50%, white); background-image: linear-gradient(white, #cccccc 50%, white); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); left: 0; } .slider a.carousel-control.top::after { position: absolute; left: 0; width: 100%; height: 1px; content: ''; background-color: #d6d6d6; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(white), color-stop(50%, #cccccc), to(white)); background-image: -webkit-linear-gradient(left, white, #cccccc 50%, white); background-image: -moz-linear-gradient(left, white, #cccccc 50%, white); background-image: -o-linear-gradient(left, white, #cccccc 50%, white); background-image: linear-gradient(to right, white, #cccccc 50%, white); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=1); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); bottom: 0; } .slider a.carousel-control.bottom::before { position: absolute; left: 0; width: 100%; height: 1px; content: ''; background-color: #d6d6d6; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(white), color-stop(50%, #cccccc), to(white)); background-image: -webkit-linear-gradient(left, white, #cccccc 50%, white); background-image: -moz-linear-gradient(left, white, #cccccc 50%, white); background-image: -o-linear-gradient(left, white, #cccccc 50%, white); background-image: linear-gradient(to right, white, #cccccc 50%, white); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=1); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); top: 0; } .slider a.carousel-control.right, .slider a.carousel-control.left { background-color: #ddd; background-color: #f8f8f8; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(50%, #f7f7f7), to(white)); background-image: -webkit-linear-gradient(white, #f7f7f7 50%, white); background-image: -moz-linear-gradient(top, white, #f7f7f7 50%, white); background-image: -o-linear-gradient(white, #f7f7f7 50%, white); background-image: linear-gradient(white, #f7f7f7 50%, white); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #252525; font-size: 12px; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; width: 25px; min-height: 332px; position: absolute; top: 0; height: 100%; margin-top: 0; } .slider a.carousel-control.right.right, .slider a.carousel-control.left.right { right: 0; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } .slider a.carousel-control.right.left, .slider a.carousel-control.left.left { left: 0; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .slider a.carousel-control.right i, .slider a.carousel-control.left i { width: 8px; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 8.5px; } .slider a.carousel-control.top, .slider a.carousel-control.bottom { background-color: #ddd; background-color: #f8f8f8; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(white), color-stop(50%, #f7f7f7), to(white)); background-image: -webkit-linear-gradient(left, white, #f7f7f7 50%, white); background-image: -moz-linear-gradient(left, white, #f7f7f7 50%, white); background-image: -o-linear-gradient(left, white, #f7f7f7 50%, white); background-image: linear-gradient(to right, white, #f7f7f7 50%, white); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=1); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #252525; position: relative; top: auto; left: auto; display: block; border-radius: 0; border: none; width: 100%; min-height: 25px; height: 25px; margin-top: 0; } .slider a.carousel-control.top.top, .slider a.carousel-control.bottom.top { margin-top: -10px; margin-bottom: 5px; } .slider a.carousel-control.top.bottom, .slider a.carousel-control.bottom.bottom { margin-top: 5px; margin-bottom: -10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .slider a.carousel-control.top i, .slider a.carousel-control.bottom i { width: 8px; height: 10px; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-right: -5px; font-size: 8px; } .slider h2 { position: relative; top: 0; padding: 5px 15px; font-size: 13px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .slider .slider-caption p { font-size: 11px; margin-left: 10px; margin-top: 10px; } .slider .row-fluid .caption-slider-content { background-color: #fff; border-left: 1px solid #e2e2e2; border-bottom-right-radius: 10px; padding: 10px 0; position: relative; } .slider .row-fluid .slider-content { background-color: #fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 0; border-top-left-radius: 0; padding: 10px 0; position: relative; } .slider .row-fluid .slider-content.slider-horizontal { padding-left: 25px; padding-right: 25px; } .slider .row-fluid.product-actions .actions-wrapper { background-color: transparent; border-radius: 0; padding: 0; } .slider .row-fluid.product-actions .favourites-wrapper { background-color: transparent; border-radius: 0; padding: 0; } .slider .row-fluid.product-actions form { margin: 0; } .slider .slider-header .slider-header-inner { padding: 0; border-top-right-radius: 10px; border-top-left-radius: 10px; border: 1px solid #cccccc; } .slider .slider-header .slider-header-inner > a { cursor: default; text-decoration: none; } .slider .slider-body { border: 1px solid #bdb3a4; border-width: 0px 1px 1px 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .slider .carousel.multiple-items > .carousel-inner { font-size: 0; -webkit-transition: -webkit-transform 500ms; -moz-transition: -moz-transform 500ms; transition: transform 500ms; } .slider .carousel.multiple-items > .carousel-inner > .slider-row { *zoom: 1; padding: 10px 0; border-top: 1px solid #d9d9d9; } .slider .carousel.multiple-items > .carousel-inner > .slider-row:before, .slider .carousel.multiple-items > .carousel-inner > .slider-row:after { display: table; content: ""; line-height: 0; } .slider .carousel.multiple-items > .carousel-inner > .slider-row:after { clear: both; } .slider .carousel.multiple-items > .carousel-inner > .slider-row:first-child { border-top: none; } .slider .carousel.multiple-items > .carousel-inner > .slider-row > .item { position: relative; float: left; display: block; font-size: 13px; height: 100%; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .slider .carousel.multiple-items > .carousel-inner > .slider-row > .item .ajax-load .entertainment { min-height: 30px; } .slider .carousel.multiple-items > .carousel-inner > .slider-row > .item.product { margin-bottom: 0; } .slider .carousel.multiple-items > .carousel-inner > .slider-row > .item.product .ajax-load .entertainment { min-height: 300px; } .slider .carousel.multiple-items.touchactive > .carousel-inner { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .slider .slider-vertical .carousel.multiple-items > .carousel-inner > .slider-row { padding: 0; } .productSlide .carousel-control.no-rotate { display: none; } .productSlide .carousel.multiple-items { margin: 0; } .no-rotator-controls .productSlide a.carousel-control { display: none; } .slider.contentSlider { min-height: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .slider.contentSlider .rotator-title { display: none; } .slider.contentSlider a.carousel-control.left, .slider.contentSlider a.carousel-control.right { min-height: 0; } .slider.contentSlider a.carousel-control.left.no-rotate, .slider.contentSlider a.carousel-control.right.no-rotate { visibility: hidden; } .slider.contentSlider .item { text-align: center; padding: 0 10px; } .slider.contentSlider .item > a > img { display: inline; } .carousel.contentCarousel .carousel-control-left, .carousel.contentCarousel .carousel-control-right { display: none; } .carousel.contentCarousel .carousel-controls { position: relative; top: auto; right: auto; position: relative; text-align: center; } .carousel.contentCarousel .carousel-controls.hide-controls { display: none; } .carousel.contentCarousel .carousel-controls li { background: #f6f6f6; width: 18px; height: 18px; cursor: pointer; display: inline-block; float: none; margin: 0 5px; border: 1px solid #bcbcbc; -webkit-border-radius: 5000px; -moz-border-radius: 5000px; border-radius: 5000px; } .carousel.contentCarousel .carousel-controls li.active { cursor: default; background-color: #fedb7a; background-image: -moz-linear-gradient(top, #fee690, #ffcc5a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fee690), to(#ffcc5a)); background-image: -webkit-linear-gradient(top, #fee690, #ffcc5a); background-image: -o-linear-gradient(top, #fee690, #ffcc5a); background-image: linear-gradient(to bottom, #fee690, #ffcc5a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFEE690', endColorstr='#FFFFCC5A', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); border: 1px solid #ca920c; } .tab-pane .slider.productSlide, .accordion-body .slider.productSlide { margin-bottom: 0; } .tab-pane .slider.productSlide .slider-header, .accordion-body .slider.productSlide .slider-header { display: none; } .tab-pane .slider.productSlide .slider-body, .accordion-body .slider.productSlide .slider-body { border: none; } .tab-pane .slider.productSlide a.carousel-control, .tab-pane .slider.productSlide .slider-content, .accordion-body .slider.productSlide a.carousel-control, .accordion-body .slider.productSlide .slider-content { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .slider-highlight .carousel.multiple-items, .slider-single .carousel.multiple-items, .slider-tabbed .carousel.multiple-items { margin: 0; } .slider-highlight .carousel.multiple-items > .carousel-inner, .slider-single .carousel.multiple-items > .carousel-inner, .slider-tabbed .carousel.multiple-items > .carousel-inner { width: 9999px; font-size: 0; -webkit-transition: -webkit-transform 500ms; -moz-transition: -moz-transform 500ms; transition: transform 500ms; } .slider-highlight .carousel.multiple-items > .carousel-inner > .slider-row, .slider-single .carousel.multiple-items > .carousel-inner > .slider-row, .slider-tabbed .carousel.multiple-items > .carousel-inner > .slider-row { *zoom: 1; } .slider-highlight .carousel.multiple-items > .carousel-inner > .slider-row:before, .slider-highlight .carousel.multiple-items > .carousel-inner > .slider-row:after, .slider-single .carousel.multiple-items > .carousel-inner > .slider-row:before, .slider-single .carousel.multiple-items > .carousel-inner > .slider-row:after, .slider-tabbed .carousel.multiple-items > .carousel-inner > .slider-row:before, .slider-tabbed .carousel.multiple-items > .carousel-inner > .slider-row:after { display: table; content: ""; line-height: 0; } .slider-highlight .carousel.multiple-items > .carousel-inner > .slider-row:after, .slider-single .carousel.multiple-items > .carousel-inner > .slider-row:after, .slider-tabbed .carousel.multiple-items > .carousel-inner > .slider-row:after { clear: both; } .slider-highlight .carousel.multiple-items > .carousel-inner > .slider-row > .item, .slider-single .carousel.multiple-items > .carousel-inner > .slider-row > .item, .slider-tabbed .carousel.multiple-items > .carousel-inner > .slider-row > .item { position: relative; float: left; display: block; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; overflow: hidden; font-size: 12px; line-height: 1.4; } .slider-highlight .carousel.multiple-items > .carousel-inner > .slider-row > .item.item-aspect-ratio::before, .slider-single .carousel.multiple-items > .carousel-inner > .slider-row > .item.item-aspect-ratio::before, .slider-tabbed .carousel.multiple-items > .carousel-inner > .slider-row > .item.item-aspect-ratio::before { width: 100%; position: relative; content: ''; display: block; } .slider-highlight .carousel.multiple-items > .carousel-inner > .slider-row > .item.item-aspect-ratio .slide-content, .slider-single .carousel.multiple-items > .carousel-inner > .slider-row > .item.item-aspect-ratio .slide-content, .slider-tabbed .carousel.multiple-items > .carousel-inner > .slider-row > .item.item-aspect-ratio .slide-content { position: absolute; top: 0; width: 100%; left: 0; } .slider-highlight .carousel.multiple-items > .carousel-inner > .slider-row > .item > a.slide-cover-anchor, .slider-single .carousel.multiple-items > .carousel-inner > .slider-row > .item > a.slide-cover-anchor, .slider-tabbed .carousel.multiple-items > .carousel-inner > .slider-row > .item > a.slide-cover-anchor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slider-highlight .carousel.multiple-items.touchactive > .carousel-inner, .slider-single .carousel.multiple-items.touchactive > .carousel-inner, .slider-tabbed .carousel.multiple-items.touchactive > .carousel-inner { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .slider-single .carousel.multiple-items, .slider-content .carousel.multiple-items, .slider-tabbed .carousel.multiple-items { overflow: hidden; } .slider-single .carousel > .carousel-inner, .slider-highlight .carousel > .carousel-inner, .slider-content .carousel > .carousel-inner, .slider-tabbed .carousel > .carousel-inner { visibility: hidden; } .slider-single .carousel.carousel-bootstrapped > .carousel-inner, .slider-highlight .carousel.carousel-bootstrapped > .carousel-inner, .slider-content .carousel.carousel-bootstrapped > .carousel-inner, .slider-tabbed .carousel.carousel-bootstrapped > .carousel-inner { visibility: visible; } .slider-highlight { overflow: hidden; } .slider-tabbed .carousel-indicator-wrapper { background: #f2f2f2; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls { *zoom: 1; position: relative; width: auto; left: auto; margin-left: 0; bottom: auto; height: 130px; overflow: hidden; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls:before, .slider-tabbed .carousel-indicator-wrapper .carousel-controls:after { display: table; content: ""; line-height: 0; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls:after { clear: both; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section { float: left; cursor: pointer; height: 100%; text-align: center; display: table; position: relative; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section::before { content: ''; position: absolute; height: 100%; width: 1px; right: 0; background: #f2f2f2; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section .carousel-control-content { display: table-cell; vertical-align: middle; padding: 10px; text-align: center; color: #666; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section .carousel-control-content h1, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section .carousel-control-content h2, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section .carousel-control-content h3, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section .carousel-control-content h4, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section .carousel-control-content h5, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section .carousel-control-content h6, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section .carousel-control-content p { color: #666; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section .carousel-control-content i { color: #666; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section.active { background: #E32726; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section.active::before { background: #E32726; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section.active .carousel-control-content { color: #fff; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section.active .carousel-control-content h1, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section.active .carousel-control-content h2, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section.active .carousel-control-content h3, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section.active .carousel-control-content h4, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section.active .carousel-control-content h5, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section.active .carousel-control-content h6, .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section.active .carousel-control-content p { color: #fff; } .slider-tabbed .carousel-indicator-wrapper .carousel-controls .carousel-control-section.active .carousel-control-content i { color: #fff; } .slider .carousel.multiple-items.featured-content-vertical > .carousel-inner > .slider-row > .item { float: none; } .featured-content-slide .carousel-control.no-rotate { display: none; } .featured-content-slide .carousel.multiple-items { margin: 0; } .featured-content-slide .carousel { overflow: hidden; } .featured-content-slide .carousel.featured-content-vertical { height: 380px; } .featured-content-slide .carousel.featured-content-vertical .carousel-inner { width: auto; height: auto; } .featured-content-slide .featured-content-item { margin: 10px 20px; padding-bottom: 10px; border-bottom: 1px dashed #999; } .featured-content-slide .featured-content-item .featured-content-name, .featured-content-slide .featured-content-item .featured-content-description { margin-bottom: 10px; } .featured-content-slide .featured-content-item .featured-content-name { font-weight: bold; } .featured-content-slide .featured-content-item .featured-content-publish-date { color: #999; } .accordion { -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .accordion .accordion-group { margin-bottom: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #cccccc; border-top-width: 0px; } .accordion .accordion-group.first-desktop { border-top-width: 1px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } .accordion .accordion-group.first-desktop .accordion-heading .accordion-toggle { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } .accordion .accordion-group.last-desktop { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .accordion .accordion-group.last-desktop .accordion-heading .accordion-toggle { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .accordion .accordion-group.last-desktop .accordion-heading .accordion-toggle.expanded { -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } .accordion .accordion-group.last-desktop .accordion-body.in { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .accordion .accordion-group .accordion-heading .accordion-toggle { background: #f2f2f2; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); font-size: 13px; font-weight: bold; color: black; position: relative; padding: 10px 15px; text-decoration: none; } .accordion .accordion-group .accordion-heading .accordion-toggle > .icon-caret-up, .accordion .accordion-group .accordion-heading .accordion-toggle > .icon-caret-down, .accordion .accordion-group .accordion-heading .accordion-toggle > .icon-chevron-up, .accordion .accordion-group .accordion-heading .accordion-toggle > .icon-chevron-down { position: absolute; right: 10px; top: 50%; margin-top: -0.5em; } .accordion .accordion-group .accordion-heading .accordion-toggle > .icon-caret-up, .accordion .accordion-group .accordion-heading .accordion-toggle > .icon-chevron-up { display: none; } .accordion .accordion-group .accordion-heading .accordion-toggle:hover { text-decoration: none; } .accordion .accordion-group .accordion-heading .accordion-toggle.expanded { background-color: #ffe846; background-image: -moz-linear-gradient(top, #ffee74, #ffdf03); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffee74), to(#ffdf03)); background-image: -webkit-linear-gradient(top, #ffee74, #ffdf03); background-image: -o-linear-gradient(top, #ffee74, #ffdf03); background-image: linear-gradient(to bottom, #ffee74, #ffdf03); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEE74', endColorstr='#FFFFDF03', GradientType=0); } .accordion .accordion-group .accordion-heading .accordion-toggle.expanded > .icon-caret-up, .accordion .accordion-group .accordion-heading .accordion-toggle.expanded > .icon-chevron-up { display: block; } .accordion .accordion-group .accordion-heading .accordion-toggle.expanded > .icon-caret-down, .accordion .accordion-group .accordion-heading .accordion-toggle.expanded > .icon-chevron-down { display: none; } .accordion .accordion-group .accordion-body.in { border-top: 1px solid #eacd02; background-color: white; } .accordion .accordion-group .accordion-body .accordion-inner { border-top: none; } .accordion .accordion-group .accordion-body .accordion-inner.display-style-borderless { padding: 0; } .accordion.accordion-simple { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .accordion.accordion-simple .accordion-group { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-left-width: 0; border-right-width: 0; } .accordion.accordion-simple .accordion-group .accordion-heading .accordion-toggle { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-weight: normal; } .accordion.accordion-simple .accordion-group .accordion-heading .accordion-toggle.expanded { background: #f2f2f2; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .accordion.accordion-simple .accordion-group .accordion-body.in { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-top-color: #cccccc; } .accordion.accordion-simple .accordion-group .accordion-body .accordion-inner { padding-left: 0; padding-right: 0; } .accordion.accordion-contacts { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .accordion.accordion-contacts .accordion-checkbox .icon-tick, .accordion.accordion-contacts .accordion-checkbox .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .accordion.accordion-contacts .accordion-checkbox .input-decoration:before, .accordion.accordion-contacts .accordion-checkbox .ng-dirty.submitted .control-group[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-valid] .controls .accordion.accordion-contacts .accordion-checkbox .input-decoration:before, .accordion.accordion-contacts .accordion-checkbox .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .accordion.accordion-contacts .accordion-checkbox .input-decoration:before, .accordion.accordion-contacts .accordion-checkbox .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .accordion.accordion-contacts .accordion-checkbox .input-decoration:before, .accordion.accordion-contacts .accordion-checkbox .control-group.validation-active[class*=ng-valid] .controls .input-decoration:before, .control-group.validation-active[class*=ng-valid] .controls .accordion.accordion-contacts .accordion-checkbox .input-decoration:before, .accordion.accordion-contacts .accordion-checkbox .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .accordion.accordion-contacts .accordion-checkbox .input-decoration:before, .accordion.accordion-contacts .accordion-checkbox .control-decorator.validation-active[class*=ng-valid] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-valid] .controls .accordion.accordion-contacts .accordion-checkbox .input-decoration:before, .accordion.accordion-contacts .accordion-checkbox .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .accordion.accordion-contacts .accordion-checkbox .input-decoration:before, .accordion.accordion-contacts .accordion-checkbox .validation-group.validation-active[class*=ng-valid] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-valid] .controls .accordion.accordion-contacts .accordion-checkbox .input-decoration:before { padding-left: 10px; color: #80ab01; } .accordion.accordion-contacts .accordion-checkbox .icon-bullet { padding-left: 10px; } .accordion.accordion-contacts .accordion-checkbox .icon-bullet::before { color: #AFAFAF; content: "\2022"; font-size: 20px; position: absolute; top: 7px; } .accordion.accordion-contacts .accordion-group { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-left-width: 0; border-right-width: 0; } .accordion.accordion-contacts .accordion-group:first-child { border-top-width: 0; } .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #fff; font-weight: normal; padding: 10px 0 0 15px; } .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle > .icon-caret-up, .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle > .icon-caret-down, .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle > .icon-chevron-up, .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle > .icon-chevron-down { left: 0px; right: auto; } .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle.expanded { background: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .accordion.accordion-contacts .accordion-group .accordion-body.in { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-top-color: #cccccc; } .accordion.accordion-contacts .accordion-group .accordion-body .accordion-inner { padding-left: 0; padding-right: 0; } .accordion.accordion-visible-overflow .accordion-body.in { overflow: visible; } .tabs-container, .pills-container { margin-bottom: 20px; } .tabs-container .nav-tabs, .pills-container .nav-tabs { margin: 0; border-bottom: none; } .tabs-container .nav-tabs li, .pills-container .nav-tabs li { margin-right: 3px; } .tabs-container .nav-tabs li.active, .pills-container .nav-tabs li.active { font-weight: bold; } .tabs-container .nav-tabs li.active > a, .pills-container .nav-tabs li.active > a { background-color: #fff; border-bottom-color: #fff; color: #222; } .tabs-container .nav-tabs li.active > a:hover, .pills-container .nav-tabs li.active > a:hover { background-color: #fff; } .tabs-container .nav-tabs li > a, .pills-container .nav-tabs li > a { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-color: #f2f2f2; border-color: #ddd; color: #545454; line-height: 14px; } .tabs-container .nav-tabs li > a:hover, .pills-container .nav-tabs li > a:hover { background-color: #f7f7f7; } .tabs-container .nav-tabs li.red > a, .pills-container .nav-tabs li.red > a { color: #FF0000; } .tabs-container .nav-pills, .pills-container .nav-pills { margin-bottom: 10px; } .tabs-container .nav-pills li a, .pills-container .nav-pills li a { border: 1px solid transparent; } .tabs-container .nav-pills li.active a, .pills-container .nav-pills li.active a { background: none; color: #252525; border: 1px solid #ccc; font-weight: bold; } .tabs-container .tab-content, .pills-container .tab-content { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #ddd; } .tabs-container .tab-content .tab-pane, .pills-container .tab-content .tab-pane { padding: 9px 15px; } .tabs-container .tab-content .tab-pane.display-style-borderless, .pills-container .tab-content .tab-pane.display-style-borderless { padding: 0; } .tabs-container.justified-spacing .nav-tabs, .pills-container.justified-spacing .nav-tabs { margin: 0 10px; } .tabs-container.justified-spacing .tabbable ul, .pills-container.justified-spacing .tabbable ul { padding-left: 10px; } .tabs-container.justified-spacing .tab-content .tab-pane, .pills-container.justified-spacing .tab-content .tab-pane { padding: 25px 30px; } .galleryDisplay .gallery-badge { position: absolute; top: 0; right: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: right; } .galleryDisplay figure { cursor: pointer; text-align: center; } .galleryDisplay figure .zoom-in { position: absolute; bottom: 0; right: 0; cursor: pointer; } .galleryDisplay figure .zoom-in i { font-size: 240%; } .galleryDisplay figure figcaption { margin-top: 5px; } .galleryDisplay .carousel-controls.hide-controls { display: none; } .galleryDisplay .carousel-controls > .carousel-control { top: auto; bottom: 0; width: 25px; background: none; border: none; font-size: 15px; color: #252525; text-decoration: none; } .galleryDisplay .carousel-controls > .carousel-control.left { text-align: left; } .galleryDisplay .carousel-controls > .carousel-control.right { text-align: right; } .galleryDisplay .carousel-controls .carousel-control { margin-top: 10px; height: 60px; line-height: 60px; } .galleryDisplay .carousel-controls .carousel-items-wrapper { position: relative; width: auto; margin: 0 40px; overflow: hidden; } .galleryDisplay .carousel-controls .carousel-items-wrapper .carousel-items { width: 3000px; *zoom: 1; } .galleryDisplay .carousel-controls .carousel-items-wrapper .carousel-items:before, .galleryDisplay .carousel-controls .carousel-items-wrapper .carousel-items:after { display: table; content: ""; line-height: 0; } .galleryDisplay .carousel-controls .carousel-items-wrapper .carousel-items:after { clear: both; } .galleryDisplay .carousel-controls .carousel-items-wrapper .carousel-items .carousel-control { position: static; float: left; display: block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: none; border: 1px solid #222; width: 58px; height: 58px; margin-right: 5px; line-height: 48px; } .galleryDisplay .carousel-controls .carousel-items-wrapper .carousel-items .carousel-control img { max-height: 58px; } .galleryDisplay .carousel-controls .carousel-items-wrapper .carousel-items .carousel-control.selected { opacity: 1; filter: alpha(opacity=100); } .galleryDisplay.galleryDisplay-vertical { position: relative; min-height: 280px; } .galleryDisplay.galleryDisplay-vertical .gallery-badge { padding-left: 40px; padding-right: 80px; } .galleryDisplay.galleryDisplay-vertical figure { position: relative; margin-right: 80px; } .galleryDisplay.galleryDisplay-vertical figure a { line-height: 280px; } .galleryDisplay.galleryDisplay-vertical figure .zoom-in { line-height: 1; } .galleryDisplay.galleryDisplay-vertical.galleryDisplay-no-controls .gallery-badge { padding-right: 40px; } .galleryDisplay.galleryDisplay-vertical.galleryDisplay-no-controls figure { margin-right: 40px; } .galleryDisplay.galleryDisplay-vertical .carousel-controls { position: absolute; top: 0; right: 0; width: 70px; } .galleryDisplay.galleryDisplay-vertical .carousel-controls > .carousel-control { display: block; position: static; width: auto; height: 30px; line-height: 30px; } .galleryDisplay.galleryDisplay-vertical .carousel-controls > .carousel-control.left { text-align: center; } .galleryDisplay.galleryDisplay-vertical .carousel-controls > .carousel-control.right { text-align: center; } .galleryDisplay.galleryDisplay-vertical .carousel-controls .carousel-items-wrapper { width: 70px; height: 220px; margin: 0; } .galleryDisplay.galleryDisplay-vertical .carousel-controls .carousel-items-wrapper .carousel-items { width: auto; height: 3000px; } .galleryDisplay.galleryDisplay-vertical .carousel-controls .carousel-items-wrapper .carousel-items .carousel-control { margin-left: 5px; } .galleryList { box-sizing: border-box; padding: 5px; } .galleryList .tile a { text-align: center; display: block; height: 100px; line-height: 100px; } .galleryList .tile a img { display: inline-block; vertical-align: middle; max-height: 100px; } .galleryList .tile .tile-blurb { margin: 5px 0 10px 0; text-align: center; } .galleryList.unconstrained-thumbnails .tile a img { height: auto; } .hero-unit { background-color: #ffe846; background-image: -moz-linear-gradient(top, #ffee74, #ffdf03); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffee74), to(#ffdf03)); background-image: -webkit-linear-gradient(top, #ffee74, #ffdf03); background-image: -o-linear-gradient(top, #ffee74, #ffdf03); background-image: linear-gradient(to bottom, #ffee74, #ffdf03); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEE74', endColorstr='#FFFFDF03', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); padding: 30px; margin-bottom: 10px; } .order-contact-details-widget { margin-bottom: 20px; } .order-contact-details-widget .title.underlined { margin-bottom: 10px; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #ccc; text-decoration: none; } .order-contact-details-widget .column-left-borders { margin-bottom: 20px; } .order-contact-details-widget .column-left-borders > [class*="span"] { height: 330px; padding-left: 19px; } .order-contact-details-widget .column-left-borders > [class*="span"]:first-child { padding-left: 0px; } .collapse.collapse-mobile { height: auto; } .tabs-container.phone-accordion .tab-content > .tab-pane, .tabs-container.phone-accordion .pill-content > .pill-pane, .pills-container.phone-accordion .tab-content > .tab-pane, .pills-container.phone-accordion .pill-content > .pill-pane { height: auto; } .row-fluid [class*="span"].curtain-widget { min-height: 0; } .left-curtain { position: absolute; top: 0; left: 0; width: auto; } .right-curtain { position: absolute; top: 0; right: 0; width: auto; } .tile { margin-bottom: 20px; } .tile .tile-image { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 30px; position: relative; } .tile .tile-image.tile-image-no-text { padding-bottom: 0px; } .tile .tile-image a { display: block; height: 100%; background-size: cover; background-repeat: no-repeat; position: relative; } .tile .tile-image a .tile-overlay-text { position: absolute; bottom: 0; left: 0; height: 30px; background: rgba(0, 0, 0, 0.5); width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; padding: 5px; text-align: right; } .tile .tile-image .tile-text { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tile .tile-image a .tile-overlay-text { opacity: 0; } .tile .tile-image a:hover .tile-overlay-text { background-color: rgba(255, 255, 255, 0.66); color: #585859; text-transform: uppercase; font-weight: bold; font-size: 20px; height: 50px; line-height: 30px; padding: 10px; text-align: left; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity: 1; } .tile .tile-image a.tile-text { font-weight: bold; color: #585859; line-height: 18px; padding-top: 5px; } .product-summary-deferred { position: relative; height: 100%; } .product-summary-deferred .loading a { position: absolute; top: 50%; margin-top: -60px; } .product-summary-deferred .loading i, .product-summary-deferred .loading a { display: block; text-align: center; color: #444; text-decoration: none; } .product-summary-deferred .loading i { opacity: 0.5; filter: alpha(opacity=50); } .label.label-discount-price { background-color: #3f8400; } .prices-container { padding: 10px 0; min-height: 86px; } .product-pricing-unactionable .prices-container { min-height: 0; } .prices-container .prices-header { padding-bottom: 10px; font-size: 12px; font-weight: bold; } .prices-container .prices-header .discount-price-header { display: none; } .prices-container .prices-header.discounted span { color: #3f8400; } .prices-container .prices-header.discounted .discount-price-header { display: inline; } .prices-container table.prices { width: 100%; } .prices-container table.prices thead { display: none; } .prices-container table.prices tbody tr td { line-height: 14px; } .prices-container table.prices tbody tr td div.quantities span { font-size: 12px; color: #999999; } .prices-container table.prices tbody tr td div.quantities span.light { color: #999999; font-weight: normal; } .prices-container table.prices tbody tr td.price span { color: #3f8400; font-weight: bold; font-size: 12px; } .prices-container table.prices tbody tr td.price .discounted span { color: #3f8400; } .prices-container table.prices tbody tr td span.discount-price { color: #3f8400; font-weight: bold; font-size: 10px; } .prices-container table.prices tbody tr td span.discount-price > strong { color: #3f8400; font-size: 12px; } .prices-container table.prices tbody tr td .discount-percentage { display: none; } .prices-container table.prices tbody tr td:first-child { padding-left: 0; } .slider { min-height: 370px; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); } .slider .product-summary-deferred .loading { min-height: 300px; } .slider .carousel { overflow: hidden; } .slider .carousel .carousel-inner { width: 6000px; } .slider .carousel .carousel-inner .product::after { position: absolute; top: 0; height: 100%; width: 1px; content: ''; background-color: #d9d9d9; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(50%, #d0d0d0), to(white)); background-image: -webkit-linear-gradient(white, #d0d0d0 50%, white); background-image: -moz-linear-gradient(top, white, #d0d0d0 50%, white); background-image: -o-linear-gradient(white, #d0d0d0 50%, white); background-image: linear-gradient(white, #d0d0d0 50%, white); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); right: 0; } .slider .carousel.products-vertical { height: 380px; } .slider .carousel.products-vertical .carousel-inner { width: auto; } .slider .carousel.products-vertical .carousel-inner .product-summary-deferred { height: 380px; } .slider .carousel.products-vertical .carousel-inner .item { height: auto; } .slider .carousel.products-vertical .carousel-inner .item .product { float: left; } .product-inline .product-summary-deferred .loading { width: 100%; min-height: 130px; } .product a, .product-inline a, .product-lookup-item a { text-decoration: none; } .product .number span, .product-inline .number span, .product-lookup-item .number span { font-weight: bold; color: #999; font-size: 12px; } .product .quantity-box, .product-inline .quantity-box, .product-lookup-item .quantity-box { -moz-appearance: textfield; } .product .quantity-box::-webkit-outer-spin-button, .product .quantity-box::-webkit-inner-spin-button, .product-inline .quantity-box::-webkit-outer-spin-button, .product-inline .quantity-box::-webkit-inner-spin-button, .product-lookup-item .quantity-box::-webkit-outer-spin-button, .product-lookup-item .quantity-box::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .product .uom-select, .product-inline .uom-select, .product-lookup-item .uom-select { font-size: 12px; } .product .cart-btn, .product-inline .cart-btn, .product-lookup-item .cart-btn { white-space: nowrap; } .product .cart-btn i, .product-inline .cart-btn i, .product-lookup-item .cart-btn i { padding: 0; } .product { padding: 0 30px 0 30px; background: white; width: 178px; line-height: 1; margin-bottom: 25px; } .product .name { position: absolute; top: 0; z-index: 10; line-height: 16px; font-size: 12px; } .product .name a { background: #fff; -webkit-box-shadow: 3px 1px 3px white; -moz-box-shadow: 3px 1px 3px white; box-shadow: 3px 1px 3px white; } .product .over .name a { text-decoration: underline; } .product .product-images { position: relative; display: block; padding-top: 65px; } .product .product-images .product-image { text-align: center; margin: 0 auto; width: 150px; height: 150px; line-height: 150px; } .product .product-images .product-overlay-badges { position: absolute; top: 65px; right: 0; width: 100%; } .product .product-images .product-overlay-badges .product-overlay-badge { text-align: right; } .product .product-images .product-overlay-badges .product-overlay-badge img { max-height: 150px; } .product .product-images .product-overlay-badges .product-overlay-badge img.full-image { -webkit-transform: scale3d(0.5, 0.5, 1); -moz-transform: scale3d(0.5, 0.5, 1); -ms-transform: scale3d(0.5, 0.5, 1); -o-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -ms-transform: scale(0.5, 0.5); } html.ie8 .product .product-images .product-overlay-badges .product-overlay-badge img { max-width: 65px; } .product .product-images .product-item-text { position: absolute; bottom: -1px; left: 0; width: 100%; padding-top: 5px; background: rgba(255, 255, 255, 0.75); *zoom: 1; } .product .product-images .product-item-text:before, .product .product-images .product-item-text:after { display: table; content: ""; line-height: 0; } .product .product-images .product-item-text:after { clear: both; } .product .product-images .product-item-text:empty { padding: 0; } .product .number span { background: #fff; -webkit-box-shadow: 3px 1px 3px white; -moz-box-shadow: 3px 1px 3px white; box-shadow: 3px 1px 3px white; } .product .product-overlay-action { text-align: center; font-size: 225%; } .product .product-overlay-action .product-overlay-trigger { color: #ccc; cursor: pointer; } .product .more-like-this { margin-top: 5px; } .product .more-like-this a { text-decoration: underline; } .product .compare-checkbox { height: 30px; margin-bottom: 0; margin-top: 5px; } .product .compare-checkbox span[popover-compare] { display: block; width: 1px; height: 1px; background: transparent; } .product .compare-checkbox label { font-size: 12px; } .product .compare-checkbox .popover { max-width: 200px; } .product .compare-checkbox .popover .popover-inner { border: none; margin: 0px; } .product .compare-checkbox .popover .popover-inner .popover-content { border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 8px; } .product .compare-checkbox .popover .popover-inner .popover-content .compare-text { padding: 5px 0; font-weight: bold; } .product .compare-checkbox .popover .popover-inner .popover-content .compare-text a { margin-top: 8px; display: block; } .product .brand-wrapper .brand { margin-top: 5px; height: 30px; line-height: 30px; text-align: right; } .product .brand-wrapper:first-child .brand { text-align: left; } .product .rating-stars { padding: 5px 0; } .product .product-actions { min-height: 35px; } .product-inline .prices-container table.prices tbody tr td .discount-percentage { display: block; } .products-vertical .product { padding-left: 15px; padding-right: 15px; } .filters { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #eeeeee; border: 1px solid #cdcdcd; padding: 15px 15px 5px 15px; } .filters .filter-header { display: none; } .filters label { font-size: 12px; color: #666; } .filters label .filter-name { float: left; display: block; max-width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .filters label .filter-count { float: left; display: block; padding-left: 3px; } .filters .filter-items { margin-bottom: 10px; } .filters .filter-items-toggle { text-decoration: none; } .filters [price-range-filter] .input-short { width: 38px; } .filters .view-more, .filters .view-less { text-align: center; font-size: 225%; position: relative; cursor: pointer; } .filters .view-more:before, .filters .view-more:after, .filters .view-less:before, .filters .view-less:after { content: ''; position: absolute; top: 50%; width: 40%; border-bottom: 1px solid #cdcdcd; margin-top: -1px; } .filters .view-more:before, .filters .view-less:before { left: 0; } .filters .view-more:after, .filters .view-less:after { right: 0; } .price-display-toggle { margin-top: 16px; } .price-display-toggle .btn { background: #fff; overflow: visible; text-shadow: none; font-size: 12px; padding-top: 0; padding-bottom: 0; } .price-display-toggle .btn.active { background: #000; color: #fff; } .price-display-toggle .btn.active:before { content: ''; position: absolute; left: 50%; margin-left: -8px; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 8px; bottom: -16px; border-top-color: black; } .price-display-toggle .btn:first-child { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .price-display-toggle .btn:last-child { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } .list-aside, .item-aside { padding-right: 2.127659574468085%; position: relative; } .list-aside::before, .item-aside::before { content: ''; position: absolute; top: 0; background: #ccc; height: 100%; width: 1px; right: 0; background-color: #d7d7d7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(50%, #cdcdcd), to(white)); background-image: -webkit-linear-gradient(white, #cdcdcd 50%, white); background-image: -moz-linear-gradient(top, white, #cdcdcd 50%, white); background-image: -o-linear-gradient(white, #cdcdcd 50%, white); background-image: linear-gradient(white, #cdcdcd 50%, white); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .list-main .list-header, .list-main .list-footer { margin-bottom: 20px; } .list-main .search-results-refinement [class*="span"] { min-height: 0; } .list-main .search-results-refinement span { font-size: 14px; } .list-main .search-results-refinement .splitter { padding: 0 5px; } .list-main .products .no-items { margin: 20px 0; } .list-main .products .list-intro { background: #fff; } .list-main .products .list-intro .accordion { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .list-main .products .list-intro .accordion .accordion-group { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; border-bottom: 1px solid #CCC; } .list-main .products .list-intro .accordion .accordion-group .accordion-heading .accordion-toggle { background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; padding: 15px 15px 15px 0; font-weight: normal; } .list-main .products .list-intro .accordion .accordion-group .accordion-body.in { border-top: 1px solid #CCC; } .list-main .products .list-controls + .list-content { border-top: none; } .list-main .products .list-content { border-top: 1px solid #d0d0d0; } .list-main .products .list-content:first-child { border-top: none; } .list-main .products .list-content .product { position: relative; padding: 0 30px; margin-top: 25px; margin-bottom: 10px; } .list-main .products .list-content .product::after { position: absolute; top: 0; height: 100%; width: 1px; content: ''; background-color: #d9d9d9; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(50%, #d0d0d0), to(white)); background-image: -webkit-linear-gradient(white, #d0d0d0 50%, white); background-image: -moz-linear-gradient(top, white, #d0d0d0 50%, white); background-image: -o-linear-gradient(white, #d0d0d0 50%, white); background-image: linear-gradient(white, #d0d0d0 50%, white); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); right: 0; } .list-main .products .list-content .product:last-child::after { display: none; } .list-main .products .product-summary-deferred { height: 100%; } .list-main .products .product-summary-deferred .loading { min-height: 332px; } .list-main .products .sort-options { margin-top: 5px; } .list-main .products .sort-options label { margin-bottom: 10px; } .list-main .products .sort-options select { margin-bottom: 10px; } .list-main .products .page-size { font-size: 12px; } .list-main .products .page-size span:first-child { padding-right: 7px; font-weight: bold; } .list-main .products .page-size a { display: inline-block; margin-left: 7px; margin-right: 7px; padding: 4px 7px; text-decoration: none; } .list-main .products .page-size a.active { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #000; color: #fff; } .list-content .product .redline-saver-border { border: 3px solid red; padding: 0 27px 7px 27px; margin: -25px -27px -10px -27px; } .list-content .product .redline-saver-border .name { padding-top: 25px; } .list-content .product .redline-saver-border .product-images { padding-top: 87px; } .slider.productSlide .list-content .product .redline-saver-border { margin-top: -7px; } .slider.productSlide .list-content .product .redline-saver-border .name { padding-top: 8px; } .slider.productSlide .list-content .product .redline-saver-border .product-images { padding-top: 69px; } .product-overlay { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ababab; background: #fff; position: absolute; z-index: 100; padding-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-overlay .product { width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none; margin-bottom: 0; } .product-overlay .product .product-render-target { position: relative; } .product-overlay.product-overlay-vertical-rotator .product { padding-left: 15px; padding-right: 15px; } .category-list-floating { position: absolute; height: 100%; width: 1px; z-index: 100; top: -10px; padding-bottom: 10px; left: -2px; padding-left: 2px; } .category-list-floating::before { content: ''; position: absolute; top: 41px; left: 0; height: 200px; width: 1px; background-color: #e1e1e1; background-image: -moz-linear-gradient(top, #cdcdcd, white); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cdcdcd), to(white)); background-image: -webkit-linear-gradient(top, #cdcdcd, white); background-image: -o-linear-gradient(top, #cdcdcd, white); background-image: linear-gradient(to bottom, #cdcdcd, white); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCDCDCD', endColorstr='#FFFFFFFF', GradientType=0); } .category-list-floating .category-list-floating-button { position: absolute; top: 0; right: -34px; height: 40px; width: 35px; line-height: 40px; text-align: center; border: 1px solid #cdcdcd; border-left: none; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; background: #fff; font-size: 12px; cursor: pointer; } .category-list-floating .category-list-floating-button span { font-size: 32px; } .category-list-floating .category-list { display: none; } .category-list-floating.active { width: 200px; border-right: 1px solid #cdcdcd; background: #fff; padding-right: 20px; } .category-list-floating.active::before { display: none; } .category-list-floating.active .category-list { display: block; } .category-list-floating.active .category-list-floating-button { right: -36px; } .product-show .breadcrumbs { display: block; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .product-show .breadcrumbs .breadcrumb { margin-bottom: 0; } .product-show .same-day-header.expired { display: none; } .product-show .redline-text { display: block; padding-top: 5px; } .product-show .product-name { margin-bottom: 10px; } .product-show .product-name h1 { margin-top: 0; margin-bottom: 10px; } .product-show .product-name .number { font-weight: bold; font-size: 13px; } .product-show .product-name .number span { font-weight: bold; color: #878787; font-size: 13px; } .product-show .product-name .brand { margin-top: 10px; margin-bottom: 10px; } .product-show .product-name .more-like-this { margin-top: 10px; } .product-show .trust-marks { margin-top: 10px; } .product-show .trust-marks .icon-stack { font-size: 18px; } .product-show .trust-marks .icon-stack i { color: #fff; } .product-show .trust-marks .icon-stack i.icon-stack-base { color: #3f8400; } .product-show .trust-marks .icon-stack .icon-tick, .product-show .trust-marks .icon-stack .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .product-show .trust-marks .icon-stack .input-decoration:before, .product-show .trust-marks .icon-stack .ng-dirty.submitted .control-group[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-valid] .controls .product-show .trust-marks .icon-stack .input-decoration:before, .product-show .trust-marks .icon-stack .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .product-show .trust-marks .icon-stack .input-decoration:before, .product-show .trust-marks .icon-stack .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .product-show .trust-marks .icon-stack .input-decoration:before, .product-show .trust-marks .icon-stack .control-group.validation-active[class*=ng-valid] .controls .input-decoration:before, .control-group.validation-active[class*=ng-valid] .controls .product-show .trust-marks .icon-stack .input-decoration:before, .product-show .trust-marks .icon-stack .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .product-show .trust-marks .icon-stack .input-decoration:before, .product-show .trust-marks .icon-stack .control-decorator.validation-active[class*=ng-valid] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-valid] .controls .product-show .trust-marks .icon-stack .input-decoration:before, .product-show .trust-marks .icon-stack .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .product-show .trust-marks .icon-stack .input-decoration:before, .product-show .trust-marks .icon-stack .validation-group.validation-active[class*=ng-valid] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-valid] .controls .product-show .trust-marks .icon-stack .input-decoration:before { font-size: 0.75em; } .product-show .trust-marks .icon-stack .icon-truck { font-size: 0.66em; } .product-show .trust-marks .icons.icons-warning .icon-stack i.icon-stack-base { color: #ff8000; } .product-show .trust-marks dd { color: #666; } .product-show .trust-marks .trust-mark[lowest-price-guarantee] { cursor: pointer; } .product-show .trust-marks .trust-mark[lowest-price-guarantee] dl dt { line-height: 40px; } .product-show .trust-marks .trust-mark[lowest-price-guarantee] dl dt .icon-chevron-right { padding-left: 4px; } .product-show .trust-marks .trust-mark[sourced-on-request-lead] { cursor: pointer; } .product-show .trust-marks .trust-mark-deliveryDelay dt { color: #f6791d; } .product-show .trust-marks .trust-mark-deliveryDelay dt .icon-stack i.icon-stack-base { color: #f6791d; } .product-show .trust-marks .icon-signet-redline-pencil { color: red; font-size: 0.75em; } .product-show .watch-video-container { margin-bottom: 10px; } .product-show .product-badges .product-badge { margin: 5px 0; } .product-show .link-icon i { font-size: 150%; vertical-align: -10%; display: inline-block; width: 20px; text-align: center; } .product-show .product-description { color: #777; font-size: 12px; } .product-show .product-description ul li p { color: #777; } .product-show .promotion-description-modal { width: 920px; margin-left: -460px; } .product-show .galleryDisplay figure { margin: 0; } .product-show .galleryDisplay .carousel-controls .carousel-control.left { left: 0; } .product-show .galleryDisplay .carousel-controls .carousel-control.right { right: 0; } .product-show .galleryDisplay .carousel-controls .carousel-items-wrapper { margin: 0 22px; } .product-show .favourites-toggle { margin-top: 10px; margin-bottom: 10px; } .product-show .related-products-wrapper { margin-top: 10px; margin-bottom: 10px; } .product-show .related-products-wrapper .related-products { cursor: pointer; font-weight: bold; } .product-show .related-products-wrapper .related-products .icon-wrench { font-size: 16px; margin-right: 4px; } .product-show .prices-container { padding-bottom: 0; } .product-show .prices-container .tab-content { overflow: visible; } .product-show .prices-container .tab-content .tab-pane { padding-bottom: 0; } .product-show .prices-container .tab-content .tab-pane .redline-saver-promotion-message { background-color: #c32830; color: white; padding: 6px 44px 6px 7px; width: auto; cursor: pointer; position: relative; } .product-show .prices-container .tab-content .tab-pane .redline-saver-promotion-message .text-bold { font-weight: bold; } .product-show .prices-container .tab-content .tab-pane .redline-saver-promotion-message .pencil { position: absolute; top: -26px; right: 4px; } .product-show .prices-container .tab-content .tab-pane .prices-table.redline-prices .prices span { color: #c32830; } .product-show .prices-container .prices-table { width: 100%; } .product-show .prices-container .uom, .product-show .prices-container .prices { border-bottom: 1px solid #e2e2e2; padding: 7px 0; } .product-show .prices-container tr:last-child .uom, .product-show .prices-container tr:last-child .prices { border-bottom: none; } .product-show .prices-container .prices { text-align: right; white-space: nowrap; } .product-show .prices-container .prices span { color: #3f8400; font-weight: bold; } .product-show .prices-container .prices span.strikethrough { color: #aaaaaa; } .product-show .prices-container .prices span.discounted, .product-show .prices-container .prices span.discounted span { color: #3f8400; } .product-show .prices-container .prices .save-text { display: inline-block; width: 25px; height: 14px; padding-left: 2px; position: relative; white-space: normal; } .product-show .prices-container .prices .save-text .save-text-flag { position: absolute; top: -6px; right: -25px; height: 30px; padding-top: 2px; width: 35px; color: #fff; font-size: 12px; line-height: 14px; text-align: center; background: #f86612; } .product-show .prices-container .prices .save-text .save-text-flag::before { content: ''; top: 0; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 16px; left: -32px; border-right-color: #f86612; } .product-show .prices-container .prices-footer { font-weight: bold; margin-top: 5px; } .product-show .price-highlight { color: #3f8400; font-size: 18px; margin: 25px 0; } .product-show .price-highlight span { color: #3f8400; } .product-show .price-highlight .price { font-weight: bold; } .product-show .out-of-stock-product h1 { font-size: 24px; margin-top: 20px; } .product-show .out-of-stock-product .prices-container .prices { text-align: left; } .product-show .out-of-stock-product .out-of-stock-message { color: #F04E36; font-size: 16px; font-weight: bold; margin: 20px 0 0 0; } .product-show .out-of-stock-product .out-of-stock-replacement-title { border-bottom: 1px solid #d0d0d0; margin-bottom: 20px; } .product-show .out-of-stock-product .out-of-stock-replacement-title h2 { font-size: 22px; margin: 0; padding: 0; } .product-actions .qty, .product-actions .uom { margin-top: 4px; } .product-actions.product-actions-small .qty, .product-actions.product-actions-small .uom { margin-top: 0px; } .product-actions.product-actions-small .qty { float: left; } .product-actions .qty .control-label { display: inline-block; font-weight: bold; font-size: 12px; position: relative; top: -4px; margin-right: 8px; } .product-actions .qty .controls { display: inline-block; } .product-actions .qty .controls .btn { width: 25px; padding: 2px 4px 1px 4px; line-height: 20px; } .product-actions .qty .controls .input-prepend .btn:first-child { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .product-actions .qty .controls .input-append .btn:last-child { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } .product-actions .qty .controls .input-cart-qty { width: 33px; -moz-appearance: textfield; } .product-actions .qty .controls .input-cart-qty::-webkit-outer-spin-button, .product-actions .qty .controls .input-cart-qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .product-actions .cart-btn { white-space: nowrap; } .favourites-toggle span { font-weight: bold; cursor: pointer; font-size: 12px; } .favourites-toggle .btn-favourite-inactive { background: #fff; border: 1px solid #949494; } .favourites-toggle .btn.btn-round { width: 20px; height: 20px; line-height: 20px; vertical-align: -5%; } .products-inline .product-header { border: 1px solid #888; border-width: 1px 0; color: #1f1f1f; font-weight: bold; } .products-inline .product-header [class*="span"] { line-height: 33px; } .products-inline .product-row, .products-inline .item-row, .products-inline .levy-row { border-bottom: 1px solid #ccc; padding: 5px 0; } .products-inline .favourites-toggle, .products-inline .list-toggle { position: absolute; bottom: 5px; } .products-inline .favourites-toggle span, .products-inline .list-toggle span { font-weight: normal; cursor: pointer; } .products-inline .favourites-toggle .btn.btn-round, .products-inline .list-toggle .btn.btn-round { width: 25px; height: 25px; line-height: 20px; vertical-align: 0%; font-size: 150%; } .products-inline .prices-container { padding: 0; } .product-lookup-item .price-blurb { font-size: 11px; color: #666; } .product-lookup-item .price-blurb .price { color: #3f8400; font-weight: bold; font-size: 11px; } .product-lookup-item .price-blurb .price.discounted, .product-lookup-item .price-blurb .price.discounted span { color: #3f8400; } .carton-finder { border: 1px solid #ccc; background: #fff; padding: 10px; margin-bottom: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .carton-finder.single-dimension .btn { margin-top: 23px; } .carton-finder.single-dimension .dimension { *zoom: 1; } .carton-finder.single-dimension .dimension:before, .carton-finder.single-dimension .dimension:after { display: table; content: ""; line-height: 0; } .carton-finder.single-dimension .dimension:after { clear: both; } .carton-finder.single-dimension .dimension .image-row { float: left; width: 10%; } .carton-finder.single-dimension .dimension .inputs-row { float: left; width: 90%; } .carton-finder.single-dimension .dimension .inputs-row .control-group { width: 47%; margin-left: 10px; float: left; } .btn { display: inline-block; text-align: center; font-family: arial; font-weight: bold; font-size: 12px; line-height: 22px; color: #202020; border: 1px solid #9a9a9a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 1px white; -moz-box-shadow: inset 0px 1px 1px white; box-shadow: inset 0px 1px 1px white; background-color: #f4f4f4; background-image: -moz-linear-gradient(top, white, #e4e4e4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e4e4e4)); background-image: -webkit-linear-gradient(top, white, #e4e4e4); background-image: -o-linear-gradient(top, white, #e4e4e4); background-image: linear-gradient(to bottom, white, #e4e4e4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE4E4E4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn i { color: inherit; text-transform: none; } .btn:hover, .btn:active, .btn.active { background-color: #eaeaea; background-image: -moz-linear-gradient(top, white, #cccccc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#cccccc)); background-image: -webkit-linear-gradient(top, white, #cccccc); background-image: -o-linear-gradient(top, white, #cccccc); background-image: linear-gradient(to bottom, white, #cccccc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFCCCCCC', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .btn:focus { background-position: 0 0; } .btn:focus { outline: none; } .btn::-moz-focus-inner { border: 0; } .btn * { color: inherit; } .ie8 .btn[class*='span'] { min-height: 0; } .btn-mini { font-size: 11px; } .btn-primary, #tool-tip .tool-tip-inner .btn-primary { color: #202020; background: #ffdf00; background-color: #ffe955; background-image: -moz-linear-gradient(top, #fff18f, #ffdf00); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff18f), to(#ffdf00)); background-image: -webkit-linear-gradient(top, #fff18f, #ffdf00); background-image: -o-linear-gradient(top, #fff18f, #ffdf00); background-image: linear-gradient(to bottom, #fff18f, #ffdf00); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFF18F', endColorstr='#FFFFDF00', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); text-shadow: none; border-color: #ccb301; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-primary:visited, #tool-tip .tool-tip-inner .btn-primary:visited { color: #202020; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-primary:focus, #tool-tip .tool-tip-inner .btn-primary:hover, #tool-tip .tool-tip-inner .btn-primary:active, #tool-tip .tool-tip-inner .btn-primary.active, #tool-tip .tool-tip-inner .btn-primary.disabled, #tool-tip .tool-tip-inner .btn-primary[disabled], #tool-tip .tool-tip-inner .btn-primary:focus { color: #202020; background-color: #ffdf55; background-image: -moz-linear-gradient(top, #fff08f, #ffc600); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff08f), to(#ffc600)); background-image: -webkit-linear-gradient(top, #fff08f, #ffc600); background-image: -o-linear-gradient(top, #fff08f, #ffc600); background-image: linear-gradient(to bottom, #fff08f, #ffc600); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFF08F', endColorstr='#FFFFC600', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-secondary, .product-actions .cart-btn, .store-search .search-button.btn-search, .landing .carton-finder-row .carton-finder-form .btn { color: white; background: #709500; background-color: #82ad00; background-image: -moz-linear-gradient(top, #8fbd00, #709500); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8fbd00), to(#709500)); background-image: -webkit-linear-gradient(top, #8fbd00, #709500); background-image: -o-linear-gradient(top, #8fbd00, #709500); background-image: linear-gradient(to bottom, #8fbd00, #709500); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8FBD00', endColorstr='#FF709500', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); text-shadow: none; border-color: #628200; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-secondary:visited, .product-actions .cart-btn:visited, .store-search .search-button.btn-search:visited, .landing .carton-finder-row .carton-finder-form .btn:visited { color: white; } .btn-secondary:hover, .product-actions .cart-btn:hover, .store-search .search-button.btn-search:hover, .landing .carton-finder-row .carton-finder-form .btn:hover, .btn-secondary:active, .product-actions .cart-btn:active, .store-search .search-button.btn-search:active, .landing .carton-finder-row .carton-finder-form .btn:active, .btn-secondary.active, .product-actions .active.cart-btn, .store-search .active.search-button.btn-search, .landing .carton-finder-row .carton-finder-form .active.btn, .btn-secondary.disabled, .product-actions .disabled.cart-btn, .store-search .disabled.search-button.btn-search, .landing .carton-finder-row .carton-finder-form .disabled.btn, .btn-secondary[disabled], .product-actions [disabled].cart-btn, .store-search [disabled].search-button.btn-search, .landing .carton-finder-row .carton-finder-form [disabled].btn, .btn-secondary:focus, .product-actions .cart-btn:focus, .store-search .search-button.btn-search:focus, .landing .carton-finder-row .carton-finder-form .btn:focus { color: white; background-color: #709500; background-image: -moz-linear-gradient(top, #80aa00, #597700); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#80aa00), to(#597700)); background-image: -webkit-linear-gradient(top, #80aa00, #597700); background-image: -o-linear-gradient(top, #80aa00, #597700); background-image: linear-gradient(to bottom, #80aa00, #597700); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF80AA00', endColorstr='#FF597700', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-round.btn-primary { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .gst-toggle .btn-primary { filter: none; background: none; } .gst-toggle .btn-primary:hover { filter: none; background: none; } .btn-danger, .btn-primary.btn-danger { color: white; border-color: #333333; -webkit-box-shadow: inset 0px 1px 1px #eeaeae; -moz-box-shadow: inset 0px 1px 1px #eeaeae; box-shadow: inset 0px 1px 1px #eeaeae; background-color: #bb1e1e; background-image: -moz-linear-gradient(top, #d43232, #960000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d43232), to(#960000)); background-image: -webkit-linear-gradient(top, #d43232, #960000); background-image: -o-linear-gradient(top, #d43232, #960000); background-image: linear-gradient(to bottom, #d43232, #960000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD43232', endColorstr='#FF960000', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:active, .btn-danger:visited, .btn-danger.active, .btn-primary.btn-danger:hover, .btn-primary.btn-danger:active, .btn-primary.btn-danger:visited, .btn-primary.btn-danger.active { color: white; background-color: #9f1717; background-image: -moz-linear-gradient(top, #be2727, #710000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#be2727), to(#710000)); background-image: -webkit-linear-gradient(top, #be2727, #710000); background-image: -o-linear-gradient(top, #be2727, #710000); background-image: linear-gradient(to bottom, #be2727, #710000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBE2727', endColorstr='#FF710000', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning { color: white; border-color: #333333; -webkit-box-shadow: inset 0px 1px 1px #eeaeae; -moz-box-shadow: inset 0px 1px 1px #eeaeae; box-shadow: inset 0px 1px 1px #eeaeae; background-color: #f99f20; background-image: -moz-linear-gradient(top, #faa732, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faa732), to(#f89406)); background-image: -webkit-linear-gradient(top, #faa732, #f89406); background-image: -o-linear-gradient(top, #faa732, #f89406); background-image: linear-gradient(to bottom, #faa732, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFAA732', endColorstr='#FFF89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:active, .btn-warning:visited, .btn-warning.active { color: white; background-color: #e18605; background-image: -moz-linear-gradient(top, #f39106, #c67605); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f39106), to(#c67605)); background-image: -webkit-linear-gradient(top, #f39106, #c67605); background-image: -o-linear-gradient(top, #f39106, #c67605); background-image: linear-gradient(to bottom, #f39106, #c67605); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF39106', endColorstr='#FFC67605', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-dark, .btn-primary.btn-dark, .btn-dark:active, .btn-dark:focus { color: #FFFFFF; border-color: #333333; -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5); background-color: dimgray; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(4%, #777777), to(#333333)); background-image: -webkit-linear-gradient(white, #777777 4%, #333333); background-image: -moz-linear-gradient(top, white, #777777 4%, #333333); background-image: -o-linear-gradient(white, #777777 4%, #333333); background-image: linear-gradient(white, #777777 4%, #333333); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FF333333', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); text-shadow: none; } .btn-dark:hover, .btn-dark:active, .btn-dark:visited, .btn-dark.active, .btn-primary.btn-dark:hover, .btn-primary.btn-dark:active, .btn-primary.btn-dark:visited, .btn-primary.btn-dark.active, .btn-dark:active:hover, .btn-dark:active:active, .btn-dark:active:visited, .btn-dark:active.active, .btn-dark:focus:hover, .btn-dark:focus:active, .btn-dark:focus:visited, .btn-dark:focus.active { background-color: #929292; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), color-stop(96%, #777777), to(white)); background-image: -webkit-linear-gradient(#333333, #777777 96%, white); background-image: -moz-linear-gradient(top, #333333, #777777 96%, white); background-image: -o-linear-gradient(#333333, #777777 96%, white); background-image: linear-gradient(#333333, #777777 96%, white); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF333333', endColorstr='#FFFFFFFF', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; } .btn-success, .btn-primary.btn-success { color: #526e00; border-color: #80ab01; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #c8dd4e; background-image: -moz-linear-gradient(top, #d0e651, #bcd14a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d0e651), to(#bcd14a)); background-image: -webkit-linear-gradient(top, #d0e651, #bcd14a); background-image: -o-linear-gradient(top, #d0e651, #bcd14a); background-image: linear-gradient(to bottom, #d0e651, #bcd14a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD0E651', endColorstr='#FFBCD14A', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:active, .btn-success:visited, .btn-success.active, .btn-primary.btn-success:hover, .btn-primary.btn-success:active, .btn-primary.btn-success:visited, .btn-primary.btn-success.active { color: #526e00; background-color: #b7d028; background-image: -moz-linear-gradient(top, #c4e024, #a4b92f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c4e024), to(#a4b92f)); background-image: -webkit-linear-gradient(top, #c4e024, #a4b92f); background-image: -o-linear-gradient(top, #c4e024, #a4b92f); background-image: linear-gradient(to bottom, #c4e024, #a4b92f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC4E024', endColorstr='#FFA4B92F', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse { color: white; border-color: #111111; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #414141; background-image: -moz-linear-gradient(top, #555555, #252525); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#252525)); background-image: -webkit-linear-gradient(top, #555555, #252525); background-image: -o-linear-gradient(top, #555555, #252525); background-image: linear-gradient(to bottom, #555555, #252525); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF555555', endColorstr='#FF252525', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse:visited, .btn-inverse.active { background-color: #343434; background-image: -moz-linear-gradient(top, #555555, #030303); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#030303)); background-image: -webkit-linear-gradient(top, #555555, #030303); background-image: -o-linear-gradient(top, #555555, #030303); background-image: linear-gradient(to bottom, #555555, #030303); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF555555', endColorstr='#FF030303', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: white; } .btn-active { text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #ffde00; border-color: #ca9209; color: #1f1f1f; } .btn-active:hover, .btn-active:active, .btn-active:visited, .btn-active.active { background: #ffc600; color: #1f1f1f; } .btn-text { background: none; border: none; margin: 0; padding: 0; font-size: inherit; } .btn-text::-moz-focus-inner { border: 0; padding: 0; } .btn-text i { vertical-align: middle; } .btn-round { -webkit-border-radius: 5000px; -moz-border-radius: 5000px; border-radius: 5000px; padding: 0px; width: 25px; height: 25px; } .btn.large { font-size: 22px; padding: 12px 0; margin: 10px 0; } .btn-huge { padding: 20px; height: 113px; } .btn-huge > i { font-size: 60px; float: left; } .btn-huge .description { text-align: left; font-size: 17px; float: left; width: 70%; font-weight: normal; margin-left: 20px; } .btn-huge .description .title { font-weight: bold; margin-bottom: 5px; } @font-face { font-family: 'Signet'; src: url("/v2.1.18/Content/themes/SignetNew/css/../font/signet.eot?-fldhha"); src: url("/v2.1.18/Content/themes/SignetNew/css/../font/signet.eot?#iefix-fldhha") format("embedded-opentype"), url("/v2.1.18/Content/themes/SignetNew/css/../font/signet.woff?-fldhha") format("woff"), url("/v2.1.18/Content/themes/SignetNew/css/../font/signet.ttf?-fldhha") format("truetype"), url("/v2.1.18/Content/themes/SignetNew/css/../font/signet.svg?-fldhha#signet") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'trashhandregular'; src: url("/v2.1.18/Content/themes/SignetNew/css/../font/TrashHand-webfont.eot"); src: url("/v2.1.18/Content/themes/SignetNew/css/../font/TrashHand-webfont.eot?#iefix") format("embedded-opentype"), url("/v2.1.18/Content/themes/SignetNew/css/../font/TrashHand-webfont.woff") format("woff"), url("/v2.1.18/Content/themes/SignetNew/css/../font/TrashHand-webfont.ttf") format("truetype"), url("/v2.1.18/Content/themes/SignetNew/css/../font/TrashHand-webfont.svg#trashhandregular") format("svg"); font-weight: normal; font-style: normal; } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display: inline-block; } [class^="icon-"], [class*=" icon-"] { font-size: inherit; color: inherit; } .icon-2x { font-size: 2em; } .icon-3x { font-size: 3em; } .icon-4x { font-size: 4em; } .icon-5x { font-size: 5em; } .icon-padded { padding: 0 5px; } .icon-signet-thin-left-arrow { font-family: 'Signet'; } .icon-signet-thin-left-arrow:before { content: "\21"; } .icon-signet-thin-right-arrow { font-family: 'Signet'; } .icon-signet-thin-right-arrow:before { content: "\22"; } .icon-signet-thin-up-arrow { font-family: 'Signet'; } .icon-signet-thin-up-arrow:before { content: "\23"; } .icon-signet-thin-down-arrow { font-family: 'Signet'; } .icon-signet-thin-down-arrow:before { content: "\24"; } .icon-signet-double-up { font-family: 'Signet'; } .icon-signet-double-up:before { content: "\25"; } .icon-signet-double-down { font-family: 'Signet'; } .icon-signet-double-down:before { content: "\26"; } .icon-minus { font-family: 'Signet'; } .icon-minus:before { content: "\27"; } .icon-plus { font-family: 'Signet'; } .icon-plus:before { content: "\28"; } .icon-tick, .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .input-decoration:before, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-group.validation-active[class*=ng-valid] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-valid] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-valid] .controls .input-decoration:before { font-family: 'Signet'; } .icon-tick:before, .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .input-decoration:before, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-group.validation-active[class*=ng-valid] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-valid] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-valid] .controls .input-decoration:before { content: "\29"; } .icon-signet-close { font-family: 'Signet'; } .icon-signet-close:before { content: "\2a"; } .icon-phone-rotate { font-family: 'Signet'; } .icon-phone-rotate:before { content: "\2b"; } .icon-signet-clock { font-family: 'Signet'; } .icon-signet-clock:before { content: "\2c"; } .icon-user-new { font-family: 'Signet'; } .icon-user-new:before { content: "\2d"; } .icon-cart { font-family: 'Signet'; } .icon-cart:before { content: "\2e"; } .icon-thumbs-up { font-family: 'Signet'; } .icon-thumbs-up:before { content: "\2f"; } .icon-left-button { font-family: 'Signet'; } .icon-left-button:before { content: "\30"; } .icon-right-button { font-family: 'Signet'; } .icon-right-button:before { content: "\31"; } .icon-left-arrow { font-family: 'Signet'; } .icon-left-arrow:before { content: "\32"; } .icon-right-arrow, a.arrow::after { font-family: 'Signet'; } .icon-right-arrow:before, a.arrow::after { content: "\33"; } .icon-abn { font-family: 'Signet'; } .icon-abn:before { content: "\34"; } .icon-no-abn { font-family: 'Signet'; } .icon-no-abn:before { content: "\35"; } .icon-mag-glass { font-family: 'Signet'; } .icon-mag-glass:before { content: "\36"; } .icon-zoom { font-family: 'Signet'; } .icon-zoom:before { content: "\37"; } .icon-alert, .ng-dirty.submitted .control-decorator[class*=ng-warning] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-warning] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-warning] .controls .input-decoration:before, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration:before, .control-group.validation-active[class*=ng-warning] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-warning] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-warning] .controls .input-decoration:before, .control-validation-error::before, .alert::before, .alert.alert-error::before, .alert.alert-danger::before, .site-notification-bar.alert-bar .notification::before { font-family: 'Signet'; } .icon-alert:before, .ng-dirty.submitted .control-decorator[class*=ng-warning] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-warning] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-warning] .controls .input-decoration:before, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration:before, .control-group.validation-active[class*=ng-warning] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-warning] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-warning] .controls .input-decoration:before, .control-validation-error::before, .alert::before, .alert.alert-error::before, .alert.alert-danger::before, .site-notification-bar.alert-bar .notification::before { content: "\38"; } .icon-info, .alert.alert-info::before, .site-notification-bar.info-bar .notification::before { font-family: 'Signet'; } .icon-info:before, .alert.alert-info::before, .site-notification-bar.info-bar .notification::before { content: "\39"; } .icon-circle-tick, .alert.alert-success::before { font-family: 'Signet'; } .icon-circle-tick:before, .alert.alert-success::before { content: "\3a"; } .icon-plus-button { font-family: 'Signet'; } .icon-plus-button:before { content: "\3b"; } .icon-minus-button { font-family: 'Signet'; } .icon-minus-button:before { content: "\3c"; } .icon-burger-bar-menu { font-family: 'Signet'; } .icon-burger-bar-menu:before { content: "\3d"; } .icon-close-button { font-family: 'Signet'; } .icon-close-button:before { content: "\3e"; } .icon-add { font-family: 'Signet'; } .icon-add:before { content: "\3f"; } .icon-post-box { font-family: 'Signet'; } .icon-post-box:before { content: "\40"; } .icon-coin { font-family: 'Signet'; } .icon-coin:before { content: "\41"; } .icon-fax { font-family: 'Signet'; } .icon-fax:before { content: "\42"; } .icon-email { font-family: 'Signet'; } .icon-email:before { content: "\43"; } .icon-document { font-family: 'Signet'; } .icon-document:before { content: "\44"; } .icon-book { font-family: 'Signet'; } .icon-book:before { content: "\45"; } .icon-van-right { font-family: 'Signet'; } .icon-van-right:before { content: "\46"; } .icon-van { font-family: 'Signet'; } .icon-van:before { content: "\47"; } .icon-truck { font-family: 'Signet'; } .icon-truck:before { content: "\48"; } .icon-forklift { font-family: 'Signet'; } .icon-forklift:before { content: "\49"; } .icon-house { font-family: 'Signet'; } .icon-house:before { content: "\4a"; } .icon-pencil { font-family: 'Signet'; } .icon-pencil:before { content: "\4b"; } .icon-floppy-disk { font-family: 'Signet'; } .icon-floppy-disk:before { content: "\4c"; } .icon-cog { font-family: 'Signet'; } .icon-cog:before { content: "\4d"; } .icon-wrench { font-family: 'Signet'; } .icon-wrench:before { content: "\4e"; } .icon-printer-news { font-family: 'Signet'; } .icon-printer-news:before { content: "\4f"; } .icon-return { font-family: 'Signet'; } .icon-return:before { content: "\50"; } .icon-refresh { font-family: 'Signet'; } .icon-refresh:before { content: "\51"; } .icon-star { font-family: 'Signet'; } .icon-star:before { content: "\52"; } .icon-lock { font-family: 'Signet'; } .icon-lock:before { content: "\53"; } .icon-download-arrow { font-family: 'Signet'; } .icon-download-arrow:before { content: "\54"; } .icon-two-way-arrow { font-family: 'Signet'; } .icon-two-way-arrow:before { content: "\55"; } .icon-iphone { font-family: 'Signet'; } .icon-iphone:before { content: "\56"; } .icon-i-pad { font-family: 'Signet'; } .icon-i-pad:before { content: "\57"; } .icon-old-computer { font-family: 'Signet'; } .icon-old-computer:before { content: "\58"; } .icon-tv-panel { font-family: 'Signet'; } .icon-tv-panel:before { content: "\59"; } .icon-old-tv { font-family: 'Signet'; } .icon-old-tv:before { content: "\5a"; } .icon-video { font-family: 'Signet'; } .icon-video:before { content: "\5b"; } .icon-clock { font-family: 'Signet'; } .icon-clock:before { content: "\5c"; } .icon-small-calendar { font-family: 'Signet'; } .icon-small-calendar:before { content: "\5d"; } .icon-smiley { font-family: 'Signet'; } .icon-smiley:before { content: "\5e"; } .icon-print-catridge { font-family: 'Signet'; } .icon-print-catridge:before { content: "\5f"; } .icon-newspaper { font-family: 'Signet'; } .icon-newspaper:before { content: "\60"; } .icon-music-note { font-family: 'Signet'; } .icon-music-note:before { content: "\61"; } .icon-credit-card { font-family: 'Signet'; } .icon-credit-card:before { content: "\62"; } .icon-camera { font-family: 'Signet'; } .icon-camera:before { content: "\63"; } .icon-calc { font-family: 'Signet'; } .icon-calc:before { content: "\64"; } .icon-buildings { font-family: 'Signet'; } .icon-buildings:before { content: "\65"; } .icon-briefcase { font-family: 'Signet'; } .icon-briefcase:before { content: "\66"; } .icon-box { font-family: 'Signet'; } .icon-box:before { content: "\67"; } .icon-australia { font-family: 'Signet'; } .icon-australia:before { content: "\68"; } .icon-asterix { font-family: 'Signet'; } .icon-asterix:before { content: "\69"; } .icon-airplane { font-family: 'Signet'; } .icon-airplane:before { content: "\6a"; } .icon-talk { font-family: 'Signet'; } .icon-talk:before { content: "\6b"; } .icon-rss { font-family: 'Signet'; } .icon-rss:before { content: "\6c"; } .icon-cloud { font-family: 'Signet'; } .icon-cloud:before { content: "\6d"; } .icon-facebook { font-family: 'Signet'; } .icon-facebook:before { content: "\6e"; } .icon-twitter-bird { font-family: 'Signet'; } .icon-twitter-bird:before { content: "\6f"; } .icon-instagram { font-family: 'Signet'; } .icon-instagram:before { content: "\70"; } .icon-youtube { font-family: 'Signet'; } .icon-youtube:before { content: "\71"; } .icon-linked-in { font-family: 'Signet'; } .icon-linked-in:before { content: "\72"; } .icon-xmas-tree { font-family: 'Signet'; } .icon-xmas-tree:before { content: "\73"; } .icon-trashcan { font-family: 'Signet'; } .icon-trashcan:before { content: "\74"; } .icon-newspaper-outline { font-family: 'Signet'; } .icon-newspaper-outline:before { content: "\75"; } .icon-add-reversed { font-family: 'Signet'; } .icon-add-reversed:before { content: "\e600"; } .icon-user-with-padlock { font-family: 'Signet'; } .icon-user-with-padlock:before { content: "\e601"; } .icon-anchor-link { font-family: 'Signet'; } .icon-anchor-link:before { content: "\e602"; } .icon-exclamation-mark { font-family: 'Signet'; } .icon-exclamation-mark:before { content: "\e609"; } .icon-bullet-list2 { font-family: 'Signet'; } .icon-bullet-list2:before { content: "\e60a"; } .icon-signet-piggy-bank { font-family: 'Signet'; } .icon-signet-piggy-bank:before { content: "\e900"; } .icon-review { float: left; margin-right: 20px; } .icon-mouse { font-family: 'Signet'; } .icon-mouse:before { content: "\e901"; } .icon-file, .blog .blog-attachments .media-icon.icon-unknown { font-family: 'Signet'; } .icon-file:before, .blog .blog-attachments .media-icon.icon-unknown:before { content: "\e603"; } .icon-picture, .blog .blog-attachments .media-icon.icon-png, .blog .blog-attachments .media-icon.icon-pjpeg, .blog .blog-attachments .media-icon.icon-gif, .blog .blog-attachments .media-icon.icon-jpg, .blog .blog-attachments .media-icon.icon-jpeg { font-family: 'Signet'; } .icon-picture:before, .blog .blog-attachments .media-icon.icon-png:before, .blog .blog-attachments .media-icon.icon-pjpeg:before, .blog .blog-attachments .media-icon.icon-gif:before, .blog .blog-attachments .media-icon.icon-jpg:before, .blog .blog-attachments .media-icon.icon-jpeg:before { content: "\e604"; } .icon-excel, .blog .blog-attachments .media-icon.icon-csv, .blog .blog-attachments .media-icon.icon-xls, .blog .blog-attachments .media-icon.icon-xlsx { font-family: 'Signet'; } .icon-excel:before, .blog .blog-attachments .media-icon.icon-csv:before, .blog .blog-attachments .media-icon.icon-xls:before, .blog .blog-attachments .media-icon.icon-xlsx:before { content: "\e605"; } .icon-powerpoint, .blog .blog-attachments .media-icon.icon-ppt:before, .blog .blog-attachments .media-icon.icon-pptx:before { font-family: 'Signet'; } .icon-powerpoint:before, .blog .blog-attachments .media-icon.icon-ppt:before, .blog .blog-attachments .media-icon.icon-pptx:before { content: "\e606"; } .icon-word, .blog .blog-attachments .media-icon.icon-doc, .blog .blog-attachments .media-icon.icon-docx { font-family: 'Signet'; } .icon-word:before, .blog .blog-attachments .media-icon.icon-doc:before, .blog .blog-attachments .media-icon.icon-docx:before { content: "\e607"; } .icon-acrobat, .blog .blog-attachments .media-icon.icon-pdf { font-family: 'Signet'; } .icon-acrobat:before, .blog .blog-attachments .media-icon.icon-pdf:before { content: "\e608"; } .icon-one-stop-sign { font-family: 'Signet'; } .icon-one-stop-sign:before { content: "\e902"; } .icon-products-in-stock { font-family: 'Signet'; } .icon-products-in-stock:before { content: "\e903"; } .icon-coins-in-piggy-bank { font-family: 'Signet'; } .icon-coins-in-piggy-bank:before { content: "\e904"; } .icon-thumbs-up-alt { font-family: 'Signet'; } .icon-thumbs-up-alt:before { content: "\e905"; } .icon-guaranteed-fixed-price { font-family: 'Signet'; } .icon-guaranteed-fixed-price:before { content: "\e906"; } .icon-free-express-delivery { font-family: 'Signet'; } .icon-free-express-delivery:before { content: "\e907"; } .icon-australia-alt { font-family: 'Signet'; } .icon-australia-alt:before { content: "\e908"; } .icon-five-stars { font-family: 'Signet'; } .icon-five-stars:before { content: "\e909"; } .icon-100pc-au-owned { font-family: 'Signet'; } .icon-100pc-au-owned:before { content: "\e90a"; } .icon-31-day-guarantee { font-family: 'Signet'; } .icon-31-day-guarantee:before { content: "\e90b"; } .icon-247-ordering { font-family: 'Signet'; } .icon-247-ordering:before { content: "\e90c"; } .icon-signet-redline-pencil { font-family: 'Signet'; } .icon-signet-redline-pencil:before { content: "\e90d"; } .sprite, .home-page-always-serving .same-day-despatch:before, .home-page-always-serving .price-guarantee:before, [class*="sprite"] { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/spritesheet.png"); background-repeat: no-repeat; display: inline-block; vertical-align: middle; } [class*="sprite"] { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/spritesheet@2x.png"); background-size: 500px 295px; } .sprite-account-payment { width: 64px; height: 38px; background-position: -190px -8px; } .sprite-additional-time { width: 114px; height: 70px; background-position: -123px -134px; } .sprite-additional-time-small { width: 79px; height: 18px; background-position: -192px -109px; } .sprite-credit-cards { width: 164px; height: 38px; background-position: -16px -85px; } .sprite-gst-off { width: 158px; height: 29px; background-position: -16px -50px; } .sprite-gst-on { width: 158px; height: 29px; background-position: -16px -11px; } .sprite-sourced-on-request { width: 74px; height: 18px; background-position: -192px -81px; } .sprite-sourced-on-request-large { width: 118px; height: 70px; background-position: -6px -211px; } .sprite-stocked-locally { width: 98px; height: 70px; background-position: -15px -134px; } .sprite-stocked-locally-small { width: 57px; height: 18px; background-position: -193px -53px; } .sprite-thankyou-postit { width: 206px; height: 207px; background-position: -287px -8px; } .sprite-verisign { width: 107px; height: 65px; background-position: -130px -213px; } .sprite-cisa-award { width: 81px; height: 65px; background-position: -240px -213px; } .sprite-iccso-award { width: 105px; height: 65px; background-position: -323px -213px; } .sprite-same-day-despatch, .home-page-always-serving .same-day-despatch:before { width: 33px; height: 33px; background-position: -243px -136px; } .sprite-price-guarantee, .home-page-always-serving .price-guarantee:before { width: 33px; height: 33px; background-position: -243px -175px; } body:first-of-type .gst-toggle.btn:last-child { margin-left: -4px; } .btn-group.gst-toggle { height: 25px; line-height: 25px; margin-bottom: 5px; } .btn-group.gst-toggle button { border: 0; text-shadow: none; box-shadow: none; filter: none; background: none; background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/spritesheet.png"); background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .btn-group.gst-toggle button.active { border: 0; text-shadow: none; box-shadow: none; } .btn-group.gst-toggle button:hover { filter: none; background: none; background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/spritesheet.png"); background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .btn-group.gst-toggle button.inc, .btn-group.gst-toggle button.ex { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; width: 79px; height: 29px; } .btn-group.gst-toggle button.inc, .btn-group.gst-toggle button.inc:hover, .btn-group.gst-toggle button.inc:active, .btn-group.gst-toggle button.inc:visited { background-position: -16px -50px; } .btn-group.gst-toggle button.inc.active, .btn-group.gst-toggle button.inc:hover.active, .btn-group.gst-toggle button.inc:active.active, .btn-group.gst-toggle button.inc:visited.active { background-position: -16px -11px; } .btn-group.gst-toggle button.ex, .btn-group.gst-toggle button.ex:hover, .btn-group.gst-toggle button.ex:active, .btn-group.gst-toggle button.ex:visited { background-position: -95px -11px; } .btn-group.gst-toggle button.ex.active, .btn-group.gst-toggle button.ex:hover.active, .btn-group.gst-toggle button.ex:active.active, .btn-group.gst-toggle button.ex:visited.active { background-position: -95px -50px; } .btn-group.gst-toggle .btn:first-child { margin-right: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group.gst-toggle .btn:first-child:hover { margin-right: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group.gst-toggle .btn { height: 30px; padding: 2px 6px; margin-right: 6px; display: block; float: left; } .btn-group.gst-toggle .btn:hover { height: 30px; padding: 2px 6px; margin-right: 6px; } .user .cart { float: left; } .user .cart .items .cart-icon { float: left; margin-right: 20px; } .user .cart .items .cart-icon a:hover { text-decoration: none; } .user .cart .items .cart-details { float: left; } .user .cart .items .cart-link-btn, .user .cart .items .cart-gst-toggle { float: left; } .user .cart .items .actions { min-width: 236px; } .user .cart .items .cart-link-btn { margin-top: 2px; } .user .cart .items .cart-link-btn .btn-mini { padding-left: 10px; padding-right: 10px; } .user .cart .items .link-cart { font-weight: normal; display: block; margin-bottom: 5px; } .user .cart .items .link-cart:hover { text-decoration: none; } .header-cart .cart-icon, .header-cart i.icon-cart, .header-cart-details .cart-icon, .header-cart-details i.icon-cart { -webkit-transition: 300ms all; -moz-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; } .header-cart.cart-increased .cart-icon > a, .header-cart.cart-increased .cart-icon i.icon-cart, .header-cart-details.cart-increased .cart-icon > a, .header-cart-details.cart-increased .cart-icon i.icon-cart { color: #f86612; } .header-cart.cart-increased .cart-icon .cart-indicator, .header-cart-details.cart-increased .cart-icon .cart-indicator { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .header-cart.cart-increased .cart-icon .label.label-primary, .header-cart-details.cart-increased .cart-icon .label.label-primary { background-color: #f86612; } .ie8 .user .cart .items .actions { width: 240px; } table.cart-list-table { margin: 30px 0 0 0; } table.cart-list-table.table thead:first-child tr:first-child th { border-top: 1px solid #666; border-bottom: 1px solid #666; } table.cart-list-table.table tbody + tbody { border: 0; } table.cart-list-table td, table.cart-list-table th { padding: 8px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } table.cart-list-table td { padding: 13px 8px; color: #666; } table.cart-list-table .item-row img { width: 95px; height: auto; max-height: 95px; } table.cart-list-table .item-row img.redline-image { width: initial; padding: 10px 0px; } table.cart-list-table .item-name { padding-right: 50px; line-height: 16px; color: #252525; min-width: 345px; } table.cart-list-table .item-name .muted { font-size: 11px; font-weight: bold; } table.cart-list-table .update-cart i { font-size: 200%; vertical-align: -20%; padding-right: 5px; } table.cart-list-table .item-qty .control-label { display: inline-block; font-weight: bold; font-size: 12px; position: relative; top: -4px; margin-right: 8px; } table.cart-list-table .item-qty .controls { display: inline-block; } table.cart-list-table .item-qty .controls .btn { width: 25px; padding: 2px 4px 1px 4px; line-height: 20px; } table.cart-list-table .item-qty .controls .input-prepend .btn:first-child { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } table.cart-list-table .item-qty .controls .input-append .btn:last-child { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } table.cart-list-table .item-qty .controls .input-cart-qty { width: 33px; -moz-appearance: textfield; } table.cart-list-table .item-qty .controls .input-cart-qty::-webkit-outer-spin-button, table.cart-list-table .item-qty .controls .input-cart-qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } table.cart-list-table .item-remove { margin-top: 2px; cursor: pointer; } table.cart-list-table .item-remove i { font-size: 20px; } table.cart-list-table .details-section i { width: 25px; display: inline-block; text-align: center; } table.cart-list-table .details-section i.icon-abn { font-size: 150%; margin-top: 2px; } table.cart-list-table .details-section i.icon-email { margin-top: 4px; } table.cart-list-table .details-section i.icon-phone-rotate { font-size: 150%; } table.cart-subtotals-table { margin-top: 10px; } table.cart-subtotals-table .tool-tip { min-width: 0; } table.cart-subtotals-table tr td { border: none; padding: 0; } table.cart-subtotals-table tr td h6 { margin: 0; font-weight: normal; } table.cart-subtotals-table tr td .tool-tip { margin: 10px 0; } table.cart-subtotals-table tr td .tool-tip input, table.cart-subtotals-table tr td .tool-tip select { margin-bottom: 0; } table.cart-subtotals-table tr.coupon td { padding-top: 7px; padding-bottom: 7px; } table.cart-subtotals-table tr.coupon td .btn-round i { font-size: 140%; } table.cart-subtotals-table tr.gst td { padding-bottom: 14px; } table.cart-subtotals-table tr.footer td { border: 1px solid #666; border-width: 1px 0; } table.cart-subtotals-table tr.footer td h5 { color: #212121; font-size: 16px; } table.cart-subtotals-table tr.footer td h5 small { color: inherit; font-weight: bold; font-size: 11px; } table.cart-subtotals-table tbody:last-child tr.footer:last-child td { border-color: #666; } .checkout-container { width: 764px; } .checkout-container > .container-padded { border: 1px solid #ccc; border-width: 0 1px 1px; } .checkout-container .well-active-customer { margin: 0; } .checkout-container header { border: 1px solid #ccc; border-width: 0 1px; padding: 20px 20px 0 20px; } .checkout-container .server-validation-heading .alert-server-validation { margin: 0; } .checkout-container .accordion { border: 1px solid #ccc; border-width: 0 1px; } .checkout-container .accordion .accordion-group { margin-bottom: 0; border: none; } .checkout-container .accordion .accordion-group .accordion-heading { background: #f2f2f2; border-bottom: 1px solid #ccc; } .checkout-container .accordion .accordion-group .accordion-heading a { text-decoration: none; cursor: default; opacity: 0.5; filter: alpha(opacity=50); } .checkout-container .accordion .accordion-group .accordion-heading a h2 { font-size: 15px; margin: 0; line-height: 34px; } .checkout-container .accordion .accordion-group .accordion-heading a.active, .checkout-container .accordion .accordion-group .accordion-heading a.complete { opacity: 1; filter: alpha(opacity=100); } .checkout-container .accordion .accordion-group .accordion-heading a.complete { cursor: pointer; } .checkout-container .accordion .accordion-group .accordion-heading a.disabled { cursor: default; opacity: 0.5; filter: alpha(opacity=50); } .checkout-container .accordion .accordion-group .accordion-heading a.disabled h2 div { display: none; } .checkout-container .accordion .accordion-group .accordion-body.active { border-bottom: 1px solid #ccc; padding-bottom: 30px; } .checkout-container .accordion .accordion-group .accordion-body .nav.nav-tabs { border-bottom: none; } .checkout-container .accordion .accordion-group .accordion-body .nav.nav-tabs li { margin-right: 10px; } .checkout-container .accordion .accordion-group .accordion-body .nav.nav-tabs li .btn.btn-customer-type { text-align: center; font-size: 13px; font-weight: normal; padding: 50px 12px 12px; line-height: 16px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); width: 145px; height: 100px; position: relative; } .checkout-container .accordion .accordion-group .accordion-body .nav.nav-tabs li .btn.btn-customer-type i { display: block; width: 100%; font-size: 200%; position: absolute; top: 22px; left: 0; } .checkout-container .accordion .accordion-group .accordion-body .nav.nav-tabs li.active .btn.btn-customer-type { background: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: visible; } .checkout-container .accordion .accordion-group .accordion-body .nav.nav-tabs li.active .btn.btn-customer-type::before { content: ''; left: 50%; margin-left: -15px; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 15px; bottom: -30px; border-top-color: #b1b1b1; } .checkout-container .accordion .accordion-group .accordion-body .nav.nav-tabs li.active .btn.btn-customer-type::after { content: ''; left: 50%; margin-left: -15px; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 15px; bottom: -29px; border-top-color: white; } .checkout-container .accordion .accordion-group .accordion-body h3 { font-size: 18px; } .checkout-container .accordion .accordion-group .accordion-body .callout-error-details { overflow: visible; position: relative; border: 1px solid #ccc; background-color: #f2f2f2; padding: 20px; margin-bottom: 2em; border-radius: 12px; } .checkout-container .accordion .accordion-group .accordion-body .callout-error-details::before { content: ''; left: 15px; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; top: -20px; border-bottom-color: #cccccc; } .checkout-container .accordion .accordion-group .accordion-body .callout-error-details::after { content: ''; left: 15px; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; top: -19px; border-bottom-color: #f2f2f2; } .checkout-container .accordion .accordion-group .accordion-body .callout-error-details dl { margin-bottom: 0; } .checkout-container .accordion .accordion-group .accordion-body .logged-out-checkout-start ul { margin-top: 20px; } .checkout-container .accordion .accordion-group .accordion-body .logged-out-checkout-start ul li { margin: 5px 0; } .checkout-container .accordion .accordion-group .accordion-body .logged-out-checkout-start .btn.btn-primary { margin-top: 15px; } .checkout-container .accordion .accordion-group .accordion-body .logged-out-checkout-start .form-actions { border: none; background: none; margin: 0; padding: 0; } .checkout-container .accordion .accordion-group .accordion-body .logged-out-checkout-start .form-actions .btn { width: 100%; } .checkout-container .accordion .accordion-group .accordion-body a.ccv-link { text-decoration: none; } .checkout-upsell.checkout-upsell-success { background: #FFDE00; border: 1px solid #EACD02; padding: 0; } .checkout-upsell.checkout-upsell-success .checkout-upsell-inner { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/cart/brand-van.png") center right no-repeat; padding: 30px; } .checkout-upsell.checkout-upsell-success .checkout-upsell-success-message { line-height: 30px; padding-top: 0px; } .checkout-upsell.checkout-upsell-success .checkout-upsell-success-message i { display: block; margin-top: 20px; margin-right: 20px; } .checkout-upsell .checkout-upsell-header { font-size: 13px; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; } .checkout-upsell .checkout-upsell-header .heading-text { font-size: 13px; font-weight: bold; margin-bottom: 10px; } .checkout-upsell .checkout-upsell-header i.reward-icon { font-size: 175%; vertical-align: middle; padding-right: 5px; } .checkout-upsell .checkout-upsell-header span[data-type="gst-on"], .checkout-upsell .checkout-upsell-header span[data-type="gst-off"] { color: #f86612; font-weight: bold; } .checkout-upsell .checkout-upsell-header .reward { font-size: 13px; padding-top: 4px; } .checkout-upsell .checkout-upsell-header .reward .reward-image { width: 40px; height: 21px; display: inline-block; text-align: center; } .checkout-upsell .checkout-upsell-header .reward .reward-image img { max-height: 21px; max-width: 100%; } .checkout-upsell .checkout-upsell-header .reward .achieved { color: #3F8400; } .checkout-upsell .checkout-upsell-header .reward .achieved > span { color: #3F8400; } .checkout-upsell .progress-tags { position: relative; } .checkout-upsell .progress-tags .popover { display: block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; top: 20px; background: #F86612; margin-left: -14px; } .checkout-upsell .progress-tags .popover .popover-content { color: #fff; padding: 4px 8px; text-align: center; line-height: 14px; } .checkout-upsell .progress-tags .popover .popover-content span { color: inherit; font-size: 11px; } .checkout-upsell .progress-tags .popover .arrow:after { border-bottom-color: #F86612; } .checkout-upsell .progress-tags .popover.achieved { background: #8FBD00; } .checkout-upsell .progress-tags .popover.achieved .arrow:after { border-bottom-color: #8FBD00; } .checkout-upsell .progress-tags .popover.has-description { width: 80px; margin-left: -40px; } .checkout-upsell .rewards-upsell { margin-bottom: 20px; } .checkout-upsell .rewards-upsell .progress-container { position: relative; margin: 0 10px; overflow: visible; } .checkout-upsell .rewards-upsell .progress-container .progress { position: relative; z-index: 10; overflow: visible; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #f8f8f8; -webkit-box-shadow: inset 0px 1px 3px #d5d5d5; -moz-box-shadow: inset 0px 1px 3px #d5d5d5; box-shadow: inset 0px 1px 3px #d5d5d5; margin-bottom: 15px; } .checkout-upsell .rewards-upsell .progress-container .progress::before { content: ''; position: absolute; top: 0; right: -10px; width: 13px; height: 20px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px; border-width: 1px 1px 1px 0; background: #f8f8f8; -webkit-box-shadow: inset 0px 6px 3px -5px #d5d5d5; -moz-box-shadow: inset 0px 6px 3px -5px #d5d5d5; box-shadow: inset 0px 6px 3px -5px #d5d5d5; } .checkout-upsell .rewards-upsell .progress-container .progress.achieved::before { background-color: #b0cf30; background-image: -moz-linear-gradient(top, #d1e751, #7fab00); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d1e751), to(#7fab00)); background-image: -webkit-linear-gradient(top, #d1e751, #7fab00); background-image: -o-linear-gradient(top, #d1e751, #7fab00); background-image: linear-gradient(to bottom, #d1e751, #7fab00); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD1E751', endColorstr='#FF7FAB00', GradientType=0); height: 18px; border: 1px solid #638202; border-width: 1px 1px 1px 0px; } .checkout-upsell .rewards-upsell .progress-container .progress.achieved .bar { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .checkout-upsell .rewards-upsell .progress-container .progress .bar { border: 1px solid #638202; background-color: #b0cf30; background-image: -moz-linear-gradient(top, #d1e751, #7fab00); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d1e751), to(#7fab00)); background-image: -webkit-linear-gradient(top, #d1e751, #7fab00); background-image: -o-linear-gradient(top, #d1e751, #7fab00); background-image: linear-gradient(to bottom, #d1e751, #7fab00); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD1E751', endColorstr='#FF7FAB00', GradientType=0); overflow: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .checkout-upsell .rewards-upsell .progress-container .progress .bar::before { content: ''; position: absolute; top: 0; left: -10px; width: 11px; height: 18px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px; background-color: #b0cf30; background-image: -moz-linear-gradient(top, #d1e751, #7fab00); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d1e751), to(#7fab00)); background-image: -webkit-linear-gradient(top, #d1e751, #7fab00); background-image: -o-linear-gradient(top, #d1e751, #7fab00); background-image: linear-gradient(to bottom, #d1e751, #7fab00); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD1E751', endColorstr='#FF7FAB00', GradientType=0); border: 1px solid #638202; border-width: 1px 0 1px 1px; } .checkout-upsell .rewards-upsell .progress-container .progress-markers-container { position: relative; z-index: 9; } .checkout-upsell .rewards-upsell .progress-container .progress-markers-container .progress-marker { position: absolute; width: 50px; margin-left: -25px; text-align: center; font-weight: bold; } .checkout-upsell .rewards-upsell .progress-container .progress-markers-container .progress-marker::before { content: ''; position: absolute; width: 1px; height: 40px; background: #222; top: -45px; left: 50%; } .checkout-upsell .rewards-upsell .progress-container .progress-markers-container .progress-marker span { color: #111; } .checkout-upsell .rewards-upsell .progress-container .progress-markers-container .progress-marker:nth-child(even) span { color: #666; } .checkout-upsell .rewards-upsell .progress-container .progress-markers-container .progress-marker:nth-child(even)::before { background: #d9d9d9; } .order-questionaire-container { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/cart/order-confirmation-message-lady.png"); width: 290px; height: 404px; position: relative; } .order-questionaire-container .order-questionaire-name-wrapper { position: absolute; left: 100px; top: 260px; width: 146px; height: 100px; display: table; } .order-questionaire-container .order-questionaire-name-wrapper .order-questionaire-name { display: table-cell; vertical-align: middle; text-align: center; font-family: 'trashhandregular'; font-size: 36px; line-height: normal; word-break: break-word; } #checkout-login-tip { margin: 10px 0 20px 0; } #checkout-login-tip .tool-tip { max-width: 100%; min-width: 0; } #checkout-login-tip p { font-weight: bold; color: #1F1F1F; } .cart-subtotals-table .fulfilment-options, .checkout-container .fulfilment-options { margin-bottom: 10px; } .cart-subtotals-table .fulfilment-options .btn, .checkout-container .fulfilment-options .btn { line-height: 20px; min-height: 60px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); } .cart-subtotals-table .fulfilment-options .btn.active, .checkout-container .fulfilment-options .btn.active { background: #fff; position: relative; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .cart-subtotals-table .fulfilment-options .btn i.icon-mouse:before, .checkout-container .fulfilment-options .btn i.icon-mouse:before { font-size: 1.4em; } .cart-subtotals-table .fulfilment-options .btn { min-height: 60px; } .checkout-container .fulfilment-options .btn { padding-top: 10px; padding-bottom: 10px; min-width: 120px; min-height: 74px; } .checkout-container .fulfilment-options .btn i { font-size: 18px; } .checkout-container .fulfilment-options .btn.pickup.active { position: relative; } .checkout-container .fulfilment-options .btn.pickup.active::before { content: ''; left: 50%; margin-left: -12px; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 12px; bottom: -24px; border-top-color: #b1b1b1; } .checkout-container .fulfilment-options .btn.pickup.active::after { content: ''; left: 50%; margin-left: -12px; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 12px; bottom: -23px; border-top-color: white; } .checkout-container .pickup-store-selection { margin-bottom: 10px; } .checkout-container .pickup-store-selection .header-row { border-bottom: 1px solid #666; } .checkout-container .pickup-store-selection .store-row { border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 5px; } .checkout-container .pickup-store-selection .store-row:last-child { margin-bottom: 10px; } html.printable { height: auto; } html.printable .well.popover-bottom { box-shadow: none; position: relative; background: #f5f5f5; border: 1px solid #e3e3e3; } html.printable .well.popover-bottom::before { content: ' '; top: -16px; left: 50%; height: 0; width: 0; position: absolute; margin-left: -20px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 16px solid #fff; z-index: 2; } html.printable .well.popover-bottom::after { content: ' '; top: -17px; left: 50%; height: 0; width: 0; position: absolute; margin-left: -20px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 16px solid #e3e3e3; } html.printable .well.popover-bottom.arrow-left::before, html.printable .well.popover-bottom.arrow-left::after { left: 15%; } html.printable .well.popover-bottom.arrow-light::before { border-bottom-color: #f5f5f5; } html.printable .well.small { font-size: 11px; line-height: 16px; padding: 13px; } html.printable .printable p { font-size: 17px; } html.printable .printable * { font-size: 15px; } html.printable .printable-footer { background: #373535 !important; height: 80px; } html.printable .printable-footer .inner-container { margin: auto; width: 900px; padding-left: 40px; padding-top: 15px; } html.printable .printable-footer div { color: #fff !important; } html.printable .printable-footer .link { border-bottom: 1px solid white; } html.printable .printable-footer img { margin-top: 3px; margin-right: 15px; } html.printable .printable-footer img.computer-alt { width: 52px; } html.printable .printable-footer img.phone-alt { width: 25px; } html.printable .printable-footer img.email-alt, html.printable .printable-footer img.fax-alt { width: 47px; } .order-confirmation-email { background-color: #ffffff !important; } .order-confirmation-email .container { width: 940px; background-color: white; } table.cart-list-table.printable thead tr { border-top: 1px solid black; } table.cart-list-table.printable thead tr th { white-space: nowrap; padding-left: 10px; padding-right: 10px; } table.cart-list-table.printable tbody tr { border-top-color: #6a6b6d; } table.cart-list-table.printable tbody tr:first-child { border-top-color: #000; } table.cart-list-table.printable tbody tr td { font-weight: normal; font-size: 13px; color: #6a6b6d; padding-left: 15px; padding-right: 15px; } table.cart-list-table.printable tbody tr td.dark { color: #000; } table.cart-list-table.printable tbody tr td.bold { font-weight: bold; color: #000; } table.cart-list-table.printable tbody tr td.text-right { padding-right: 20px; } table.cart-list-table.printable tbody tr td.nowrap { white-space: nowrap; } table.cart-list-table.printable tbody tr td table.cart-subtotals-table tr td { border-left: none; border-right: none; } input.ng-pristine.ng-invalid ~ .help-block.help-validation, select.ng-pristine.ng-invalid ~ .help-block.help-validation, textarea.ng-pristine.ng-invalid ~ .help-block.help-validation { display: none; } input.ng-dirty ~ .server-error.help-block, select.ng-dirty ~ .server-error.help-block, textarea.ng-dirty ~ .server-error.help-block { display: none; } .input-decoration, .select-decoration { display: none; } .error input.ng-pristine.ng-invalid ~ .server-error.help-block, .error select.ng-pristine.ng-invalid ~ .server-error.help-block, .error textarea.ng-pristine.ng-invalid ~ .server-error.help-block { display: block; } .submitted .control-group .controls input ~ .help-block, .submitted .control-group .controls select ~ .help-block, .submitted .control-group .controls textarea ~ .help-block { display: block; } .submitted .control-group .controls input ~ .help-block.empty, .submitted .control-group .controls select ~ .help-block.empty, .submitted .control-group .controls textarea ~ .help-block.empty { margin-bottom: 0; } .control-group.error .help-block, .control-group.error .help-inline { color: #cc0000; } .control-group.error .help-block > .validation-message, .control-group.error .help-block > .validation-message > span, .control-group.error .help-inline > .validation-message, .control-group.error .help-inline > .validation-message > span { color: #cc0000; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #cc0000; } .control-group.error .checkbox.inline { color: black; font-weight: bold; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #cc0000; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #cc0000; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cc0000; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cc0000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cc0000; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.error .control-label { color: black; } .control-group.error.checkbox-control-group .help-block { padding-left: 20px; } .ng-dirty.submitted .control-decorator[class*=ng-valid] .help-block, .ng-dirty.submitted .control-decorator[class*=ng-valid] .help-inline, .ng-dirty.submitted .control-group[class*=ng-valid] .help-block, .ng-dirty.submitted .control-group[class*=ng-valid] .help-inline, .ng-dirty.submitted .validation-group[class*=ng-valid] .help-block, .ng-dirty.submitted .validation-group[class*=ng-valid] .help-inline { color: #80ab01; } .ng-dirty.submitted .control-decorator[class*=ng-valid] .help-block > .validation-message, .ng-dirty.submitted .control-decorator[class*=ng-valid] .help-block > .validation-message > span, .ng-dirty.submitted .control-decorator[class*=ng-valid] .help-inline > .validation-message, .ng-dirty.submitted .control-decorator[class*=ng-valid] .help-inline > .validation-message > span, .ng-dirty.submitted .control-group[class*=ng-valid] .help-block > .validation-message, .ng-dirty.submitted .control-group[class*=ng-valid] .help-block > .validation-message > span, .ng-dirty.submitted .control-group[class*=ng-valid] .help-inline > .validation-message, .ng-dirty.submitted .control-group[class*=ng-valid] .help-inline > .validation-message > span, .ng-dirty.submitted .validation-group[class*=ng-valid] .help-block > .validation-message, .ng-dirty.submitted .validation-group[class*=ng-valid] .help-block > .validation-message > span, .ng-dirty.submitted .validation-group[class*=ng-valid] .help-inline > .validation-message, .ng-dirty.submitted .validation-group[class*=ng-valid] .help-inline > .validation-message > span { color: #80ab01; } .ng-dirty.submitted .control-decorator[class*=ng-valid] .checkbox, .ng-dirty.submitted .control-decorator[class*=ng-valid] .radio, .ng-dirty.submitted .control-decorator[class*=ng-valid] input, .ng-dirty.submitted .control-decorator[class*=ng-valid] select, .ng-dirty.submitted .control-decorator[class*=ng-valid] textarea, .ng-dirty.submitted .control-group[class*=ng-valid] .checkbox, .ng-dirty.submitted .control-group[class*=ng-valid] .radio, .ng-dirty.submitted .control-group[class*=ng-valid] input, .ng-dirty.submitted .control-group[class*=ng-valid] select, .ng-dirty.submitted .control-group[class*=ng-valid] textarea, .ng-dirty.submitted .validation-group[class*=ng-valid] .checkbox, .ng-dirty.submitted .validation-group[class*=ng-valid] .radio, .ng-dirty.submitted .validation-group[class*=ng-valid] input, .ng-dirty.submitted .validation-group[class*=ng-valid] select, .ng-dirty.submitted .validation-group[class*=ng-valid] textarea { color: #222222; } .ng-dirty.submitted .control-decorator[class*=ng-valid] .checkbox, .ng-dirty.submitted .control-decorator[class*=ng-valid] .radio, .ng-dirty.submitted .control-decorator[class*=ng-valid] input:disabled, .ng-dirty.submitted .control-group[class*=ng-valid] .checkbox, .ng-dirty.submitted .control-group[class*=ng-valid] .radio, .ng-dirty.submitted .control-group[class*=ng-valid] input:disabled, .ng-dirty.submitted .validation-group[class*=ng-valid] .checkbox, .ng-dirty.submitted .validation-group[class*=ng-valid] .radio, .ng-dirty.submitted .validation-group[class*=ng-valid] input:disabled { color: #222222; -webkit-opacity: 1; background: white; } .ng-dirty.submitted .control-decorator[class*=ng-valid] .checkbox.inline, .ng-dirty.submitted .control-group[class*=ng-valid] .checkbox.inline, .ng-dirty.submitted .validation-group[class*=ng-valid] .checkbox.inline { color: black; font-weight: bold; } .ng-dirty.submitted .control-decorator[class*=ng-valid] input, .ng-dirty.submitted .control-decorator[class*=ng-valid] select, .ng-dirty.submitted .control-decorator[class*=ng-valid] textarea, .ng-dirty.submitted .control-group[class*=ng-valid] input, .ng-dirty.submitted .control-group[class*=ng-valid] select, .ng-dirty.submitted .control-group[class*=ng-valid] textarea, .ng-dirty.submitted .validation-group[class*=ng-valid] input, .ng-dirty.submitted .validation-group[class*=ng-valid] select, .ng-dirty.submitted .validation-group[class*=ng-valid] textarea { border-color: #80ab01; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .ng-dirty.submitted .control-decorator[class*=ng-valid] input:focus, .ng-dirty.submitted .control-decorator[class*=ng-valid] select:focus, .ng-dirty.submitted .control-decorator[class*=ng-valid] textarea:focus, .ng-dirty.submitted .control-group[class*=ng-valid] input:focus, .ng-dirty.submitted .control-group[class*=ng-valid] select:focus, .ng-dirty.submitted .control-group[class*=ng-valid] textarea:focus, .ng-dirty.submitted .validation-group[class*=ng-valid] input:focus, .ng-dirty.submitted .validation-group[class*=ng-valid] select:focus, .ng-dirty.submitted .validation-group[class*=ng-valid] textarea:focus { border-color: #80ab01; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #80ab01; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #80ab01; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #80ab01; } .ng-dirty.submitted .control-decorator[class*=ng-valid] .input-prepend .add-on, .ng-dirty.submitted .control-decorator[class*=ng-valid] .input-append .add-on, .ng-dirty.submitted .control-group[class*=ng-valid] .input-prepend .add-on, .ng-dirty.submitted .control-group[class*=ng-valid] .input-append .add-on, .ng-dirty.submitted .validation-group[class*=ng-valid] .input-prepend .add-on, .ng-dirty.submitted .validation-group[class*=ng-valid] .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls, .ng-dirty.submitted .control-group[class*=ng-valid] .controls, .ng-dirty.submitted .validation-group[class*=ng-valid] .controls { position: relative; } .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls input::-ms-clear, .ng-dirty.submitted .control-group[class*=ng-valid] .controls input::-ms-clear, .ng-dirty.submitted .validation-group[class*=ng-valid] .controls input::-ms-clear { width: 0; height: 0; } .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .input-decoration, .ng-dirty.submitted .control-group[class*=ng-valid] .controls .input-decoration, .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .input-decoration { display: block; position: absolute; top: 5px; right: 5px; } .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .input-decoration:before { color: #80ab01; } .ng-dirty.submitted .control-decorator[class*=ng-warning] .help-block, .ng-dirty.submitted .control-decorator[class*=ng-warning] .help-inline, .ng-dirty.submitted .control-group[class*=ng-warning] .help-block, .ng-dirty.submitted .control-group[class*=ng-warning] .help-inline, .ng-dirty.submitted .validation-group[class*=ng-warning] .help-block, .ng-dirty.submitted .validation-group[class*=ng-warning] .help-inline { color: #ff8000; } .ng-dirty.submitted .control-decorator[class*=ng-warning] .help-block > .validation-message, .ng-dirty.submitted .control-decorator[class*=ng-warning] .help-block > .validation-message > span, .ng-dirty.submitted .control-decorator[class*=ng-warning] .help-inline > .validation-message, .ng-dirty.submitted .control-decorator[class*=ng-warning] .help-inline > .validation-message > span, .ng-dirty.submitted .control-group[class*=ng-warning] .help-block > .validation-message, .ng-dirty.submitted .control-group[class*=ng-warning] .help-block > .validation-message > span, .ng-dirty.submitted .control-group[class*=ng-warning] .help-inline > .validation-message, .ng-dirty.submitted .control-group[class*=ng-warning] .help-inline > .validation-message > span, .ng-dirty.submitted .validation-group[class*=ng-warning] .help-block > .validation-message, .ng-dirty.submitted .validation-group[class*=ng-warning] .help-block > .validation-message > span, .ng-dirty.submitted .validation-group[class*=ng-warning] .help-inline > .validation-message, .ng-dirty.submitted .validation-group[class*=ng-warning] .help-inline > .validation-message > span { color: #ff8000; } .ng-dirty.submitted .control-decorator[class*=ng-warning] .checkbox, .ng-dirty.submitted .control-decorator[class*=ng-warning] .radio, .ng-dirty.submitted .control-decorator[class*=ng-warning] input, .ng-dirty.submitted .control-decorator[class*=ng-warning] select, .ng-dirty.submitted .control-decorator[class*=ng-warning] textarea, .ng-dirty.submitted .control-group[class*=ng-warning] .checkbox, .ng-dirty.submitted .control-group[class*=ng-warning] .radio, .ng-dirty.submitted .control-group[class*=ng-warning] input, .ng-dirty.submitted .control-group[class*=ng-warning] select, .ng-dirty.submitted .control-group[class*=ng-warning] textarea, .ng-dirty.submitted .validation-group[class*=ng-warning] .checkbox, .ng-dirty.submitted .validation-group[class*=ng-warning] .radio, .ng-dirty.submitted .validation-group[class*=ng-warning] input, .ng-dirty.submitted .validation-group[class*=ng-warning] select, .ng-dirty.submitted .validation-group[class*=ng-warning] textarea { color: #222222; } .ng-dirty.submitted .control-decorator[class*=ng-warning] .checkbox.inline, .ng-dirty.submitted .control-group[class*=ng-warning] .checkbox.inline, .ng-dirty.submitted .validation-group[class*=ng-warning] .checkbox.inline { color: black; font-weight: bold; } .ng-dirty.submitted .control-decorator[class*=ng-warning] input, .ng-dirty.submitted .control-decorator[class*=ng-warning] select, .ng-dirty.submitted .control-decorator[class*=ng-warning] textarea, .ng-dirty.submitted .control-group[class*=ng-warning] input, .ng-dirty.submitted .control-group[class*=ng-warning] select, .ng-dirty.submitted .control-group[class*=ng-warning] textarea, .ng-dirty.submitted .validation-group[class*=ng-warning] input, .ng-dirty.submitted .validation-group[class*=ng-warning] select, .ng-dirty.submitted .validation-group[class*=ng-warning] textarea { border-color: #ff8000; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background: white; -webkit-opacity: 1; } .ng-dirty.submitted .control-decorator[class*=ng-warning] input:focus, .ng-dirty.submitted .control-decorator[class*=ng-warning] select:focus, .ng-dirty.submitted .control-decorator[class*=ng-warning] textarea:focus, .ng-dirty.submitted .control-group[class*=ng-warning] input:focus, .ng-dirty.submitted .control-group[class*=ng-warning] select:focus, .ng-dirty.submitted .control-group[class*=ng-warning] textarea:focus, .ng-dirty.submitted .validation-group[class*=ng-warning] input:focus, .ng-dirty.submitted .validation-group[class*=ng-warning] select:focus, .ng-dirty.submitted .validation-group[class*=ng-warning] textarea:focus { border-color: #ff8000; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff8000; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff8000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff8000; } .ng-dirty.submitted .control-decorator[class*=ng-warning] .input-prepend .add-on, .ng-dirty.submitted .control-decorator[class*=ng-warning] .input-append .add-on, .ng-dirty.submitted .control-group[class*=ng-warning] .input-prepend .add-on, .ng-dirty.submitted .control-group[class*=ng-warning] .input-append .add-on, .ng-dirty.submitted .validation-group[class*=ng-warning] .input-prepend .add-on, .ng-dirty.submitted .validation-group[class*=ng-warning] .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .ng-dirty.submitted .control-decorator[class*=ng-warning] .controls, .ng-dirty.submitted .control-group[class*=ng-warning] .controls, .ng-dirty.submitted .validation-group[class*=ng-warning] .controls { position: relative; } .ng-dirty.submitted .control-decorator[class*=ng-warning] .controls input::-ms-clear, .ng-dirty.submitted .control-group[class*=ng-warning] .controls input::-ms-clear, .ng-dirty.submitted .validation-group[class*=ng-warning] .controls input::-ms-clear { width: 0; height: 0; } .ng-dirty.submitted .control-decorator[class*=ng-warning] .controls .input-decoration, .ng-dirty.submitted .control-group[class*=ng-warning] .controls .input-decoration, .ng-dirty.submitted .validation-group[class*=ng-warning] .controls .input-decoration { display: block; position: absolute; top: 5px; right: 5px; } .ng-dirty.submitted .control-decorator[class*=ng-warning] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-warning] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-warning] .controls .input-decoration:before { color: #ff8000; } .ng-dirty.submitted .control-decorator[class*=ng-invalid] .help-block, .ng-dirty.submitted .control-decorator[class*=ng-invalid] .help-inline, .ng-dirty.submitted .control-group[class*=ng-invalid] .help-block, .ng-dirty.submitted .control-group[class*=ng-invalid] .help-inline, .ng-dirty.submitted .validation-group[class*=ng-invalid] .help-block, .ng-dirty.submitted .validation-group[class*=ng-invalid] .help-inline { color: #cc0000; } .ng-dirty.submitted .control-decorator[class*=ng-invalid] .help-block > .validation-message, .ng-dirty.submitted .control-decorator[class*=ng-invalid] .help-block > .validation-message > span, .ng-dirty.submitted .control-decorator[class*=ng-invalid] .help-inline > .validation-message, .ng-dirty.submitted .control-decorator[class*=ng-invalid] .help-inline > .validation-message > span, .ng-dirty.submitted .control-group[class*=ng-invalid] .help-block > .validation-message, .ng-dirty.submitted .control-group[class*=ng-invalid] .help-block > .validation-message > span, .ng-dirty.submitted .control-group[class*=ng-invalid] .help-inline > .validation-message, .ng-dirty.submitted .control-group[class*=ng-invalid] .help-inline > .validation-message > span, .ng-dirty.submitted .validation-group[class*=ng-invalid] .help-block > .validation-message, .ng-dirty.submitted .validation-group[class*=ng-invalid] .help-block > .validation-message > span, .ng-dirty.submitted .validation-group[class*=ng-invalid] .help-inline > .validation-message, .ng-dirty.submitted .validation-group[class*=ng-invalid] .help-inline > .validation-message > span { color: #cc0000; } .ng-dirty.submitted .control-decorator[class*=ng-invalid] .checkbox, .ng-dirty.submitted .control-decorator[class*=ng-invalid] .radio, .ng-dirty.submitted .control-decorator[class*=ng-invalid] input, .ng-dirty.submitted .control-decorator[class*=ng-invalid] select, .ng-dirty.submitted .control-decorator[class*=ng-invalid] textarea, .ng-dirty.submitted .control-group[class*=ng-invalid] .checkbox, .ng-dirty.submitted .control-group[class*=ng-invalid] .radio, .ng-dirty.submitted .control-group[class*=ng-invalid] input, .ng-dirty.submitted .control-group[class*=ng-invalid] select, .ng-dirty.submitted .control-group[class*=ng-invalid] textarea, .ng-dirty.submitted .validation-group[class*=ng-invalid] .checkbox, .ng-dirty.submitted .validation-group[class*=ng-invalid] .radio, .ng-dirty.submitted .validation-group[class*=ng-invalid] input, .ng-dirty.submitted .validation-group[class*=ng-invalid] select, .ng-dirty.submitted .validation-group[class*=ng-invalid] textarea { color: #cc0000; } .ng-dirty.submitted .control-decorator[class*=ng-invalid] .checkbox.inline, .ng-dirty.submitted .control-group[class*=ng-invalid] .checkbox.inline, .ng-dirty.submitted .validation-group[class*=ng-invalid] .checkbox.inline { color: black; font-weight: bold; } .ng-dirty.submitted .control-decorator[class*=ng-invalid] input, .ng-dirty.submitted .control-decorator[class*=ng-invalid] select, .ng-dirty.submitted .control-decorator[class*=ng-invalid] textarea, .ng-dirty.submitted .control-group[class*=ng-invalid] input, .ng-dirty.submitted .control-group[class*=ng-invalid] select, .ng-dirty.submitted .control-group[class*=ng-invalid] textarea, .ng-dirty.submitted .validation-group[class*=ng-invalid] input, .ng-dirty.submitted .validation-group[class*=ng-invalid] select, .ng-dirty.submitted .validation-group[class*=ng-invalid] textarea { border-color: #cc0000; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .ng-dirty.submitted .control-decorator[class*=ng-invalid] input:focus, .ng-dirty.submitted .control-decorator[class*=ng-invalid] select:focus, .ng-dirty.submitted .control-decorator[class*=ng-invalid] textarea:focus, .ng-dirty.submitted .control-group[class*=ng-invalid] input:focus, .ng-dirty.submitted .control-group[class*=ng-invalid] select:focus, .ng-dirty.submitted .control-group[class*=ng-invalid] textarea:focus, .ng-dirty.submitted .validation-group[class*=ng-invalid] input:focus, .ng-dirty.submitted .validation-group[class*=ng-invalid] select:focus, .ng-dirty.submitted .validation-group[class*=ng-invalid] textarea:focus { border-color: #cc0000; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cc0000; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cc0000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cc0000; } .ng-dirty.submitted .control-decorator[class*=ng-invalid] .input-prepend .add-on, .ng-dirty.submitted .control-decorator[class*=ng-invalid] .input-append .add-on, .ng-dirty.submitted .control-group[class*=ng-invalid] .input-prepend .add-on, .ng-dirty.submitted .control-group[class*=ng-invalid] .input-append .add-on, .ng-dirty.submitted .validation-group[class*=ng-invalid] .input-prepend .add-on, .ng-dirty.submitted .validation-group[class*=ng-invalid] .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .ng-dirty.submitted .control-decorator[class*=ng-invalid] .controls, .ng-dirty.submitted .control-group[class*=ng-invalid] .controls, .ng-dirty.submitted .validation-group[class*=ng-invalid] .controls { position: relative; } .ng-dirty.submitted .control-decorator[class*=ng-invalid] .controls input::-ms-clear, .ng-dirty.submitted .control-group[class*=ng-invalid] .controls input::-ms-clear, .ng-dirty.submitted .validation-group[class*=ng-invalid] .controls input::-ms-clear { width: 0; height: 0; } .ng-dirty.submitted .control-decorator[class*=ng-invalid] .controls .input-decoration, .ng-dirty.submitted .control-group[class*=ng-invalid] .controls .input-decoration, .ng-dirty.submitted .validation-group[class*=ng-invalid] .controls .input-decoration { display: block; position: absolute; top: 5px; right: 5px; } .ng-dirty.submitted .control-decorator[class*=ng-invalid] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-invalid] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-invalid] .controls .input-decoration:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00d"; color: #cc0000; font-size: 18px; } .ng-dirty.submitted .control-decorator[class*=ng-pending] .controls, .ng-dirty.submitted .control-group[class*=ng-pending] .controls, .ng-dirty.submitted .validation-group[class*=ng-pending] .controls { position: relative; } .ng-dirty.submitted .control-decorator[class*=ng-pending] .controls input::-ms-clear, .ng-dirty.submitted .control-group[class*=ng-pending] .controls input::-ms-clear, .ng-dirty.submitted .validation-group[class*=ng-pending] .controls input::-ms-clear { width: 0; height: 0; } .ng-dirty.submitted .control-decorator[class*=ng-pending] .controls .input-decoration, .ng-dirty.submitted .control-group[class*=ng-pending] .controls .input-decoration, .ng-dirty.submitted .validation-group[class*=ng-pending] .controls .input-decoration { display: block; position: absolute; top: 5px; right: 5px; } .ng-dirty.submitted .control-decorator[class*=ng-pending] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-pending] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-pending] .controls .input-decoration:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f110"; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; color: #222; font-size: 16px; } .ng-dirty.submitted .control-decorator .help-block .validation-message, .ng-dirty.submitted .control-group .help-block .validation-message, .ng-dirty.submitted .validation-group .help-block .validation-message { display: block; } .ng-dirty.submitted .control-decorator .help-block .validation-message:empty, .ng-dirty.submitted .control-group .help-block .validation-message:empty, .ng-dirty.submitted .validation-group .help-block .validation-message:empty { display: none; } .control-group .help-block .validation-message, .control-decorator .help-block .validation-message, .validation-group .help-block .validation-message { display: none; } .control-group[class*=ng-dirty].validation-blur .help-block .validation-message, .control-group.validation-active .help-block .validation-message, .control-decorator[class*=ng-dirty].validation-blur .help-block .validation-message, .control-decorator.validation-active .help-block .validation-message, .validation-group[class*=ng-dirty].validation-blur .help-block .validation-message, .validation-group.validation-active .help-block .validation-message { display: block; } .control-group[class*=ng-dirty].validation-blur .help-block .validation-message:empty, .control-group.validation-active .help-block .validation-message:empty, .control-decorator[class*=ng-dirty].validation-blur .help-block .validation-message:empty, .control-decorator.validation-active .help-block .validation-message:empty, .validation-group[class*=ng-dirty].validation-blur .help-block .validation-message:empty, .validation-group.validation-active .help-block .validation-message:empty { display: none; } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-block, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-inline, .control-group.validation-active[class*=ng-valid] .help-block, .control-group.validation-active[class*=ng-valid] .help-inline, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .help-block, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .help-inline, .control-decorator.validation-active[class*=ng-valid] .help-block, .control-decorator.validation-active[class*=ng-valid] .help-inline, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-block, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-inline, .validation-group.validation-active[class*=ng-valid] .help-block, .validation-group.validation-active[class*=ng-valid] .help-inline { color: #80ab01; } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-block > .validation-message, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-block > .validation-message > span, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-inline > .validation-message, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-inline > .validation-message > span, .control-group.validation-active[class*=ng-valid] .help-block > .validation-message, .control-group.validation-active[class*=ng-valid] .help-block > .validation-message > span, .control-group.validation-active[class*=ng-valid] .help-inline > .validation-message, .control-group.validation-active[class*=ng-valid] .help-inline > .validation-message > span, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .help-block > .validation-message, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .help-block > .validation-message > span, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .help-inline > .validation-message, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .help-inline > .validation-message > span, .control-decorator.validation-active[class*=ng-valid] .help-block > .validation-message, .control-decorator.validation-active[class*=ng-valid] .help-block > .validation-message > span, .control-decorator.validation-active[class*=ng-valid] .help-inline > .validation-message, .control-decorator.validation-active[class*=ng-valid] .help-inline > .validation-message > span, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-block > .validation-message, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-block > .validation-message > span, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-inline > .validation-message, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .help-inline > .validation-message > span, .validation-group.validation-active[class*=ng-valid] .help-block > .validation-message, .validation-group.validation-active[class*=ng-valid] .help-block > .validation-message > span, .validation-group.validation-active[class*=ng-valid] .help-inline > .validation-message, .validation-group.validation-active[class*=ng-valid] .help-inline > .validation-message > span { color: #80ab01; } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .checkbox, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .radio, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] input, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] select, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] textarea, .control-group.validation-active[class*=ng-valid] .checkbox, .control-group.validation-active[class*=ng-valid] .radio, .control-group.validation-active[class*=ng-valid] input, .control-group.validation-active[class*=ng-valid] select, .control-group.validation-active[class*=ng-valid] textarea, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .checkbox, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .radio, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] input, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] select, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] textarea, .control-decorator.validation-active[class*=ng-valid] .checkbox, .control-decorator.validation-active[class*=ng-valid] .radio, .control-decorator.validation-active[class*=ng-valid] input, .control-decorator.validation-active[class*=ng-valid] select, .control-decorator.validation-active[class*=ng-valid] textarea, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .checkbox, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .radio, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] input, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] select, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] textarea, .validation-group.validation-active[class*=ng-valid] .checkbox, .validation-group.validation-active[class*=ng-valid] .radio, .validation-group.validation-active[class*=ng-valid] input, .validation-group.validation-active[class*=ng-valid] select, .validation-group.validation-active[class*=ng-valid] textarea { color: #222222; } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .checkbox, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .radio, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] input:disabled, .control-group.validation-active[class*=ng-valid] .checkbox, .control-group.validation-active[class*=ng-valid] .radio, .control-group.validation-active[class*=ng-valid] input:disabled, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .checkbox, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .radio, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] input:disabled, .control-decorator.validation-active[class*=ng-valid] .checkbox, .control-decorator.validation-active[class*=ng-valid] .radio, .control-decorator.validation-active[class*=ng-valid] input:disabled, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .checkbox, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .radio, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] input:disabled, .validation-group.validation-active[class*=ng-valid] .checkbox, .validation-group.validation-active[class*=ng-valid] .radio, .validation-group.validation-active[class*=ng-valid] input:disabled { color: #222222; -webkit-opacity: 1; background: white; } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .checkbox.inline, .control-group.validation-active[class*=ng-valid] .checkbox.inline, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .checkbox.inline, .control-decorator.validation-active[class*=ng-valid] .checkbox.inline, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .checkbox.inline, .validation-group.validation-active[class*=ng-valid] .checkbox.inline { color: black; font-weight: bold; } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] input, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] select, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] textarea, .control-group.validation-active[class*=ng-valid] input, .control-group.validation-active[class*=ng-valid] select, .control-group.validation-active[class*=ng-valid] textarea, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] input, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] select, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] textarea, .control-decorator.validation-active[class*=ng-valid] input, .control-decorator.validation-active[class*=ng-valid] select, .control-decorator.validation-active[class*=ng-valid] textarea, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] input, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] select, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] textarea, .validation-group.validation-active[class*=ng-valid] input, .validation-group.validation-active[class*=ng-valid] select, .validation-group.validation-active[class*=ng-valid] textarea { border-color: #80ab01; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] input:focus, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] select:focus, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] textarea:focus, .control-group.validation-active[class*=ng-valid] input:focus, .control-group.validation-active[class*=ng-valid] select:focus, .control-group.validation-active[class*=ng-valid] textarea:focus, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] input:focus, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] select:focus, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] textarea:focus, .control-decorator.validation-active[class*=ng-valid] input:focus, .control-decorator.validation-active[class*=ng-valid] select:focus, .control-decorator.validation-active[class*=ng-valid] textarea:focus, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] input:focus, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] select:focus, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] textarea:focus, .validation-group.validation-active[class*=ng-valid] input:focus, .validation-group.validation-active[class*=ng-valid] select:focus, .validation-group.validation-active[class*=ng-valid] textarea:focus { border-color: #80ab01; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #80ab01; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #80ab01; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #80ab01; } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .input-prepend .add-on, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .input-append .add-on, .control-group.validation-active[class*=ng-valid] .input-prepend .add-on, .control-group.validation-active[class*=ng-valid] .input-append .add-on, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .input-prepend .add-on, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .input-append .add-on, .control-decorator.validation-active[class*=ng-valid] .input-prepend .add-on, .control-decorator.validation-active[class*=ng-valid] .input-append .add-on, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .input-prepend .add-on, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .input-append .add-on, .validation-group.validation-active[class*=ng-valid] .input-prepend .add-on, .validation-group.validation-active[class*=ng-valid] .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls, .control-group.validation-active[class*=ng-valid] .controls, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls, .control-decorator.validation-active[class*=ng-valid] .controls, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls, .validation-group.validation-active[class*=ng-valid] .controls { position: relative; } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls input::-ms-clear, .control-group.validation-active[class*=ng-valid] .controls input::-ms-clear, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls input::-ms-clear, .control-decorator.validation-active[class*=ng-valid] .controls input::-ms-clear, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls input::-ms-clear, .validation-group.validation-active[class*=ng-valid] .controls input::-ms-clear { width: 0; height: 0; } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration, .control-group.validation-active[class*=ng-valid] .controls .input-decoration, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration, .control-decorator.validation-active[class*=ng-valid] .controls .input-decoration, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration, .validation-group.validation-active[class*=ng-valid] .controls .input-decoration { display: block; position: absolute; top: 5px; right: 5px; } .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-group.validation-active[class*=ng-valid] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-valid] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-valid] .controls .input-decoration:before { color: #80ab01; } .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-block, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-inline, .control-group.validation-active[class*=ng-warning] .help-block, .control-group.validation-active[class*=ng-warning] .help-inline, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .help-block, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .help-inline, .control-decorator.validation-active[class*=ng-warning] .help-block, .control-decorator.validation-active[class*=ng-warning] .help-inline, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-block, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-inline, .validation-group.validation-active[class*=ng-warning] .help-block, .validation-group.validation-active[class*=ng-warning] .help-inline { color: #ff8000; } .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-block > .validation-message, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-block > .validation-message > span, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-inline > .validation-message, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-inline > .validation-message > span, .control-group.validation-active[class*=ng-warning] .help-block > .validation-message, .control-group.validation-active[class*=ng-warning] .help-block > .validation-message > span, .control-group.validation-active[class*=ng-warning] .help-inline > .validation-message, .control-group.validation-active[class*=ng-warning] .help-inline > .validation-message > span, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .help-block > .validation-message, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .help-block > .validation-message > span, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .help-inline > .validation-message, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .help-inline > .validation-message > span, .control-decorator.validation-active[class*=ng-warning] .help-block > .validation-message, .control-decorator.validation-active[class*=ng-warning] .help-block > .validation-message > span, .control-decorator.validation-active[class*=ng-warning] .help-inline > .validation-message, .control-decorator.validation-active[class*=ng-warning] .help-inline > .validation-message > span, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-block > .validation-message, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-block > .validation-message > span, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-inline > .validation-message, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .help-inline > .validation-message > span, .validation-group.validation-active[class*=ng-warning] .help-block > .validation-message, .validation-group.validation-active[class*=ng-warning] .help-block > .validation-message > span, .validation-group.validation-active[class*=ng-warning] .help-inline > .validation-message, .validation-group.validation-active[class*=ng-warning] .help-inline > .validation-message > span { color: #ff8000; } .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .checkbox, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .radio, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] input, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] select, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] textarea, .control-group.validation-active[class*=ng-warning] .checkbox, .control-group.validation-active[class*=ng-warning] .radio, .control-group.validation-active[class*=ng-warning] input, .control-group.validation-active[class*=ng-warning] select, .control-group.validation-active[class*=ng-warning] textarea, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .checkbox, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .radio, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] input, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] select, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] textarea, .control-decorator.validation-active[class*=ng-warning] .checkbox, .control-decorator.validation-active[class*=ng-warning] .radio, .control-decorator.validation-active[class*=ng-warning] input, .control-decorator.validation-active[class*=ng-warning] select, .control-decorator.validation-active[class*=ng-warning] textarea, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .checkbox, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .radio, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] input, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] select, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] textarea, .validation-group.validation-active[class*=ng-warning] .checkbox, .validation-group.validation-active[class*=ng-warning] .radio, .validation-group.validation-active[class*=ng-warning] input, .validation-group.validation-active[class*=ng-warning] select, .validation-group.validation-active[class*=ng-warning] textarea { color: #222222; } .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .checkbox.inline, .control-group.validation-active[class*=ng-warning] .checkbox.inline, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .checkbox.inline, .control-decorator.validation-active[class*=ng-warning] .checkbox.inline, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .checkbox.inline, .validation-group.validation-active[class*=ng-warning] .checkbox.inline { color: black; font-weight: bold; } .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] input, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] select, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] textarea, .control-group.validation-active[class*=ng-warning] input, .control-group.validation-active[class*=ng-warning] select, .control-group.validation-active[class*=ng-warning] textarea, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] input, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] select, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] textarea, .control-decorator.validation-active[class*=ng-warning] input, .control-decorator.validation-active[class*=ng-warning] select, .control-decorator.validation-active[class*=ng-warning] textarea, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] input, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] select, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] textarea, .validation-group.validation-active[class*=ng-warning] input, .validation-group.validation-active[class*=ng-warning] select, .validation-group.validation-active[class*=ng-warning] textarea { border-color: #ff8000; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background: white; -webkit-opacity: 1; } .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] input:focus, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] select:focus, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] textarea:focus, .control-group.validation-active[class*=ng-warning] input:focus, .control-group.validation-active[class*=ng-warning] select:focus, .control-group.validation-active[class*=ng-warning] textarea:focus, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] input:focus, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] select:focus, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] textarea:focus, .control-decorator.validation-active[class*=ng-warning] input:focus, .control-decorator.validation-active[class*=ng-warning] select:focus, .control-decorator.validation-active[class*=ng-warning] textarea:focus, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] input:focus, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] select:focus, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] textarea:focus, .validation-group.validation-active[class*=ng-warning] input:focus, .validation-group.validation-active[class*=ng-warning] select:focus, .validation-group.validation-active[class*=ng-warning] textarea:focus { border-color: #ff8000; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff8000; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff8000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff8000; } .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .input-prepend .add-on, .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .input-append .add-on, .control-group.validation-active[class*=ng-warning] .input-prepend .add-on, .control-group.validation-active[class*=ng-warning] .input-append .add-on, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .input-prepend .add-on, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .input-append .add-on, .control-decorator.validation-active[class*=ng-warning] .input-prepend .add-on, .control-decorator.validation-active[class*=ng-warning] .input-append .add-on, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .input-prepend .add-on, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .input-append .add-on, .validation-group.validation-active[class*=ng-warning] .input-prepend .add-on, .validation-group.validation-active[class*=ng-warning] .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls, .control-group.validation-active[class*=ng-warning] .controls, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .controls, .control-decorator.validation-active[class*=ng-warning] .controls, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls, .validation-group.validation-active[class*=ng-warning] .controls { position: relative; } .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls input::-ms-clear, .control-group.validation-active[class*=ng-warning] .controls input::-ms-clear, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .controls input::-ms-clear, .control-decorator.validation-active[class*=ng-warning] .controls input::-ms-clear, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls input::-ms-clear, .validation-group.validation-active[class*=ng-warning] .controls input::-ms-clear { width: 0; height: 0; } .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration, .control-group.validation-active[class*=ng-warning] .controls .input-decoration, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration, .control-decorator.validation-active[class*=ng-warning] .controls .input-decoration, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration, .validation-group.validation-active[class*=ng-warning] .controls .input-decoration { display: block; position: absolute; top: 5px; right: 5px; } .control-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration:before, .control-group.validation-active[class*=ng-warning] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-warning] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-warning] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-warning] .controls .input-decoration:before { color: #ff8000; } .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-block, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-inline, .control-group.validation-active[class*=ng-invalid] .help-block, .control-group.validation-active[class*=ng-invalid] .help-inline, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-block, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-inline, .control-decorator.validation-active[class*=ng-invalid] .help-block, .control-decorator.validation-active[class*=ng-invalid] .help-inline, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-block, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-inline, .validation-group.validation-active[class*=ng-invalid] .help-block, .validation-group.validation-active[class*=ng-invalid] .help-inline { color: #cc0000; } .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-block > .validation-message, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-block > .validation-message > span, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-inline > .validation-message, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-inline > .validation-message > span, .control-group.validation-active[class*=ng-invalid] .help-block > .validation-message, .control-group.validation-active[class*=ng-invalid] .help-block > .validation-message > span, .control-group.validation-active[class*=ng-invalid] .help-inline > .validation-message, .control-group.validation-active[class*=ng-invalid] .help-inline > .validation-message > span, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-block > .validation-message, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-block > .validation-message > span, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-inline > .validation-message, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-inline > .validation-message > span, .control-decorator.validation-active[class*=ng-invalid] .help-block > .validation-message, .control-decorator.validation-active[class*=ng-invalid] .help-block > .validation-message > span, .control-decorator.validation-active[class*=ng-invalid] .help-inline > .validation-message, .control-decorator.validation-active[class*=ng-invalid] .help-inline > .validation-message > span, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-block > .validation-message, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-block > .validation-message > span, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-inline > .validation-message, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .help-inline > .validation-message > span, .validation-group.validation-active[class*=ng-invalid] .help-block > .validation-message, .validation-group.validation-active[class*=ng-invalid] .help-block > .validation-message > span, .validation-group.validation-active[class*=ng-invalid] .help-inline > .validation-message, .validation-group.validation-active[class*=ng-invalid] .help-inline > .validation-message > span { color: #cc0000; } .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .checkbox, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .radio, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] input, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] select, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] textarea, .control-group.validation-active[class*=ng-invalid] .checkbox, .control-group.validation-active[class*=ng-invalid] .radio, .control-group.validation-active[class*=ng-invalid] input, .control-group.validation-active[class*=ng-invalid] select, .control-group.validation-active[class*=ng-invalid] textarea, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .checkbox, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .radio, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] input, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] select, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] textarea, .control-decorator.validation-active[class*=ng-invalid] .checkbox, .control-decorator.validation-active[class*=ng-invalid] .radio, .control-decorator.validation-active[class*=ng-invalid] input, .control-decorator.validation-active[class*=ng-invalid] select, .control-decorator.validation-active[class*=ng-invalid] textarea, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .checkbox, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .radio, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] input, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] select, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] textarea, .validation-group.validation-active[class*=ng-invalid] .checkbox, .validation-group.validation-active[class*=ng-invalid] .radio, .validation-group.validation-active[class*=ng-invalid] input, .validation-group.validation-active[class*=ng-invalid] select, .validation-group.validation-active[class*=ng-invalid] textarea { color: #cc0000; } .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .checkbox.inline, .control-group.validation-active[class*=ng-invalid] .checkbox.inline, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .checkbox.inline, .control-decorator.validation-active[class*=ng-invalid] .checkbox.inline, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .checkbox.inline, .validation-group.validation-active[class*=ng-invalid] .checkbox.inline { color: black; font-weight: bold; } .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] input, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] select, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] textarea, .control-group.validation-active[class*=ng-invalid] input, .control-group.validation-active[class*=ng-invalid] select, .control-group.validation-active[class*=ng-invalid] textarea, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] input, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] select, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] textarea, .control-decorator.validation-active[class*=ng-invalid] input, .control-decorator.validation-active[class*=ng-invalid] select, .control-decorator.validation-active[class*=ng-invalid] textarea, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] input, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] select, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] textarea, .validation-group.validation-active[class*=ng-invalid] input, .validation-group.validation-active[class*=ng-invalid] select, .validation-group.validation-active[class*=ng-invalid] textarea { border-color: #cc0000; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] input:focus, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] select:focus, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] textarea:focus, .control-group.validation-active[class*=ng-invalid] input:focus, .control-group.validation-active[class*=ng-invalid] select:focus, .control-group.validation-active[class*=ng-invalid] textarea:focus, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] input:focus, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] select:focus, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] textarea:focus, .control-decorator.validation-active[class*=ng-invalid] input:focus, .control-decorator.validation-active[class*=ng-invalid] select:focus, .control-decorator.validation-active[class*=ng-invalid] textarea:focus, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] input:focus, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] select:focus, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] textarea:focus, .validation-group.validation-active[class*=ng-invalid] input:focus, .validation-group.validation-active[class*=ng-invalid] select:focus, .validation-group.validation-active[class*=ng-invalid] textarea:focus { border-color: #cc0000; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cc0000; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cc0000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cc0000; } .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .input-prepend .add-on, .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .input-append .add-on, .control-group.validation-active[class*=ng-invalid] .input-prepend .add-on, .control-group.validation-active[class*=ng-invalid] .input-append .add-on, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .input-prepend .add-on, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .input-append .add-on, .control-decorator.validation-active[class*=ng-invalid] .input-prepend .add-on, .control-decorator.validation-active[class*=ng-invalid] .input-append .add-on, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .input-prepend .add-on, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .input-append .add-on, .validation-group.validation-active[class*=ng-invalid] .input-prepend .add-on, .validation-group.validation-active[class*=ng-invalid] .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls, .control-group.validation-active[class*=ng-invalid] .controls, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls, .control-decorator.validation-active[class*=ng-invalid] .controls, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls, .validation-group.validation-active[class*=ng-invalid] .controls { position: relative; } .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls input::-ms-clear, .control-group.validation-active[class*=ng-invalid] .controls input::-ms-clear, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls input::-ms-clear, .control-decorator.validation-active[class*=ng-invalid] .controls input::-ms-clear, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls input::-ms-clear, .validation-group.validation-active[class*=ng-invalid] .controls input::-ms-clear { width: 0; height: 0; } .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls .input-decoration, .control-group.validation-active[class*=ng-invalid] .controls .input-decoration, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls .input-decoration, .control-decorator.validation-active[class*=ng-invalid] .controls .input-decoration, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls .input-decoration, .validation-group.validation-active[class*=ng-invalid] .controls .input-decoration { display: block; position: absolute; top: 5px; right: 5px; } .control-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls .input-decoration:before, .control-group.validation-active[class*=ng-invalid] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-invalid] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-invalid] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-invalid] .controls .input-decoration:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00d"; color: #cc0000; font-size: 18px; } .control-group[class*=ng-dirty].validation-blur[class*=ng-pending] .controls, .control-group.validation-active[class*=ng-pending] .controls, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-pending] .controls, .control-decorator.validation-active[class*=ng-pending] .controls, .validation-group[class*=ng-dirty].validation-blur[class*=ng-pending] .controls, .validation-group.validation-active[class*=ng-pending] .controls { position: relative; } .control-group[class*=ng-dirty].validation-blur[class*=ng-pending] .controls input::-ms-clear, .control-group.validation-active[class*=ng-pending] .controls input::-ms-clear, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-pending] .controls input::-ms-clear, .control-decorator.validation-active[class*=ng-pending] .controls input::-ms-clear, .validation-group[class*=ng-dirty].validation-blur[class*=ng-pending] .controls input::-ms-clear, .validation-group.validation-active[class*=ng-pending] .controls input::-ms-clear { width: 0; height: 0; } .control-group[class*=ng-dirty].validation-blur[class*=ng-pending] .controls .input-decoration, .control-group.validation-active[class*=ng-pending] .controls .input-decoration, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-pending] .controls .input-decoration, .control-decorator.validation-active[class*=ng-pending] .controls .input-decoration, .validation-group[class*=ng-dirty].validation-blur[class*=ng-pending] .controls .input-decoration, .validation-group.validation-active[class*=ng-pending] .controls .input-decoration { display: block; position: absolute; top: 5px; right: 5px; } .control-group[class*=ng-dirty].validation-blur[class*=ng-pending] .controls .input-decoration:before, .control-group.validation-active[class*=ng-pending] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-pending] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-pending] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-pending] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-pending] .controls .input-decoration:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f110"; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; color: #222; font-size: 16px; } .control-group.error .help-block.server-error, .control-decorator.error .help-block.server-error, .validation-group.error .help-block.server-error { display: block; } .control-group.error .help-block.server-error .validation-message, .control-decorator.error .help-block.server-error .validation-message, .validation-group.error .help-block.server-error .validation-message { display: block; } .control-group.error .help-block.server-error .validation-message:empty, .control-decorator.error .help-block.server-error .validation-message:empty, .validation-group.error .help-block.server-error .validation-message:empty { display: none; } .control-group.error input.ng-dirty ~ .server-error.help-block, .control-group.error select.ng-dirty ~ .server-error.help-block, .control-group.error textarea.ng-dirty ~ .server-error.help-block, .control-decorator.error input.ng-dirty ~ .server-error.help-block, .control-decorator.error select.ng-dirty ~ .server-error.help-block, .control-decorator.error textarea.ng-dirty ~ .server-error.help-block, .validation-group.error input.ng-dirty ~ .server-error.help-block, .validation-group.error select.ng-dirty ~ .server-error.help-block, .validation-group.error textarea.ng-dirty ~ .server-error.help-block { display: none; } .control-group.error.server-validation-error .control-label, .control-decorator.error.server-validation-error .control-label, .validation-group.error.server-validation-error .control-label { font-weight: bold; } .control-group.error.server-validation-error .help-block .server-validation-message, .control-decorator.error.server-validation-error .help-block .server-validation-message, .validation-group.error.server-validation-error .help-block .server-validation-message { display: block; font-weight: bold; } .control-group.error.server-validation-error .help-block .server-validation-message:empty, .control-decorator.error.server-validation-error .help-block .server-validation-message:empty, .validation-group.error.server-validation-error .help-block .server-validation-message:empty { display: none; } .btn-group .dropdown-menu .help-block, .btn-group .dropdown-menu .help-inline { white-space: normal; } .btn-group p { white-space: normal; } .form-widget-fluid .controls[class*="span"] { margin-left: 0; } .form-horizontal .form-widget-fluid .control-label, .form-horizontal .form-widget-fluid .controls { margin-left: 2.12766%; *margin-left: 2.07447%; } .form-horizontal .form-widget-fluid .control-label.span12, .form-horizontal .form-widget-fluid .controls.span12 { width: 100%; *width: 99.94681%; } .form-horizontal .form-widget-fluid .control-label.span11, .form-horizontal .form-widget-fluid .controls.span11 { width: 91.48936%; *width: 91.43617%; } .form-horizontal .form-widget-fluid .control-label.span10, .form-horizontal .form-widget-fluid .controls.span10 { width: 82.97872%; *width: 82.92553%; } .form-horizontal .form-widget-fluid .control-label.span9, .form-horizontal .form-widget-fluid .controls.span9 { width: 74.46809%; *width: 74.41489%; } .form-horizontal .form-widget-fluid .control-label.span8, .form-horizontal .form-widget-fluid .controls.span8 { width: 65.95745%; *width: 65.90426%; } .form-horizontal .form-widget-fluid .control-label.span7, .form-horizontal .form-widget-fluid .controls.span7 { width: 57.44681%; *width: 57.39362%; } .form-horizontal .form-widget-fluid .control-label.span6, .form-horizontal .form-widget-fluid .controls.span6 { width: 48.93617%; *width: 48.88298%; } .form-horizontal .form-widget-fluid .control-label.span5, .form-horizontal .form-widget-fluid .controls.span5 { width: 40.42553%; *width: 40.37234%; } .form-horizontal .form-widget-fluid .control-label.span4, .form-horizontal .form-widget-fluid .controls.span4 { width: 31.91489%; *width: 31.8617%; } .form-horizontal .form-widget-fluid .control-label.span3, .form-horizontal .form-widget-fluid .controls.span3 { width: 23.40426%; *width: 23.35106%; } .form-horizontal .form-widget-fluid .control-label.span2, .form-horizontal .form-widget-fluid .controls.span2 { width: 14.89362%; *width: 14.84043%; } .form-horizontal .form-widget-fluid .control-label.span1, .form-horizontal .form-widget-fluid .controls.span1 { width: 6.38298%; *width: 6.32979%; } .form-horizontal .form-widget-fluid .control-label:first-child, .form-horizontal .form-widget-fluid .controls:first-child { margin-left: 0; } form { margin: 0; } .control-validation-error { vertical-align: middle; line-height: 12px; } .control-validation-error:empty { display: none; } .control-validation-error::before { display: inline-block; line-height: 12px; width: 16px; height: 16px; margin-right: 4px; } .help-block .info-links { font-size: 11px; } .help-block.empty { display: none; } .help-block.help-info-links { margin-top: -10px; font-size: 11px; display: block; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { font-size: 13px; } select.input-short, textarea.input-short, input[type="text"].input-short, input[type="password"].input-short, input[type="datetime"].input-short, input[type="datetime-local"].input-short, input[type="date"].input-short, input[type="month"].input-short, input[type="time"].input-short, input[type="week"].input-short, input[type="number"].input-short, input[type="email"].input-short, input[type="url"].input-short, input[type="search"].input-short, input[type="tel"].input-short, input[type="color"].input-short, .uneditable-input.input-short { min-height: 25px; height: 25px; line-height: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #121212; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ie8 select.input-short, .ie8 textarea.input-short, .ie8 input[type="text"].input-short, .ie8 input[type="password"].input-short, .ie8 input[type="datetime"].input-short, .ie8 input[type="datetime-local"].input-short, .ie8 input[type="date"].input-short, .ie8 input[type="month"].input-short, .ie8 input[type="time"].input-short, .ie8 input[type="week"].input-short, .ie8 input[type="number"].input-short, .ie8 input[type="email"].input-short, .ie8 input[type="url"].input-short, .ie8 input[type="search"].input-short, .ie8 input[type="tel"].input-short, .ie8 input[type="color"].input-short, .ie8 .uneditable-input.input-short { min-height: 0; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } input::-webkit-calendar-picker-indicator, input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-clear-button { display: none; } select.input-short { padding-top: 3px; } select { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } label { font-size: 13px; } label span { color: inherit; } input.checkbox[type="checkbox"], input.radio[type="radio"] { min-height: 13px; padding-left: 0; } .row-fluid .input-short[class*="span"], .row-fluid .btn-mini[class*="span"] { min-height: 25px; } .row-fluid .input-append button[class*="span"], .row-fluid .input-prepend button[class*="span"] { float: none; } .ie8 .row-fluid input[class*="span"], .ie8 .row-fluid select[class*="span"] { min-height: 20px; } .ie8 .row-fluid .input-short[class*="span"], .ie8 .row-fluid .btn-mini[class*="span"] { min-height: 0; } .input-auto { width: auto; } .alert-server-validation { border-radius: 0px; } .alert-server-validation ul { list-style: none; margin: 0 15px 5px; } .alert-server-validation ul li { margin-bottom: 10px; } .alert-server-validation ul li:last-child { margin-bottom: 0; } .alert { background: #FFDE00; color: #222; border-color: #bbb; border-width: 0 0 1px 0; font-size: 13px; position: relative; } .alert, .content-widget .alert { padding-left: 45px; padding-right: 35px; } .alert::before { position: absolute; top: 8px; left: 14px; font-size: 125%; } .alert ul { margin-left: 0; margin-bottom: 0; } .alert.alert-error { background: #FFDE00; color: #222; border-color: #bbb; } .alert.alert-danger { background: #c00; color: #fff; border-color: #6C0000; } .alert.alert-danger * { color: #fff; } .alert.alert-info { background: #222; color: #fff; border-color: #222; } .alert.alert-info * { color: #fff; } .alert.alert-info .btn { color: #1f1f1f; } .alert.alert-success { background: #bbcf49; color: #4D6600; border-color: #92A42B; text-shadow: none; } .alert.alert-success * { color: #4D6600; } .alert.no-icon { padding-left: 14px; } .alert.no-icon::before { display: none; } div.control-group label.control-label.required::after, div.control-group label.control-label span.required::after { content: " *"; color: #c99109; } div.control-group label.control-label.checkbox-control-label { min-height: 20px; padding-left: 20px; margin-bottom: 15px; } div.control-group label.control-label.checkbox-control-label input[type="checkbox"] { float: left; margin-left: -20px; } div.control-group .format-requirements { font-size: 11px; color: #999999; } .valign-to-input { line-height: 30px; } .has-switch.switch-mini { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 60px; min-width: 60px; border: none; } .has-switch.switch-mini > div { width: 60px; } .has-switch.switch-mini > div.switch-off { left: 0; } .has-switch.switch-mini .switch-on, .has-switch.switch-mini .switch-off { height: 23px; } .has-switch.switch-mini .switch-on label, .has-switch.switch-mini .switch-off label { margin: 2px; -webkit-border-radius: 5000px; -moz-border-radius: 5000px; border-radius: 5000px; width: 19px; height: 19px; position: absolute; top: 0; } .has-switch.switch-mini .switch-on span, .has-switch.switch-mini .switch-off span { width: 60px; padding-right: 20px; height: 23px; line-height: 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute; top: 0; left: 0; border: 1px solid #CB930C; opacity: 1; filter: alpha(opacity=100); } .has-switch.switch-mini .switch-on span.switch-right, .has-switch.switch-mini .switch-off span.switch-right { left: auto; right: 0; padding-right: 0; padding-left: 20px; border: 1px solid #bcbcbc; } .has-switch.switch-mini .switch-animate span { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .has-switch.switch-mini .switch-animate label { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } .has-switch.switch-mini .switch-on label { left: 37px; } .has-switch.switch-mini .switch-on span.switch-right { opacity: 0; filter: alpha(opacity=0); } .has-switch.switch-mini .switch-off label { left: 0; } .has-switch.switch-mini .switch-off span.switch-left { opacity: 0; filter: alpha(opacity=0); } .has-switch span.switch-left, .has-switch span.switch-right { background: #f2f2f2; text-shadow: none; font-weight: bold; } .has-switch span.switch-left:hover, .has-switch span.switch-right:hover { background: #f2f2f2; } .has-switch span.switch-primary { background: #ffde00; color: #1f1f1f; text-shadow: none; } .has-switch span.switch-primary:hover { background: #ffde00; color: #1f1f1f; } .form-actions { padding: 0; margin-top: 0; margin-bottom: 0; background-color: transparent; border-top: none; } .store-search { position: relative; } .navbar-main .store-search { float: right; } .store-search .search-bar { padding: 3px 28px 3px 10px; width: 100%; height: 30px; border: 1px solid #ccc; border-right: none; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .store-search .search-bar:focus { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .store-search .search-bar::-ms-clear { display: none; } .store-search .search-button { position: absolute; top: 0; right: 0; padding: 2px; cursor: pointer; margin: 0px; height: 30px; background: white; border: 1px solid #ccc; border-left-width: none; -webkit-border-top-right-radius: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; margin-left: -4px; } .store-search .search-button i { font-size: 150%; } .store-search .search-button:focus { outline: none; } .store-search .search-button.btn-search { border-left-width: 1px; width: 93px; } .store-search .search-button.btn-search .icon-mag-glass::before { position: absolute; top: 3px; right: 2px; } .store-search .search-button.btn-search span { color: #fff; position: relative; top: -3px; left: -9px; font-size: 13px; font-weight: bold; } .store-search .clear-search { position: absolute; top: 50%; margin-top: -9px; right: 100px; font-size: 17px; cursor: pointer; } .store-search .autocomplete-content a.close { text-decoration: none; } .address-lookup-display.lookup-area-single .lookup-area { border: none !important; padding: 0px; } .address-lookup-display.lookup-area-single .lookup-area .address-lookup-result { cursor: default; } .address-lookup-display .input-decoration { display: none !important; } .address-lookup-display .control-label { position: relative; } .address-lookup-display .control-label .help-block { position: absolute; right: 0; top: 0; } .address-lookup-display .controls { position: relative; } .address-lookup-display .controls .input-status { position: absolute; top: 5px; right: 5px; } .address-lookup-display .controls .lookup-list { overflow: hidden; position: absolute !important; } .address-lookup-display .controls .lookup-area { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; min-width: 0; margin-top: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; border: 1px solid #ccc; position: relative; } .address-lookup-display .controls .lookup-area::after { content: ''; display: table; clear: both; } .address-lookup-display .controls .lookup-area .icon-chevron-up, .address-lookup-display .controls .lookup-area .icon-chevron-down { position: absolute; right: 10px; top: 50%; margin-top: -0.5em; cursor: pointer; } .address-lookup-display .controls .address-lookup-result { cursor: pointer; border-bottom: 1px solid #ccc; float: left; padding: 5px; width: 100%; } .address-lookup-display .controls .address-lookup-result:last-child { border-bottom: none; } .address-lookup-display .controls .address-lookup-result::after { content: ''; display: table; clear: both; } .address-lookup-display .controls .single { border-bottom: 0px; } .address-lookup-display .controls .selected-address { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ababab; padding: 10px; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); position: relative; } a.disabled { opacity: 0.5; filter: alpha(opacity=50); } .form-inverse label { color: #fff; font-weight: bold; } .form-inverse .help-block, .form-inverse .help-inline { color: #ccc; } .btn-block + .error-detail-block, .error-detail-block + .btn-block { margin-top: 5px; } .datepicker td.active, .datepicker td.active:hover, .datepicker td.active:active, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active.disabled:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.active:active, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover, .datepicker td.active[disabled]:active, .datepicker td span.active, .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.disabled, .datepicker td span.active.disabled:hover, .datepicker td span.active.disabled:active, .datepicker td span.active.active, .datepicker td span.active.active:hover, .datepicker td span.active.active:active, .datepicker td span.active[disabled], .datepicker td span.active[disabled]:hover, .datepicker td span.active[disabled]:active { background: #ffe955; border: none; color: #222; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); text-shadow: none; } .datepicker td.active.disabled.active, .datepicker td.active[disabled].active, .datepicker td span.active.disabled.active, .datepicker td span.active[disabled].active { background: #ccc; } .btn-group > .btn .help-block, .btn-group > .dropdown-menu .help-block, .btn-group > .popover .help-block { font-size: 12px; } .text-center { text-align: center; } .text-underline { text-decoration: underline; } .strong, .bold { font-weight: bold; } .normal { font-weight: normal; } .nowrap { white-space: nowrap; } .table td.text-center, .table th.text-center { text-align: center; } .table td.text-right, .table th.text-right { text-align: right; } .table td.text-left, .table th.text-left { text-align: left; } body, input, button, select, textarea, .navbar-search .search-query { font-family: Arial, sans-serif; } body { color: #252525; font-size: 12px; font-family: Arial, sans-serif; } a { text-decoration: underline; color: #252525; } a:hover, a:visited, a:active { color: #252525; } a.btn, a.no-decoration, a.arrow { text-decoration: none; } a.btn:hover, a.no-decoration:hover, a.arrow:hover { text-decoration: none; } a.arrow::after { padding-left: 5px; } .alpha, h1, .bravo, h2, .charlie, h3 { line-height: 40px; } .alpha, h1 { font-size: 32px; } .bravo, h2 { font-size: 28px; } .charlie, h3 { font-size: 24px; } .delta, h4 { font-size: 18px; } .echo, h5 { font-size: 14px; } .foxtrot, .nav-well .nav-list .nav-header, h6 { font-size: 13px; } .alpha, h1, .bravo, h2, .charlie, h3, .delta, h4, .echo, h5, .foxtrot, .nav-well .nav-list .nav-header, h6 { font-weight: bold; } .alpha span, h1 span, .bravo span, h2 span, .charlie span, h3 span, .delta span, h4 span, .echo span, h5 span, .foxtrot span, .nav-well .nav-list .nav-header span, h6 span { font-size: inherit; } .alpha i, h1 i, .alpha span, h1 span, .bravo i, h2 i, .bravo span, h2 span, .charlie i, h3 i, .charlie span, h3 span, .delta i, h4 i, .delta span, h4 span, .echo i, h5 i, .echo span, h5 span, .foxtrot i, .nav-well .nav-list .nav-header i, h6 i, .foxtrot span, .nav-well .nav-list .nav-header span, h6 span { color: inherit; } .text-error a, .text-error i, .text-error span, .text-success a, .text-success i, .text-success span { color: inherit; } .text-warning { color: #ff8000; } .text-highlight { color: #F04D35; } .strikethrough { text-decoration: line-through; } .label.label-important { background-color: #d80000; } .label.label-primary { color: #202020; background: #ffdf00; } .status-display { white-space: nowrap; } .status-display .status-indicator { width: 9px; height: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #bcbcbc; background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #fbfbfb, #e3e3e3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#e3e3e3)); background-image: -webkit-linear-gradient(top, #fbfbfb, #e3e3e3); background-image: -o-linear-gradient(top, #fbfbfb, #e3e3e3); background-image: linear-gradient(to bottom, #fbfbfb, #e3e3e3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBFBFB', endColorstr='#FFE3E3E3', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); margin-right: 4px; margin-top: 4px; float: left; } .status-display .status-text { color: #878787; font-size: 11px; } .status-display.status-passed .status-indicator { background-color: #feda80; background-image: -moz-linear-gradient(top, #fef1c5, #feb91a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fef1c5), to(#feb91a)); background-image: -webkit-linear-gradient(top, #fef1c5, #feb91a); background-image: -o-linear-gradient(top, #fef1c5, #feb91a); background-image: linear-gradient(to bottom, #fef1c5, #feb91a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFEF1C5', endColorstr='#FFFEB91A', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #C98010; } .status-display.status-passed .status-text { color: #CA7F13; } .status-display.status-rejected .status-indicator { background-color: #ee575d; background-image: -moz-linear-gradient(top, #f08085, #ec1b23); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f08085), to(#ec1b23)); background-image: -webkit-linear-gradient(top, #f08085, #ec1b23); background-image: -o-linear-gradient(top, #f08085, #ec1b23); background-image: linear-gradient(to bottom, #f08085, #ec1b23); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF08085', endColorstr='#FFEC1B23', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #EC1B23; } .status-display.status-rejected .status-text { color: #EC1B23; } .status-display.status-completed .status-indicator { background-color: #00c900; background-image: -moz-linear-gradient(top, #00d900, #00b200); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00d900), to(#00b200)); background-image: -webkit-linear-gradient(top, #00d900, #00b200); background-image: -o-linear-gradient(top, #00d900, #00b200); background-image: linear-gradient(to bottom, #00d900, #00b200); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF00D900', endColorstr='#FF00B200', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #00b200; } .status-display.status-completed .status-text { color: #00b200; } .status-text.status-rejected { color: #C30000; } .status-text.status-completed { color: #3a7700; } .promo-callout { display: table; background: #F04E36; padding: 20px; -webkit-border-radius: 5000px; -moz-border-radius: 5000px; border-radius: 5000px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .promo-callout .promo-text { display: table-cell; vertical-align: middle; text-align: center; line-height: 1; font-size: 26px; font-weight: bold; color: #fff; } .promo-callout .promo-text .text-highlight { color: #FFDE00; } #tooltipContent { color: #FFF; } #tool-tip { display: none; position: absolute; top: 20px; left: 0; min-width: 258px; border: 1px solid #c59113; padding: 5px; z-index: 1100; background-color: #ffe846; background-image: -moz-linear-gradient(top, #ffee74, #ffdf03); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffee74), to(#ffdf03)); background-image: -webkit-linear-gradient(top, #ffee74, #ffdf03); background-image: -o-linear-gradient(top, #ffee74, #ffdf03); background-image: linear-gradient(to bottom, #ffee74, #ffdf03); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEE74', endColorstr='#FFFFDF03', GradientType=0); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #tool-tip.non-directional-tooltip .tool-tip-tip, #tool-tip.non-directional-tooltip .tool-tip-inner .tool-tip-inner-tip { display: none; } #tool-tip .tool-tip-tip { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 15px; top: -30px; border-bottom-color: #c59113; } #tool-tip .tool-tip-tip::before { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 15px; left: -15px; top: -14px; border-bottom-color: #ffee74; } #tool-tip .focus-middle { left: 124px; } #tool-tip .focus-right { right: 25px; } #tool-tip .focus-left { left: 25px; } #tool-tip fieldset label { color: #fff; } #tool-tip .tool-tip-inner { position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ebb01e; background: #363636; min-width: 220px; color: #fff; font-size: 12px; line-height: 14px; padding: 18px; } #tool-tip .tool-tip-inner * { color: #fff; } #tool-tip .tool-tip-inner .tool-tip-inner-tip { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; top: -20px; border-bottom-color: #363636; } #tool-tip .tool-tip-inner .focus-middle { left: 123px; } #tool-tip .tool-tip-inner .focus-right { right: 24px; } #tool-tip .tool-tip-inner .focus-left { left: 24px; } #tool-tip .tool-tip-inner a { text-decoration: none; color: #f2ca40; } #tool-tip .tool-tip-inner p { margin-top: 5px; } .tooltip-inner { max-width: 260px; white-space: normal; } .modal-backdrop { background-color: #fff; } .modal { padding-bottom: 30px; } .modal .close { opacity: 0.4; filter: alpha(opacity=40); } .modal .close:hover, .modal .close:focus { opacity: 0.6; filter: alpha(opacity=60); } .modal .close.close-icon { color: #fff; opacity: 1; filter: alpha(opacity=100); } .modal .close.close-icon:hover, .modal .close.close-icon:focus { opacity: 1; filter: alpha(opacity=100); } .modal .close.close-icon .icon-stack-base { color: #000; } .modal .modal-header { border: 0; min-height: 15px; } .modal .modal-header .close { position: absolute; top: 9px; right: 13px; } .modal .modal-header .close.close-icon { top: -20px; right: -19px; } .modal .modal-body { max-height: 1000px; padding: 0; overflow-y: initial; } .modal .modal-body.modal-body-padded { padding: 15px; } .modal .modal-body img { height: initial; max-height: 1000px; width: initial; max-width: 540px; margin: 0 auto; display: block; } .modal.price-display-pop-up-modal { padding-bottom: 0; width: 590px; margin-left: -295px; } .modal.price-display-pop-up-modal a { text-decoration: none; } .modal.price-display-pop-up-modal .modal-header .close { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/tax-type-check/closeButton.png") center center no-repeat; width: 26px; height: 26px; opacity: 0.75; filter: alpha(opacity=75); } .modal.price-display-pop-up-modal .modal-body { position: relative; width: 100%; } .modal.price-display-pop-up-modal .modal-body h1 { font-size: 48px; padding-left: 50px; padding-right: 50px; margin-bottom: 30px; } .modal.price-display-pop-up-modal .modal-body > p { font-size: 15px; padding-left: 50px; padding-right: 50px; margin-bottom: 20px; } .modal.price-display-pop-up-modal .modal-body .price-display-types { position: relative; height: 510px; } .modal.price-display-pop-up-modal .modal-body .price-display-types .price-display-backdrop .online-pathway { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/tax-type-check/circle.png") center center no-repeat; height: 365px; } .modal.price-display-pop-up-modal .modal-body .price-display-types .price-display-backdrop .bottom-backdrop { background: #eee; height: 145px; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection { position: absolute; top: 0px; width: 250px; height: 500px; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection .tax-text { text-align: center; margin-top: 10px; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection .tax-text .tax-text-title { text-align: center; font-size: 18px; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection .tax-text .tax-text-blurb { text-align: center; font-weight: normal; color: #777; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection:hover { text-decoration: none; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection.ex-gst { left: 20px; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection.ex-gst .hero-person { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/tax-type-check/ex-gst.png") center left no-repeat; height: 421px; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection.inc-gst { right: 20px; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection.inc-gst .hero-person { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/tax-type-check/inc-gst.png") center right no-repeat; height: 421px; } .modal.price-display-pop-up-modal .modal-body .price-display-types.hover-gst-on a.tax-selection.ex-gst .hero-person { opacity: 0.25; filter: alpha(opacity=25); } .modal.price-display-pop-up-modal .modal-body .price-display-types.hover-gst-off a.tax-selection.inc-gst .hero-person { opacity: 0.25; filter: alpha(opacity=25); } .modal.price-display-pop-up-modal .modal-footer { background: #000; color: #fff; font-size: 13px; font-weight: bold; padding: 8px 15px; } .modal.price-display-pop-up-modal .modal-footer div { color: #fff; } .modal.price-display-pop-up-modal .modal-footer .tax-brand-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/tax-type-check/white-logo.png") no-repeat; width: 103px; height: 23px; } .tool-tip.tool-tip-grey { position: relative; min-width: 258px; border: 1px solid #ccc; padding: 10px; background: #f2f2f2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .tool-tip.tool-tip-grey.non-directional-tooltip .tool-tip-tip, .tool-tip.tool-tip-grey.non-directional-tooltip .tool-tip-inner .tool-tip-inner-tip { display: none; } .tool-tip.tool-tip-grey .tool-tip-tip { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; top: -20px; border-bottom-color: #cccccc; } .tool-tip.tool-tip-grey .tool-tip-tip::before { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; left: -10px; top: -9px; border-bottom-color: #f2f2f2; } .tool-tip.tool-tip-grey .focus-middle { left: 124px; } .tool-tip.tool-tip-grey .focus-right { right: 10px; } .tool-tip.tool-tip-grey fieldset label { color: #fff; } .modal.modal-compare { height: 600px; padding-bottom: 0px; } .modal.modal-compare.modal-compare-3 { width: 840px; margin-left: -420px; } .modal.modal-compare .modal-body { height: 525px; overflow: auto; padding: 5px; } #modalImage, .gallery-list-modal { width: 920px; margin-left: -460px; } #modalImage .modal-body img, .gallery-list-modal .modal-body img { max-width: 100%; } #modalImage .modal-body .carousel-control img, .gallery-list-modal .modal-body .carousel-control img { max-width: 100%; display: inline-block; } .modal.marketing-lead-modal { padding-bottom: 0; } .modal.marketing-lead-modal .modal-header { background-color: #ffe846; background-image: -moz-linear-gradient(top, #ffee74, #ffdf03); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffee74), to(#ffdf03)); background-image: -webkit-linear-gradient(top, #ffee74, #ffdf03); background-image: -o-linear-gradient(top, #ffee74, #ffdf03); background-image: linear-gradient(to bottom, #ffee74, #ffdf03); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFEE74', endColorstr='#FFFFDF03', GradientType=0); font-size: 17px; font-weight: bold; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; padding: 20px 20px; border-bottom: 1px solid #EBCF08; } .modal.marketing-lead-modal .modal-body { padding: 20px; } .modal.marketing-lead-modal .modal-body .help-text { font-size: 11px; color: #777; line-height: 14px; } .modal.marketing-lead-modal .modal-body .alert { margin-top: 10px; margin-bottom: 0; } .modal.sourced-on-request-pop-up-modal { width: 820px; margin-left: -410px; } .modal.sourced-on-request-pop-up-modal .modal-header { padding: 30px 30px 0; } .modal.sourced-on-request-pop-up-modal .modal-header h1 { position: relative; display: block; height: 60px; font-size: 30px; margin: 0; } .modal.sourced-on-request-pop-up-modal .modal-header h1 .sourced-on-request-header-icon { position: absolute; top: 0; left: 0; } .modal.sourced-on-request-pop-up-modal .modal-header h1 .sourced-on-request-header-icon .icon-stack { font-size: 30px; } .modal.sourced-on-request-pop-up-modal .modal-header h1 .sourced-on-request-header-icon .icon-stack i { color: #fff; } .modal.sourced-on-request-pop-up-modal .modal-header h1 .sourced-on-request-header-icon .icon-stack i.icon-stack-base { color: #3f8400; } .modal.sourced-on-request-pop-up-modal .modal-header h1 .sourced-on-request-header-icon .icon-stack .icon-truck { font-size: 0.66em; } .modal.sourced-on-request-pop-up-modal .modal-header h1 .sourced-on-request-header-text { display: block; padding-left: 65px; line-height: 1; } .modal.sourced-on-request-pop-up-modal .modal-body { max-height: 500px; overflow-y: auto; } .modal.sourced-on-request-pop-up-modal .modal-body .sourced-on-request-cart { padding: 0 30px; margin-bottom: 15px; } .modal.sourced-on-request-pop-up-modal .modal-body .sourced-on-request-cart p { margin-top: 10px; } .modal.sourced-on-request-pop-up-modal .modal-body .sourced-on-request-cart table.cart-list-table td { padding: 6px; } .modal.sourced-on-request-pop-up-modal .modal-body .sourced-on-request-cart table.cart-list-table.table thead:first-child tr:first-child th { border-top: none; } .modal.sourced-on-request-pop-up-modal .modal-body .sourced-on-request-cart table.cart-list-table .item-row img { width: 79px; max-height: 79px; } .modal.sourced-on-request-pop-up-modal .modal-body .sourced-on-request-user-content { background: #f2f2f2; padding: 15px 30px; } .modal.sourced-on-request-pop-up-modal .modal-body .sourced-on-request-actions { margin-top: 15px; padding: 0 30px; } .modal.related-products-modal { width: 860px; margin-left: -430px; } .modal.related-products-modal .modal-body.modal-body-padded { padding-bottom: 0px; padding-top: 0px; } .modal.related-products-modal .modal-body img { max-width: 100%; margin: 0px; } .modal.related-products-modal .modal-body .selected-item { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; padding: 10px; } .modal.related-products-modal .modal-body .selected-item .product-name { font-weight: bold; font-size: 14px; margin-top: 10px; } .modal.related-products-modal .modal-body .selected-item .brand-image-container { margin-top: 10px; } .modal.related-products-modal .modal-body .related-items-contaner { max-height: 500px; overflow-y: auto; } .modal.lowest-price-guarantee-modal { width: 820px; margin-left: -410px; } .modal.lowest-price-guarantee-modal .modal-header { min-height: 0px; } .modal.lowest-price-guarantee-modal .modal-body { padding: 0 24px; } .modal.lowest-price-guarantee-modal .modal-body H2 .icon-coins-in-piggy-bank { font-size: 52px; vertical-align: middle; margin-right: 8px; } .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion { background: #ffde00; padding-left: 56px; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .accordion-group { border: none; } .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .accordion-group .accordion-heading, .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .accordion-group .accordion-body { background: #EEEEEE; } .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .accordion-group .accordion-heading .accordion-toggle, .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .accordion-group .accordion-heading .accordion-toggle.expanded { background: none; border: none; } .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .accordion-group .accordion-body { border: none; } .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .lowest-price-guarantee-icon { position: absolute; width: 56px; left: 0px; text-align: center; padding-top: 8px; } .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .lowest-price-guarantee-icon i { font-size: 30px; } .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .lowest-price-guarantee-icon i.icon-coins-in-piggy-bank { font-size: 38px; } .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .lowest-price-guarantee-icon i.icon-signet-clock, .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .lowest-price-guarantee-icon i.icon-australia-alt, .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .lowest-price-guarantee-icon i.icon-one-stop-sign { font-size: 36px; } .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .lowest-price-guarantee-icon i.icon-100pc-au-owned { font-size: 40px; } .modal.lowest-price-guarantee-modal .modal-body .lowest-price-guarantee-item.accordion .lowest-price-guarantee-title { font-size: 15px; padding-right: 30px; line-height: 15px; min-height: 30px; } .modal.sourced-on-request-lead-modal { width: 820px; margin-left: -410px; } .modal.sourced-on-request-lead-modal .modal-header { min-height: 0px; } .modal.sourced-on-request-lead-modal .modal-body { padding: 0 24px; } .modal.add-to-cart-modal { width: 796px; margin-left: -398px; padding-bottom: 0px; } .modal.add-to-cart-modal .modal-body.modal-body-padded { padding-bottom: 0px; padding-top: 0px; } .modal.add-to-cart-modal .modal-body img { max-width: 100%; margin: 0px; } .modal.add-to-cart-modal .modal-body h3 { font-size: 22px; margin-top: 0px; color: #3F8400; line-height: normal; } .modal.add-to-cart-modal .modal-body .product-inline { margin-bottom: 20px; } .modal.add-to-cart-modal .modal-body .product-inline .name { font-size: 14px; } .modal.add-to-cart-modal .modal-body .actions { margin-bottom: 20px; } .modal.add-to-cart-modal .modal-body .actions .btn { margin-right: 10px; } .modal.add-to-cart-modal .modal-body .widget-container { max-height: 560px; overflow-y: auto; } .modal.add-to-cart-modal .modal-body .upsell-message { float: left; width: 100%; box-sizing: border-box; padding-right: 10px; margin-bottom: 10px; background: #708DA6; border-color: #fff; } .modal.add-to-cart-modal .modal-body .upsell-message .upsell-message-text { padding-top: 5px; font-weight: bold; color: #fff; } .modal.add-to-cart-modal .modal-body .upsell-message .upsell-message-text i { font-size: 200%; vertical-align: middle; display: inline-block; padding-right: 5px; } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #bbb; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .slide-animate { -webkit-transition: left linear 0.5s; -moz-transition: left linear 0.5s; -o-transition: left linear 0.5s; transition: left linear 0.5s; position: relative; left: 0; } .slide-animate.ng-hide-add, .slide-animate.ng-hide-remove { display: block !important; } .slide-animate.ng-hide-remove { position: absolute; } .slide-animate.ng-hide { left: -2000px; } .fade-animate { -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s; -o-transition: all linear 0.5s; transition: all linear 0.5s; opacity: 1; } .fade-animate.ng-hide-add, .fade-animate.ng-hide-remove { display: block !important; } .fade-animate.ng-hide { opacity: 0; } .vjs-default-skin { color: #cccccc; } @font-face { font-family: 'VideoJS'; src: url("/v2.1.18/Content/themes/SignetNew/css/../font/vjs.eot"); src: url("/v2.1.18/Content/themes/SignetNew/css/../font/vjs.eot?#iefix") format("embedded-opentype"), url("/v2.1.18/Content/themes/SignetNew/css/../font/vjs.woff") format("woff"), url("/v2.1.18/Content/themes/SignetNew/css/../font/vjs.ttf") format("truetype"); font-weight: normal; font-style: normal; } .vjs-default-skin .vjs-slider { outline: 0; position: relative; cursor: pointer; padding: 0; background-color: #333333; background-color: rgba(51, 51, 51, 0.9); } .vjs-default-skin .vjs-slider:focus { -webkit-box-shadow: 0 0 2em #ffffff; -moz-box-shadow: 0 0 2em #ffffff; box-shadow: 0 0 2em #ffffff; } .vjs-default-skin .vjs-slider-handle { position: absolute; left: 0; top: 0; } .vjs-default-skin .vjs-slider-handle:before { content: "\e009"; font-family: VideoJS; font-size: 1em; line-height: 1; text-align: center; text-shadow: 0em 0em 1em #fff; position: absolute; top: 0; left: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .vjs-default-skin .vjs-control-bar { display: none; position: absolute; bottom: 0; left: 0; right: 0; height: 3.0em; background-color: #07141e; background-color: rgba(7, 20, 30, 0.7); } .vjs-default-skin.vjs-has-started .vjs-control-bar { display: block; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { display: block; visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .vjs-default-skin.vjs-controls-disabled .vjs-control-bar { display: none; } .vjs-default-skin.vjs-using-native-controls .vjs-control-bar { display: none; } @media \0screen { .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before { content: ""; } } .vjs-default-skin .vjs-control { outline: none; position: relative; float: left; text-align: center; margin: 0; padding: 0; height: 3.0em; width: 4em; } .vjs-default-skin .vjs-control:before { font-family: VideoJS; font-size: 1.5em; line-height: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before { text-shadow: 0em 0em 1em #ffffff; } .vjs-default-skin .vjs-control:focus { } .vjs-default-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-default-skin .vjs-play-control { width: 5em; cursor: pointer; } .vjs-default-skin .vjs-play-control:before { content: "\e001"; } .vjs-default-skin.vjs-playing .vjs-play-control:before { content: "\e002"; } .vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button { cursor: pointer; float: right; } .vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before { content: "\e006"; } .vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before { content: "\e003"; } .vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before { content: "\e004"; } .vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before { content: "\e005"; } .vjs-default-skin .vjs-volume-control { width: 5em; float: right; } .vjs-default-skin .vjs-volume-bar { width: 5em; height: 0.6em; margin: 1.1em auto 0; } .vjs-default-skin .vjs-volume-menu-button .vjs-menu-content { height: 2.9em; } .vjs-default-skin .vjs-volume-level { position: absolute; top: 0; left: 0; height: 0.5em; background: #66a8cc url(/v2.1.18/Content/themes/SignetNew/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; } .vjs-default-skin .vjs-volume-bar .vjs-volume-handle { width: 0.5em; height: 0.5em; } .vjs-default-skin .vjs-volume-handle:before { font-size: 0.9em; top: -0.2em; left: -0.2em; width: 1em; height: 1em; } .vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content { width: 6em; left: -4em; } .vjs-default-skin .vjs-progress-control { position: absolute; left: 0; right: 0; width: auto; font-size: 0.3em; height: 1em; top: -1em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .vjs-default-skin:hover .vjs-progress-control { font-size: .9em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .vjs-default-skin .vjs-progress-holder { height: 100%; } .vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress { position: absolute; display: block; height: 100%; margin: 0; padding: 0; left: 0; top: 0; } .vjs-default-skin .vjs-play-progress { background: #66a8cc url(/v2.1.18/Content/themes/SignetNew/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; } .vjs-default-skin .vjs-load-progress { background: #646464; background: rgba(255, 255, 255, 0.4); } .vjs-default-skin .vjs-seek-handle { width: 1.5em; height: 100%; } .vjs-default-skin .vjs-seek-handle:before { padding-top: 0.1em; } .vjs-default-skin .vjs-time-controls { font-size: 1em; line-height: 3em; } .vjs-default-skin .vjs-current-time { float: left; } .vjs-default-skin .vjs-duration { float: left; } .vjs-default-skin .vjs-remaining-time { display: none; float: left; } .vjs-time-divider { float: left; line-height: 3em; } .vjs-default-skin .vjs-fullscreen-control { width: 3.8em; cursor: pointer; float: right; } .vjs-default-skin .vjs-fullscreen-control:before { content: "\e000"; } .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before { content: "\e00b"; } .vjs-default-skin .vjs-big-play-button { left: 0.5em; top: 0.5em; font-size: 3em; display: block; z-index: 2; position: absolute; width: 4em; height: 2.6em; text-align: center; vertical-align: middle; cursor: pointer; opacity: 1; background-color: #07141e; background-color: rgba(7, 20, 30, 0.7); border: 0.1em solid #3b4249; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; border-radius: 0.8em; -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button { display: none; } .vjs-default-skin.vjs-has-started .vjs-big-play-button { display: none; } .vjs-default-skin.vjs-using-native-controls .vjs-big-play-button { display: none; } .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus { outline: 0; border-color: #fff; background-color: #505050; background-color: rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0 0 3em #ffffff; -moz-box-shadow: 0 0 3em #ffffff; box-shadow: 0 0 3em #ffffff; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .vjs-default-skin .vjs-big-play-button:before { content: "\e001"; font-family: VideoJS; line-height: 2.6em; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; position: absolute; left: 0; width: 100%; height: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; font-size: 5em; line-height: 1; width: 1em; height: 1em; margin-left: -0.5em; margin-top: -0.5em; opacity: 0.75; -webkit-animation: spin 1.5s infinite linear; -moz-animation: spin 1.5s infinite linear; -o-animation: spin 1.5s infinite linear; animation: spin 1.5s infinite linear; } .vjs-default-skin .vjs-loading-spinner:before { content: "\e00a"; font-family: VideoJS; position: absolute; top: 0; left: 0; width: 1em; height: 1em; text-align: center; text-shadow: 0em 0em 0.1em #000; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .vjs-default-skin .vjs-menu-button { float: right; cursor: pointer; } .vjs-default-skin .vjs-menu { display: none; position: absolute; bottom: 0; left: 0em; width: 0em; height: 0em; margin-bottom: 3em; border-left: 2em solid transparent; border-right: 2em solid transparent; border-top: 1.55em solid #000000; border-top-color: rgba(7, 40, 50, 0.5); } .vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; position: absolute; width: 10em; bottom: 1.5em; max-height: 15em; overflow: auto; left: -5em; background-color: #07141e; background-color: rgba(7, 20, 30, 0.7); -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); } .vjs-default-skin .vjs-menu-button:hover .vjs-menu { display: block; } .vjs-default-skin .vjs-menu-button ul li { list-style: none; margin: 0; padding: 0.3em 0 0.3em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-default-skin .vjs-menu-button ul li.vjs-selected { background-color: #000; } .vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover { outline: 0; color: #111; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0 0 1em #ffffff; -moz-box-shadow: 0 0 1em #ffffff; box-shadow: 0 0 1em #ffffff; } .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-default-skin .vjs-subtitles-button:before { content: "\e00c"; } .vjs-default-skin .vjs-captions-button:before { content: "\e008"; } .vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before { -webkit-box-shadow: 0 0 1em #ffffff; -moz-box-shadow: 0 0 1em #ffffff; box-shadow: 0 0 1em #ffffff; } .video-js { background-color: #000; position: relative; padding: 0; font-size: 10px; vertical-align: middle; font-weight: normal; font-style: normal; font-family: Arial, sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js:-moz-full-screen { position: absolute; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; } .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important; _position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-poster { background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; cursor: pointer; height: 100%; margin: 0; padding: 0; position: relative; width: 100%; } .vjs-poster img { display: block; margin: 0 auto; max-height: 100%; padding: 0; width: 100%; } .video-js.vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-text-track-display { text-align: center; position: absolute; bottom: 4em; left: 1em; right: 1em; } .video-js .vjs-text-track { display: none; font-size: 1.4em; text-align: center; margin-bottom: 0.1em; background-color: #000000; background-color: rgba(0, 0, 0, 0.5); } .video-js .vjs-subtitles { color: white; } .video-js .vjs-captions { color: #ffcc66; } .vjs-tt-cue { display: block; } .vjs-default-skin .vjs-hidden { display: none; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .video-js .vjs-tech { height: 320px; width: 100%; position: relative; } .vjs-default-skin * { color: #fff; } .section { margin-bottom: 10px; } .section-header h1 { font-size: 16px; } .section-header h1 .view-all { font-size: 12px; padding-left: 10px; } .section-header .header-buttons { margin-top: 20px; margin-bottom: 13px; } .well-active-customer { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .user-list-actions .btn-group .dropdown-menu, .header-buttons .btn-group .dropdown-menu { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fcfcfc; } .user-list-actions .btn-group .dropdown-menu.dropdown-menu-medium, .header-buttons .btn-group .dropdown-menu.dropdown-menu-medium { width: 350px; } .user-list-actions .btn-group .dropdown-menu.dropdown-menu-large, .header-buttons .btn-group .dropdown-menu.dropdown-menu-large { width: 700px; } .user-list-actions .btn-group .dropdown-menu.bold-labels label, .header-buttons .btn-group .dropdown-menu.bold-labels label { font-weight: bold; } .user-list-actions .btn-group .dropdown-menu .delete-list, .header-buttons .btn-group .dropdown-menu .delete-list { text-decoration: none; } .user-list-actions .price-display-toggle, .header-buttons .price-display-toggle { margin-top: 0; margin-bottom: 20px; } .account-right-content { position: relative; padding-bottom: 20px; } .account-right-content .dropdown-menu .alert-error { margin-top: 10px; white-space: normal; } .order-item-summary table.cart-list-table .item-name { min-width: 0; } .order-approval-record { margin-bottom: 10px; } .order-approval-record:last-child { margin-bottom: 0; } .cart-list-table td.price, .cart-list-table td.price { color: #3f8400; font-weight: bold; font-size: 12px; } .approval-form .confirm-edit { margin-top: 20px; } div.control-group label.control-label.approval-required:after { content: " (required for approval)"; font-weight: normal; font-size: 11px; } .customer-selection { margin-bottom: 20px; } .customer-selection .customer-selection-header { padding-bottom: 0; } .customer-selection .customer-selection-item { padding: 4px 0; border-color: #cccccc; color: #666; } .customer-selection .customer-selection-item .radio-select, .customer-selection .customer-selection-item .company { padding-top: 10px; } .customer-selection .customer-selection-item .radio-select [class*="span"], .customer-selection .customer-selection-item .company [class*="span"] { min-height: 10px; } .customer-selection .customer-selection-item .radio-select input { margin-left: 10px; } .prize-selection-promotion .prize-well { padding: 0; border: none; margin-right: 1px; } .prize-selection-promotion .prize-well img { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } .prize-selection-promotion .prize-well label { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; border: 1px solid #ababab; padding: 20px 20px 20px 40px; } .activity-statements iframe { width: 100%; height: 900px; } .blog { font-size: 13px; padding: 0 20px; } .blog article.item > h3 { margin-top: 20px; } .blog.blog-list-page h6 { margin: 5px 0; } .blog.blog-list-page .h3 { margin-bottom: 0px; } .blog.blog-list-page article { padding-top: 25px; } .blog.blog-list-page article .details { *zoom: 1; } .blog.blog-list-page article .details:before, .blog.blog-list-page article .details:after { display: table; content: ""; line-height: 0; } .blog.blog-list-page article .details:after { clear: both; } .blog.blog-list-page article .details .featured-image { float: left; margin-right: 13px; width: calc(17% - 13px); } .blog.blog-list-page article .details .description { float: left; width: 82%; } .blog.blog-list-page article .details .description p { text-align: justify; } .blog .blog-author { margin-top: 40px; border: 1px solid #DDD; width: 50%; padding: 10px; position: relative; } .blog .blog-author:before { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 21px; top: -42px; border-bottom-color: #dddddd; left: 100px; } .blog .blog-author:after { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 20px; top: -40px; border-bottom-color: white; left: 101px; } .blog .blog-author .author-name { font-weight: bold; font-size: 18px; color: #888; } .blog .blog-author .author-role { font-weight: bold; font-size: 13px; } .blog .blog-comments { padding-top: 10px; } .blog .blog-comments .comment { padding: 10px 0; border-top: 1px solid #F4F4F4; } .blog .blog-comments .comment:last-child { border-bottom: 1px solid #F4F4F4; } .blog .blog-comments .comment a { cursor: pointer; text-decoration: underline; } .blog .blog-comments time { color: #888; } .blog .blog-attachments a { text-decoration: none; border: 1px solid #DDD; height: 34px; font-weight: bold; padding: 10px; margin: 3px 0; display: block; line-height: 3em; } .blog .blog-attachments .media-icon { font-size: 35px; float: left; padding-right: 10px; } .blog .blog-attachments .media-icon.icon-doc, .blog .blog-attachments .media-icon.icon-docx { color: #295598; } .blog .blog-attachments .media-icon.icon-pdf { color: #C00909; } .blog .blog-attachments .media-icon.icon-csv, .blog .blog-attachments .media-icon.icon-xls, .blog .blog-attachments .media-icon.icon-xlsx { color: #207245; } .blog .blog-attachments .media-icon.icon-ppt:before, .blog .blog-attachments .media-icon.icon-pptx:before { color: #D14524; } .blog .blog-attachments .media-icon.icon-png, .blog .blog-attachments .media-icon.icon-pjpeg, .blog .blog-attachments .media-icon.icon-gif, .blog .blog-attachments .media-icon.icon-jpg, .blog .blog-attachments .media-icon.icon-jpeg { color: #333; } .blog .blog-attachments .media-icon.icon-unknown { color: #CCC; } .blog .blog-comment-entry { padding: 10px 0; margin-bottom: 30px; } .blog .blog-comment-entry textarea { height: 150px; resize: vertical; } .blog .blogs-related-articles-thumbnails span { float: left; font-weight: bold; } .blog .blogs-related-articles-thumbnails a { text-decoration: none; } .blog article { padding: 0px 0px 25px; position: relative; border-top: 1px solid #bbb; } .blog article:first-of-type { border-top: 0; } .blog article:after { position: absolute; top: 0px; left: 0px; right: 0px; height: 1px; content: ''; } .blog article:first-child:after { display: none; } .blog article .title-link { text-decoration: none; } .blog article h4 { margin-bottom: 10px; font-size: 13px; color: #212121; } .blog article .date { margin: 10px 0; } .blog article .date i { font-size: 150%; vertical-align: -20%; } .blog article .date time { padding-left: 5px; font-size: 11px; } .blog article p { color: #888; } .blog article .more a { text-decoration: underline; font-weight: normal; } .blog article .more a.hover { color: #212121; } .contact-numbers h1, .contact-numbers h2, .contact-numbers h3, .contact-numbers h4, .contact-numbers h5, .contact-numbers h6 { margin-top: 0; } .site-notification-bar { border-bottom: 1px solid #DDD; font-size: 13px; } .site-notification-bar .close { text-decoration: none; border: 0 none; opacity: 0.5; font-size: 21px; position: absolute; top: 4px; right: 5px; } .site-notification-bar .close:hover { opacity: 0.8; } .site-notification-bar .notification { position: relative; padding-left: 45px; } .site-notification-bar .notification h4 { font-size: 14px; font-weight: bold; margin: 10px 0 0 0; } .site-notification-bar .notification::before { position: absolute; top: 3px; left: 14px; font-size: 125%; } .site-notification-bar.alert-bar { background: #FFDE00; color: #222; } .site-notification-bar.info-bar { background: #222; color: #fff; } .site-notification-bar.info-bar * { color: #fff; } .site-notification-bar.no-javscript, .site-notification-bar.old-browser { padding: 10px 0; width: 100%; position: fixed; z-index: 2000; } .site-notification-bar.app-bar { min-height: 48px; padding-bottom: 10px; } .site-notification-bar.app-bar .notification { padding-left: 0; padding-right: 20px; } .site-notification-bar.app-bar .notification::before { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/app-logo.png") top left no-repeat; content: ''; width: 48px; height: 48px; background-size: 100% 100%; } .site-notification-bar.app-bar .notification h4 { padding-left: 70px; } .site-notification-bar.app-bar .notification > a { display: block; padding-left: 70px; } .home-page-always-serving { height: 220px; background: url("/v2.1.18/Content/themes/SignetNew/css/../img/home/highlight-bg.jpg") top left no-repeat; } .home-page-always-serving .post-it { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/home/always-serving-postit.png") top left no-repeat; height: 175px; margin: 20px 0 0 17px; } .home-page-always-serving .home-content { padding: 20px 10px 10px 30px; } .home-page-always-serving .home-content h4 { margin-bottom: 5px; } .home-page-always-serving .home-content p { font-size: 12px; color: #000; margin-bottom: 5px; } .home-page-always-serving .home-content ul li { float: left; width: 180px; margin-top: 8px; margin-left: 15px; font-size: 12px; } .home-page-always-serving .guarantee { color: #000; padding-top: 0px; padding-left: 20px; } .home-page-always-serving .guarantee h3 { font-size: 13px; font-weight: bold; margin-left: 5px; } .home-page-always-serving .guarantee p { line-height: 13px; font-size: 11px; padding-left: 10px; padding-right: 10px; } .home-page-always-serving .same-day-despatch:before { content: ''; margin-right: 5px; } .home-page-always-serving .price-guarantee:before { content: ''; margin-right: 5px; } .my-account-landing .my-account-ads { background-color: #F2F2F2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #CCCCCC; position: relative; padding: 0 10px; margin: 20px 10px 12px 10px; *zoom: 1; } .my-account-landing .my-account-ads:before, .my-account-landing .my-account-ads:after { display: table; content: ""; line-height: 0; } .my-account-landing .my-account-ads:after { clear: both; } .my-account-landing .my-account-ads .seperator { position: absolute; float: right; margin-top: -10px; } .my-account-landing .my-account-ads .ad-title { font-weight: bold; line-height: 50px; border-bottom: 1px solid #CCCCCC; margin-bottom: 20px; } .my-account-landing .my-account-ads .item-column { width: 33%; display: block; float: left; } .my-account-landing .my-account-ads .welcome-item { float: left; padding: 0px 12px; height: 150px; display: block; position: relative; } .my-account-landing .my-account-ads .welcome-item img { position: absolute; float: left; left: 15px; } .my-account-landing .my-account-ads .welcome-item p { font-size: 12px; position: relative; float: left; padding: 0 0 0 79px; line-height: 1; } .gtex-header .logo-mini { height: 89px; } .gtex-header .pull-left { font-size: 18px; width: 370px; margin-top: 31px; } .gtex-header-left { margin-top: 15px; } .banner-container { position: relative; } .banner-container .well { position: absolute; top: 20px; width: 37%; } .banner-container .well.left-well { left: 20px; } .large-text { font-size: 17px; } .large-text.bold { font-size: 18px; } ul.list-alt li { overflow: hidden; margin-bottom: 9px; } ul.list-alt li i { float: left; } ul.list-alt li .text { float: left; width: 285px; margin-left: 10px; font-size: 18px; color: #666; margin-top: 6px; } ul.list-alt li .text.multiline { margin-top: 0px; } .grid-well { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #ccc; } .grid-well.padded { padding: 20px; } .grid-well .item-row { border-top: 1px solid #ccc; overflow: hidden; } .grid-well .item-row:first-child { border-top: none; } .grid-well .item-row .item { float: left; padding: 20px; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #ccc; } .grid-well .item-row .item:first-child { border-left: none; } .grid-well .item-row .item .title { font-weight: bold; font-size: 21px; height: 40px; } .grid-well .item-row .item .image-container { height: 167px; } .grid-well .item-row .item .description { font-size: 13px; margin-top: 5px; margin-bottom: 5px; height: 50px; line-height: 17px; } .grid-well.light { background: #fff; } .extra-large { font-size: 24px; } .icon-tag-alt { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/gtex/banner-icons.png") top left no-repeat; width: 35px; height: 31px; display: inline-block; } .icon-economical { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/gtex/banner-icons.png") no-repeat; background-position-y: -31px; width: 35px; height: 37px; display: inline-block; } .icon-basket-tick { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/gtex/banner-icons.png") no-repeat; background-position-y: -71px; width: 35px; height: 32px; display: inline-block; } .icon-truck-alt { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/gtex/banner-icons.png") no-repeat; background-position-y: -118px; width: 35px; height: 28px; display: inline-block; } .icon-calendar-31 { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/gtex/banner-icons.png") no-repeat; background-position-y: -165px; width: 35px; height: 30px; display: inline-block; } .making-life-easier h1, .making-life-easier h2 { color: #111; } .making-life-easier h2 { margin-top: 0; margin-bottom: 35px; } .making-life-easier .row-fluid-featured { background: #ffde00; } .making-life-easier .row-fluid-featured p, .making-life-easier .row-fluid-featured span, .making-life-easier .row-fluid-featured div, .making-life-easier .row-fluid-featured sup, .making-life-easier .row-fluid-featured sub { color: #444; } .making-life-easier .row-fluid-featured-alt { background: #222; } .making-life-easier .row-fluid-featured-alt h1, .making-life-easier .row-fluid-featured-alt h2 { color: #fff; } .making-life-easier .row-fluid-featured-alt p, .making-life-easier .row-fluid-featured-alt span, .making-life-easier .row-fluid-featured-alt div, .making-life-easier .row-fluid-featured-alt sup, .making-life-easier .row-fluid-featured-alt sub { color: #fff; } .making-life-easier .row-fluid-featured-highlight { background: #f04e36; } .making-life-easier .row-fluid-featured-highlight h1, .making-life-easier .row-fluid-featured-highlight h2 { color: #fff; } .making-life-easier .row-fluid-featured-highlight p, .making-life-easier .row-fluid-featured-highlight span, .making-life-easier .row-fluid-featured-highlight div, .making-life-easier .row-fluid-featured-highlight sup, .making-life-easier .row-fluid-featured-highlight sub { color: #fff; } .making-life-easier p { color: #666; font-size: 18px; line-height: 27px; } .making-life-easier p strong { font-size: inherit; } .making-life-easier p span { color: inherit; } .making-life-easier .btn.btn-secondary i, .making-life-easier .product-actions .btn.cart-btn i, .product-actions .making-life-easier .btn.cart-btn i, .making-life-easier .store-search .btn.search-button.btn-search i, .store-search .making-life-easier .btn.search-button.btn-search i, .making-life-easier .landing .carton-finder-row .carton-finder-form .btn i, .landing .carton-finder-row .carton-finder-form .making-life-easier .btn i { padding: 0 5px; } .making-life-easier .blade { overflow: hidden; } .making-life-easier .blade.visible-overflow { overflow: visible; } .making-life-easier .logo-row { padding: 30px 0; } .making-life-easier .logo-row .logo-row-button { margin-top: 13px; display: inline-block; } .making-life-easier .header-row { padding: 15px 0; } .making-life-easier .hero-image { position: relative; text-align: center; } .making-life-easier .hero-image .hero-image-container { overflow: hidden; text-align: right; } .making-life-easier .hero-image img.hero { -webkit-animation: slideIn 1s; animation: slideIn 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; z-index: 20; position: relative; } .making-life-easier .hero-image .scale-gradient { position: absolute; z-index: 10; left: 0; top: 0; height: 100%; width: 100%; } .making-life-easier .hero-image .scale-gradient img { height: 100%; width: 100%; } .making-life-easier .hero-image .hero-image-content { position: relative; } .making-life-easier .hero-image .hero-image-content [class*="span"] { min-height: 0; } .making-life-easier .hero-image .hero-image-content .win-your-choice { position: absolute; top: -67px; right: 0; -webkit-animation: pulse 1s alternate; animation: pulse 1s alternate; -webkit-animation-iteration-count: 4; animation-iteration-count: 4; z-index: 100; width: 315px; } .making-life-easier .spacer { padding-left: 5px; padding-right: 5px; } .making-life-easier .under-heading-row { padding: 30px 0; } .making-life-easier .under-heading-row .under-heading { font-size: 24px; } .making-life-easier .under-heading-row .under-heading a { color: inherit; } .making-life-easier .under-heading-row .under-heading i { text-decoration: none; -webkit-animation: shakeMore 2s infinite alternate; animation: shakeMore 2s infinite alternate; } .making-life-easier .navbar.navbar-main { padding-left: 5px; padding-right: 5px; } .making-life-easier .navbar.navbar-main .store-search { float: none; width: auto; } .making-life-easier .navbar.navbar-main .store-search .lookup-area { left: 0; right: auto; } .making-life-easier .navbar.navbar-main .store-search .lookup-area .lookup-area-tip { left: 100px; right: auto; } .making-life-easier .video-row { padding: 60px 0; } .making-life-easier .video-row h4 { margin: 30px 0; } .making-life-easier .video-row .btn { margin-top: 20px; margin-bottom: 20px; } .making-life-easier .search-row { padding: 80px 0; } .making-life-easier .search-row .try-it-now { margin: 55px 0 10px 0; } .making-life-easier .search-row > [class*="span"] { position: relative; } .making-life-easier .search-row .magnifying-glass { position: absolute; top: 0; right: 0; width: 293px; } .making-life-easier .search-row .mobile { position: absolute; top: 0; right: 0; width: 400px; } .making-life-easier .finder-row { padding: 50px 0; height: 570px; } .making-life-easier .finder-row > [class*="span"] { position: relative; } .making-life-easier .finder-row .finder-text { padding-top: 110px; } .making-life-easier .finder-row .finder-text .finder-actions { margin-top: 30px; } .making-life-easier .finder-row .carton-finder { position: absolute; top: 0px; left: 0; width: 400px; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background: none; } .making-life-easier .finder-row .carton { position: absolute; top: 230px; right: 0; width: 400px; } .making-life-easier .favourites-blade { overflow: hidden; } .making-life-easier .favourites-row { padding: 50px 0; position: relative; } .making-life-easier .favourites-row .favourites-text { padding-top: 60px; } .making-life-easier .favourites-row .add-to-favourites-text { position: absolute; bottom: 67px; right: 260px; z-index: 10; width: 677px; } .making-life-easier .favourites-row .favourites-image { position: relative; } .making-life-easier .favourites-row .pseudo-product-rotator { width: 576px; } .making-life-easier .favourites-row .favourites-icon { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/makinglifeeasier/addToFavourites.png") top left no-repeat; width: 128px; height: 22px; position: absolute; bottom: 30px; cursor: pointer; z-index: 20; } .making-life-easier .favourites-row .favourites-icon.active { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/makinglifeeasier/addToFavouritesOn.png") top left no-repeat; } .making-life-easier .favourites-row .favourites-icon-left { left: 60px; } .making-life-easier .favourites-row .favourites-icon-right { left: 293px; } .making-life-easier .invoices-row { padding: 50px 0; } .making-life-easier .invoices-row > [class*="span"] { position: relative; } .making-life-easier .invoices-row ul li { color: #666; font-size: 18px; line-height: 27px; margin-bottom: 15px; } .making-life-easier .invoices-row .invoices-images { height: 480px; } .making-life-easier .invoices-row .my-account { position: absolute; top: 0; left: 0; width: 300px; } .making-life-easier .invoices-row .my-records { position: absolute; bottom: 0; right: 0; width: 391px; } .making-life-easier .invoices-row .invoices-actions { padding-top: 35px; } .making-life-easier .invoices-row .super-desktop-buttons { display: none; } .making-life-easier .new-product-page-row { padding: 60px 0; } .making-life-easier .responsive-row { padding: 120px 0; } .making-life-easier .responsive-row .responsive-devices { position: relative; height: 340px; } .making-life-easier .responsive-row .responsive-devices .desktop { position: absolute; top: -42px; right: 50px; width: 400px; } .making-life-easier .responsive-row .responsive-devices .tablet { position: absolute; top: 16px; right: 0; width: 200px; } .making-life-easier .responsive-row .responsive-devices .mobile { position: absolute; top: 77px; right: 136px; width: 112px; } .making-life-easier .responsive-row .responsive-devices .try-it-now { position: absolute; top: 330px; left: 0; width: 100%; text-align: center; } .making-life-easier .live-chat-row { padding: 60px 0; } .making-life-easier .live-chat-row .live-chat-text { margin-top: 70px; } .making-life-easier .secure-row { padding: 50px 0; } .making-life-easier .secure-row > [class*="span"] { position: relative; } .making-life-easier .secure-row .secure-text { margin-top: 75px; } .making-life-easier .secure-row .secure-images { height: 445px; } .making-life-easier .secure-row .secure-images .lock { position: absolute; top: 0; right: 0; width: 170px; } .making-life-easier .secure-row .secure-images .verisign { position: absolute; bottom: 0; left: 0; width: 339px; } .making-life-easier .external-menu-wrapper { background: #eee; } .making-life-easier .external-menu-wrapper .external-menu-row { padding: 30px 0; } .making-life-easier .external-menu-wrapper .external-menu-row ul.external-menu { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/makinglifeeasier/postitnote.png") top left no-repeat; background-size: 260px 260px; padding-left: 280px; } .making-life-easier .external-menu-wrapper .external-menu-row ul.external-menu li { width: 220px; max-width: 220px; } .making-life-easier .footer-row { padding: 30px 0; } .making-life-easier .footer-separator { border-bottom: 1px solid #888; margin-bottom: 30px; } .making-life-easier .clarifications { margin-bottom: 30px; } .no-mq .making-life-easier .try-it-now { visibility: hidden; } @-webkit-keyframes shake { from { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } to { -ms-transform: rotate(-2.5deg); -webkit-transform: rotate(-2.5deg); transform: rotate(-2.5deg); } } @-moz-keyframes shake { from { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } to { -ms-transform: rotate(-2.5deg); -webkit-transform: rotate(-2.5deg); transform: rotate(-2.5deg); } } @-ms-keyframes shake { from { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } to { -ms-transform: rotate(-2.5deg); -webkit-transform: rotate(-2.5deg); transform: rotate(-2.5deg); } } @keyframes shake { from { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } to { -ms-transform: rotate(-2.5deg); -webkit-transform: rotate(-2.5deg); transform: rotate(-2.5deg); } } @-webkit-keyframes shakeMode { from { -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); } to { -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } } @-moz-keyframes shakeMode { from { -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); } to { -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } } @-ms-keyframes shakeMode { from { -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); } to { -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } } @keyframes shakeMode { from { -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); } to { -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } } @-webkit-keyframes pulse { from { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -ms-transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } } @-moz-keyframes pulse { from { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -ms-transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } } @-ms-keyframes pulse { from { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -ms-transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } } @keyframes pulse { from { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -ms-transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } } @-webkit-keyframes slideIn { from { -ms-transform: translateX(2000px); -webkit-transform: translateX(2000px); transform: translateX(2000px); } to { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes slideIn { from { -ms-transform: translateX(2000px); -webkit-transform: translateX(2000px); transform: translateX(2000px); } to { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes slideIn { from { -ms-transform: translateX(2000px); -webkit-transform: translateX(2000px); transform: translateX(2000px); } to { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideIn { from { -ms-transform: translateX(2000px); -webkit-transform: translateX(2000px); transform: translateX(2000px); } to { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } .december-campaign h1, .december-campaign h2 { color: #111; } .december-campaign h2 { margin-top: 0; margin-bottom: 35px; } .december-campaign p.text-highlight, .december-campaign span.text-highlight, .december-campaign div.text-highlight, .december-campaign sup.text-highlight, .december-campaign sub.text-highlight { color: #F04D35; } .december-campaign p.asterisk, .december-campaign span.asterisk, .december-campaign div.asterisk, .december-campaign sup.asterisk, .december-campaign sub.asterisk { font-size: 13px; line-height: 18px; color: #212121; font-weight: bold; } .december-campaign .shop-button { margin-top: 50px; } .december-campaign .row-fluid-featured { background: #ffde00; } .december-campaign .row-fluid-featured p, .december-campaign .row-fluid-featured span, .december-campaign .row-fluid-featured div, .december-campaign .row-fluid-featured sup, .december-campaign .row-fluid-featured sub { color: #444; } .december-campaign .row-fluid-featured p.text-highlight, .december-campaign .row-fluid-featured span.text-highlight, .december-campaign .row-fluid-featured div.text-highlight, .december-campaign .row-fluid-featured sup.text-highlight, .december-campaign .row-fluid-featured sub.text-highlight { color: #F04D35; } .december-campaign .row-fluid-featured p.asterisk, .december-campaign .row-fluid-featured span.asterisk, .december-campaign .row-fluid-featured div.asterisk, .december-campaign .row-fluid-featured sup.asterisk, .december-campaign .row-fluid-featured sub.asterisk { color: #212121; } .december-campaign .row-fluid-featured-alt { background: #222; } .december-campaign .row-fluid-featured-alt h1, .december-campaign .row-fluid-featured-alt h2 { color: #fff; } .december-campaign .row-fluid-featured-alt p, .december-campaign .row-fluid-featured-alt span, .december-campaign .row-fluid-featured-alt div, .december-campaign .row-fluid-featured-alt sup, .december-campaign .row-fluid-featured-alt sub { color: #fff; } .december-campaign .row-fluid-featured-alt p.text-highlight, .december-campaign .row-fluid-featured-alt span.text-highlight, .december-campaign .row-fluid-featured-alt div.text-highlight, .december-campaign .row-fluid-featured-alt sup.text-highlight, .december-campaign .row-fluid-featured-alt sub.text-highlight { color: #FFDE00; } .december-campaign .row-fluid-featured-highlight { background: #f04e36; } .december-campaign .row-fluid-featured-highlight h1, .december-campaign .row-fluid-featured-highlight h2 { color: #fff; } .december-campaign .row-fluid-featured-highlight p, .december-campaign .row-fluid-featured-highlight span, .december-campaign .row-fluid-featured-highlight div, .december-campaign .row-fluid-featured-highlight sup, .december-campaign .row-fluid-featured-highlight sub { color: #fff; } .december-campaign p { color: #666; font-size: 18px; line-height: 27px; } .december-campaign p strong { font-size: inherit; } .december-campaign p span { color: inherit; } .december-campaign .btn.btn-secondary i, .december-campaign .product-actions .btn.cart-btn i, .product-actions .december-campaign .btn.cart-btn i, .december-campaign .store-search .btn.search-button.btn-search i, .store-search .december-campaign .btn.search-button.btn-search i, .december-campaign .landing .carton-finder-row .carton-finder-form .btn i, .landing .carton-finder-row .carton-finder-form .december-campaign .btn i { padding: 0 5px; } .december-campaign .blade { overflow: hidden; } .december-campaign .blade.visible-overflow { overflow: visible; } .december-campaign .blade ul li { font-size: 24px; line-height: 33px; } .december-campaign .sun { width: 300px; height: 300px; z-index: 40; position: absolute; } .december-campaign .sun .sun-icon { width: 100%; height: 100%; -webkit-animation: spin 6s infinite linear; animation: spin 6s infinite linear; } .december-campaign .sun .sun-text { position: absolute; text-align: center; width: 115px; top: 35%; left: 31%; } .december-campaign .sun.sun-small { width: 200px; height: 200px; } .december-campaign .sun.sun-small .sun-text { left: 0; width: 200px; } .december-campaign .offers .offer { background: #FFDE00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 15px; height: 165px; padding: 10px; font-weight: bold; font-size: 11px; cursor: pointer; } .december-campaign .offers .offer .offer-alt-text { color: #F04D35; font-weight: bold; } .december-campaign .offers .offer ul { margin-left: 15px; } .december-campaign .offers .offer ul li { line-height: 16px; font-size: 11px; } .december-campaign .logo-row { padding: 25px 0; } .december-campaign .logo-row .logo-row-button { margin-top: 13px; display: inline-block; } .december-campaign .under-heading-row { padding: 30px 0; } .december-campaign .under-heading-row .under-heading { font-size: 24px; } .december-campaign .under-heading-row .under-heading a { color: inherit; text-decoration: none; } .december-campaign .under-heading-row .under-heading i { text-decoration: none; -webkit-animation: shakeMore 2s infinite alternate; animation: shakeMore 2s infinite alternate; } .december-campaign .hero-image { position: relative; background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/december/background-crop.jpg") center center no-repeat; height: 610px; } .december-campaign .hero-image .hero-image-content { position: relative; } .december-campaign .hero-image .hero-image-content [class*="span"] { min-height: 0; } .december-campaign .hero-image .hero-image-content .great-year { position: absolute; z-index: 30; top: 0px; left: -110px; width: 656px; height: 413px; } .december-campaign .hero-image .hero-image-content .santa { position: absolute; z-index: 30; top: 100px; left: 44%; width: 534px; height: 399px; -webkit-animation: slideInToRight 2s; animation: slideInToRight 2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .december-campaign .hero-image .hero-image-content .summer-starts-here { position: absolute; z-index: 30; top: 510px; left: 0; -webkit-animation: fadeIn 4s; animation: fadeIn 4s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .december-campaign .hero-image .hero-image-content .sun { top: 350px; right: 0px; } .december-campaign .offers-row { padding: 70px 0; } .december-campaign .offers-row .bbqs { margin-top: 50px; height: 342px; position: relative; } .december-campaign .offers-row .bbqs .bbq { width: 243px; height: 212px; position: absolute; } .december-campaign .offers-row .bbqs .bbq1 { top: 0; left: 0; z-index: 1; } .december-campaign .offers-row .bbqs .bbq2 { top: 50px; left: 100px; z-index: 2; } .december-campaign .offers-row .bbqs .bbq3 { top: 100px; left: 200px; z-index: 3; } .december-campaign .offers-row .bbq-text { margin-top: 60px; font-size: 18px; line-height: 30px; } .december-campaign .tv-row { padding: 50px 0; position: relative; } .december-campaign .tv-row .sun { top: 15px; left: -50px; } .december-campaign .tv-row .sun .sun-text { top: 75px; } .december-campaign .clock-row { padding: 50px 0; position: relative; } .december-campaign .clock-row .sun { top: 15px; right: 50px; } .december-campaign .sqwincher-row { padding: 50px 0; position: relative; } .december-campaign .sqwincher-row .sun { top: 15px; left: -50px; } .december-campaign .sqwincher-row .sun .sun-text { top: 75px; } .december-campaign .dispenser-row { padding: 50px 0; position: relative; } .december-campaign .dispenser-row .sun { top: 15px; right: 0px; } .december-campaign .same-day-row { padding: 50px 0; position: relative; } .december-campaign .same-day-row .sun { top: 15px; left: -50px; } .december-campaign .same-day-row .sun .sun-text { top: 75px; } .december-campaign .corporate-row { padding: 50px 0; position: relative; } .december-campaign .corporate-row .sun { top: 15px; right: -50px; } .december-campaign .stay-safe-row { padding: 50px 0; position: relative; } .december-campaign .stay-safe-row .sun { top: 15px; left: -50px; } .december-campaign .stay-safe-row .sun .sun-text { top: 30%; } .december-campaign .ansell-row { padding: 50px 0; position: relative; } .december-campaign .ansell-row .sun { top: 15px; right: 0px; } .december-campaign .mop-row { padding: 0 0 50px 0; position: relative; } .december-campaign .mop-row .sun { top: 15px; left: 30px; } .december-campaign .mop-row .mop-text { margin-top: 50px; } .december-campaign .scott-row { padding: 50px 0; position: relative; } .december-campaign .scott-row .sun { top: 15px; right: -50px; } .december-campaign .christmas-row { padding: 50px 0; position: relative; } .december-campaign .christmas-row .sun { top: 15px; left: 0px; } .december-campaign .sunscreen-row { padding: 50px 0; position: relative; } .december-campaign .sunscreen-row .sun { top: 15px; right: 0px; } .december-campaign .sunscreen-row .sun .sun-text { top: 75px; } .december-campaign .external-menu-wrapper { background: #eee; } .december-campaign .external-menu-wrapper .external-menu-row { padding: 30px 0; } .december-campaign .external-menu-wrapper .external-menu-row ul.external-menu { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/december/postit.png") top left no-repeat; background-size: 260px 260px; padding-left: 280px; } .december-campaign .external-menu-wrapper .external-menu-row ul.external-menu li { width: 220px; max-width: 220px; } .december-campaign .footer-row { padding: 30px 0; } .december-campaign .footer-separator { border-bottom: 1px solid #888; margin-bottom: 30px; } .december-campaign .clarifications { margin-bottom: 30px; } .december-campaign .clarifications-table { margin-bottom: 50px; } .december-campaign .clarifications-table td, .december-campaign .clarifications-table th { color: #fff; } .december-campaign .clarifications-table td a, .december-campaign .clarifications-table th a { color: #fff; } @-webkit-keyframes slideInToRight { from { -ms-transform: translateX(-2000px); -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } to { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes slideInToRight { from { -ms-transform: translateX(-2000px); -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } to { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes slideInToRight { from { -ms-transform: translateX(-2000px); -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } to { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInToRight { from { -ms-transform: translateX(-2000px); -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } to { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeIn { from { opacity: 0.0; } to { opacity: 1.0; } } @-moz-keyframes fadeIn { from { opacity: 0.0; } to { opacity: 1.0; } } @-ms-keyframes fadeIn { from { opacity: 0.0; } to { opacity: 1.0; } } @keyframes fadeIn { from { opacity: 0.0; } to { opacity: 1.0; } } .landing .logo-row { padding: 25px 0; } .landing .logo-row .logo-row-button { margin-top: 13px; display: inline-block; } .landing .logo-row #google-trusted-stores-badge { margin-left: 10px; display: inline-block; } .landing .hero-image { position: relative; height: 610px; text-align: center; background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging/header-bg-tile.jpg") repeat; } .landing .hero-image .hero-images-wrapper { overflow: hidden; position: absolute; width: 100%; top: 0; left: 0; } .landing .hero-image .hero-images-wrapper .hero-images-container { position: relative; height: 610px; } .landing .hero-image .hero-images-wrapper .hero-images-container .header-image { position: absolute; transform: translateX(-2000px); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .landing .hero-image .hero-images-wrapper .hero-images-container .header-cardboard { top: 163px; right: -90px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing .hero-image .hero-images-wrapper .hero-images-container .header-cardboard > img { -ms-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } .landing .hero-image .hero-images-wrapper .hero-images-container .header-bubble-wrap { top: 263px; left: -375px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing .hero-image .hero-images-wrapper .hero-images-container .header-bubble-wrap > img { -ms-transform: rotate(-59deg); -webkit-transform: rotate(-59deg); transform: rotate(-59deg); } .landing .hero-image .hero-images-wrapper .hero-images-container .header-yellow-tape { width: 1760px; top: -70px; left: -140px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1s; animation-duration: 1s; } .landing .hero-image .hero-images-wrapper .hero-images-container .header-jiffy { top: 95px; right: -216px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .landing .hero-image .hero-images-wrapper .hero-images-container .header-white-tape { left: -388px; top: 12px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1s; animation-duration: 1s; } .landing .hero-image .hero-images-wrapper .hero-images-container .header-scissors { top: 223px; right: 356px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2s; animation-duration: 2s; } .landing .hero-image .hero-images-wrapper .hero-images-container .header-stanley-knife { right: 230px; top: 188px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing .hero-image .hero-images-wrapper .hero-images-container .header-tape-dispenser { top: 240px; left: -40px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 2s; animation-duration: 2s; } .landing .hero-image .hero-content { position: relative; } .landing .hero-image .hero-content h1.title { position: absolute; top: 50px; left: 40px; color: #fff; font-size: 40px; width: 70%; text-align: left; line-height: 1.15; z-index: 100; } .landing .hero-image .hero-content [class*="span"] { min-height: 0; } .landing .hero-image .hero-content .promo-circle { position: absolute; top: -20px; right: 0; -webkit-animation: pulse 1s alternate; animation: pulse 1s alternate; -webkit-animation-iteration-count: 4; animation-iteration-count: 4; z-index: 100; width: 310px; } .landing .icon-section-responsive { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging/section-responsive-icon.png") top left transparent no-repeat; width: 59px; height: 31px; } .landing .icon-section-orders { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging/section-orders-icon.png") top left transparent no-repeat; width: 29px; height: 38px; } .landing .icon-section-clock { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging/section-clock-icon.png") top left transparent no-repeat; width: 43px; height: 43px; } .landing .icon-section-chat { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging/section-chat-icon.png") top left transparent no-repeat; width: 48px; height: 35px; } .landing .icon-section-discount { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging/section-discount-icon.png") top left transparent no-repeat; width: 50px; height: 41px; } .landing .icon-section-search { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging/section-search-icon.png") top left transparent no-repeat; width: 34px; height: 33px; } .landing .icon-section-security { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging/section-security-icon.png") top left transparent no-repeat; width: 27px; height: 40px; } .landing [class^="icon-section"] { display: inline-block; vertical-align: bottom; } .landing .helping-australia { position: relative; top: 9px; left: -10px; } .landing h1, .landing h2 { color: #111; } .landing h2 { margin-top: 0; margin-bottom: 35px; } .landing .row-fluid .btn-mini[class*="span"] { min-height: 0; } .landing .row-fluid-featured { background: #ffde00; } .landing .row-fluid-featured p, .landing .row-fluid-featured span, .landing .row-fluid-featured div, .landing .row-fluid-featured sup, .landing .row-fluid-featured sub { color: #444; } .landing .row-fluid-featured-alt { background: #222; } .landing .row-fluid-featured-alt h1, .landing .row-fluid-featured-alt h2 { color: #fff; } .landing .row-fluid-featured-alt p, .landing .row-fluid-featured-alt span, .landing .row-fluid-featured-alt div, .landing .row-fluid-featured-alt sup, .landing .row-fluid-featured-alt sub { color: #fff; } .landing .row-fluid-featured-alt2 { background: #eee; } .landing .row-fluid-featured-alt3 { background: #F04E36; padding: 50px 0; } .landing .row-fluid-featured-alt3 h1 { font-size: 77px; padding-top: 22px; padding-bottom: 10px; } .landing .row-fluid-featured-alt3 h2 { font-size: 26px; margin-bottom: 16px; line-height: 1.2; } .landing .row-fluid-featured-alt3 h2 span { color: #FED603; } .landing .row-fluid-featured-alt3 h1, .landing .row-fluid-featured-alt3 h2 { color: #fff; } .landing .row-fluid-featured-alt3 p, .landing .row-fluid-featured-alt3 span, .landing .row-fluid-featured-alt3 div, .landing .row-fluid-featured-alt3 sup, .landing .row-fluid-featured-alt3 sub { color: #fff; } .landing .row-fluid-featured-alt3 p.terms-and-conditions { color: #460000; font-weight: bold; } .landing .row-fluid-featured-alt3 p.terms-and-conditions span { color: #FED603; } .landing .row-fluid-featured-alt3 p.terms-and-conditions a { color: #460000; } .landing .row-fluid-featured-highlight { background: #f04e36; } .landing .row-fluid-featured-highlight h1, .landing .row-fluid-featured-highlight h2, .landing .row-fluid-featured-highlight h3 { color: #fff; } .landing .row-fluid-featured-highlight p, .landing .row-fluid-featured-highlight span, .landing .row-fluid-featured-highlight div, .landing .row-fluid-featured-highlight sup, .landing .row-fluid-featured-highlight sub { color: #460000; font-weight: bold; } .landing .row-fluid-featured-highlight p.text-highlight, .landing .row-fluid-featured-highlight span.text-highlight, .landing .row-fluid-featured-highlight div.text-highlight, .landing .row-fluid-featured-highlight sup.text-highlight, .landing .row-fluid-featured-highlight sub.text-highlight { color: #FFDE00; } .landing p { color: #666; font-size: 18px; line-height: 27px; } .landing p strong { font-size: inherit; } .landing p span { color: inherit; } .landing .btn.btn-secondary i, .landing .product-actions .btn.cart-btn i, .product-actions .landing .btn.cart-btn i, .landing .store-search .btn.search-button.btn-search i, .store-search .landing .btn.search-button.btn-search i, .landing .carton-finder-row .carton-finder-form .btn i { padding: 0 5px; } .landing .blade { overflow: hidden; } .landing .blade.visible-overflow { overflow: visible; } .landing .header-row { padding: 15px 0; } .landing .header-row a { font-size: 22px; font-weight: bold; text-decoration: none; padding-right: 40px; margin-top: 10px; display: inline-block; } .landing .header-row a i { font-size: 75%; } .landing .header-row .header-tag-line { display: none; } .landing .spacer { padding-left: 5px; padding-right: 5px; } .landing .we-stock-row { padding: 65px 0; } .landing .we-stock-row .tile-row { margin-bottom: 40px; } .landing .we-stock-row .tile-row .tile-title { font-size: 18px; margin-bottom: 10px; height: 40px; } .landing .we-stock-row .tile-row .tile-image { height: 160px; text-align: center; margin-bottom: 5px; line-height: 160px; } .landing .we-stock-row .tile-row .tile-image img { max-height: 100%; } .landing .we-stock-row .view-full-range-helper { text-align: right; margin-bottom: 25px; margin-right: 31px; } .landing .we-stock-row .store-search .search-bar, .landing .we-stock-row .store-search .search-button { height: 32px; } .landing .we-stock-row .store-search .search-button { border-left: 1px solid #ccc; } .landing .we-stock-row .store-search .search-button.btn-search .icon-mag-glass::before { position: absolute; top: 4px; } .landing .we-stock-row .store-search .search-button.btn-search span { top: -2px; } .landing .we-stock-row .store-search .store-search-autocomplete { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .landing .we-stock-row .search-helper { margin-top: 25px; padding-left: 20px; } .landing .carton-finder-row { padding: 50px 0; } .landing .carton-finder-row .carton-finder { background: none; border: none; margin: 0; padding: 0; } .landing .carton-finder-row .carton-finder-form label { font-weight: bold; } .landing .carton-finder-row .carton-finder-temp-image { opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed; } .landing .about-signet-row { padding: 50px 0; } .landing .about-signet-row .making-life-easier-logo { width: 222px; margin-bottom: 20px; } .landing .carousel-section .carousel { margin-bottom: 0; } .landing .carousel-section .carousel-inner { overflow: visible; } .landing .carousel-section .item .blade { height: 640px; } .landing .carousel-section .carousel-controls { *zoom: 1; } .landing .carousel-section .carousel-controls:before, .landing .carousel-section .carousel-controls:after { display: table; content: ""; line-height: 0; } .landing .carousel-section .carousel-controls:after { clear: both; } .landing .carousel-section .carousel-controls .carousel-control-section { float: left; width: 14.165%; cursor: pointer; padding: 10px 0; height: 96px; border-right: 1px solid #fff; } .landing .carousel-section .carousel-controls .carousel-control-section:first-child { border-left: 1px solid #fff; } .landing .carousel-section .carousel-controls .carousel-control-section .carousel-control-icon { margin-top: 10px; vertical-align: middle; height: 42px; line-height: 42px; } .landing .carousel-section .carousel-controls .carousel-control-section .carousel-control-title { padding: 10px 0; font-weight: bold; } .landing .carousel-section .carousel-controls .carousel-control-section.active { background: #ddd; } .landing .signet-3M-logo { max-width: none; } .landing .responsive-row { padding: 145px 0; } .landing .responsive-row .responsive-devices { position: relative; height: 340px; } .landing .responsive-row .responsive-devices .desktop { position: absolute; top: -42px; right: 50px; width: 400px; } .landing .responsive-row .responsive-devices .tablet { position: absolute; top: 16px; right: 0; width: 200px; } .landing .responsive-row .responsive-devices .mobile { position: absolute; top: 77px; right: 136px; width: 112px; } .landing .invoices-row { padding: 75px 0; } .landing .invoices-row > [class*="span"] { position: relative; } .landing .invoices-row ul li { color: #666; margin-bottom: 15px; } .landing .invoices-row p, .landing .invoices-row ul li { font-size: 16px; line-height: 1.1; } .landing .invoices-row .invoices-images { height: 480px; } .landing .invoices-row .my-account { position: absolute; top: 0; left: 40px; width: 400px; -moz-animation: wobble 2s linear infinite; -o-animation: wobble 2s linear infinite; -webkit-animation: wobble 2s linear infinite; animation: wobble 2s linear infinite; } .landing .invoices-row .my-records { position: absolute; bottom: 0; right: 0; width: 391px; } .landing .invoices-row .invoices-actions { padding-top: 35px; } .landing .invoices-row .super-desktop-buttons { display: none; } .landing .live-chat-row { padding: 75px 0; } .landing .live-chat-row .live-chat-text { margin-top: 70px; } .landing .secure-row { padding: 95px 0; } .landing .secure-row > [class*="span"] { position: relative; } .landing .secure-row .secure-text { margin-top: 75px; } .landing .secure-row .secure-images { height: 445px; } .landing .secure-row .secure-images .lock { position: absolute; top: 0; right: 0; width: 170px; } .landing .secure-row .secure-images .verisign { position: absolute; bottom: 0; left: 0; width: 339px; } .landing .same-day-row { padding: 145px 0; } .landing .same-day-row .same-day-images { position: relative; } .landing .same-day-row .van { position: absolute; top: 0; left: 0; } .landing .same-day-row .boxes { position: absolute; top: 100px; right: 0; } .landing .lowest-prices-row { padding: 145px 0; } .landing .lowest-prices-row .lowest-price { -moz-animation: shake 2s infinite alternate; -o-animation: shake 2s infinite alternate; -webkit-animation: shake 2s infinite alternate; animation: shake 2s infinite alternate; } .landing .navbar.navbar-main { padding-left: 5px; padding-right: 5px; } .landing .navbar.navbar-main .store-search { float: none; width: auto; } .landing .navbar.navbar-main .store-search .lookup-area { left: 0; right: auto; } .landing .navbar.navbar-main .store-search .lookup-area .lookup-area-tip { left: 100px; right: auto; } .landing .search-row { padding: 125px 0; } .landing .search-row .try-it-now { margin: 55px 0 10px 0; } .landing .search-row > [class*="span"] { position: relative; } .landing .search-row .magnifying-glass { position: absolute; top: 0; right: 0; width: 293px; } .landing .search-row .mobile { position: absolute; top: 0; right: 0; width: 400px; } .landing .item.active .magnifying-glass { -moz-animation: searchPath 2s infinite; -o-animation: searchPath 2s infinite; -webkit-animation: searchPath 2s infinite; animation: searchPath 2s infinite; } .landing .external-menu-wrapper { background: #eee; } .landing .external-menu-wrapper .external-menu-row { padding: 30px 0; } .landing .external-menu-wrapper .external-menu-row ul.external-menu { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/makinglifeeasier/postitnote.png") top left no-repeat; background-size: 260px 260px; padding-left: 280px; } .landing .external-menu-wrapper .external-menu-row ul.external-menu li { width: 220px; max-width: 220px; } .landing .footer-row { padding: 30px 0; } .landing .tile-title span { white-space: nowrap; } .landing.packaging-tape .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging-tape/header-bg-tile.jpg") repeat; } .landing.packaging-tape .hero-image .hero-content h1.title { text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); } .landing.packaging-tape .hero-image .hero-content .promo-circle { top: 336px; right: -27px; } .landing.packaging-tape .hero-image .hero-images-wrapper .hero-images-container .header-hand-tape { top: -99px; left: -220px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.packaging-tape .hero-image .hero-images-wrapper .hero-images-container .header-hand-tape img { max-width: none; } .landing.packaging-tape .hero-image .help-aus-compete { position: absolute; top: 320px; left: 40px; z-index: 100; width: 350px; } .landing.spray-adhesive .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/spray-adhesive/hero-backdrop.png"); background-size: cover; width: 100%; height: 604px; } .landing.spray-adhesive .hero-image .hero-content h1.title { text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); } .landing.spray-adhesive .hero-image .hero-content .promo-circle { top: -25px; right: -27px; } .landing.spray-adhesive .hero-image .hero-images-wrapper .hero-images-container .header-hand-spray { top: 0px; left: 460px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.spray-adhesive .hero-image .hero-images-wrapper .hero-images-container .header-hand-spray img { max-width: none; } .landing.spray-adhesive .hero-image .help-aus-compete { position: absolute; top: 320px; left: 40px; z-index: 100; width: 350px; } .landing.hearing-protection .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/hearing-protection/hero-backdrop.png"); background-size: cover; width: 100%; height: 604px; } .landing.hearing-protection .hero-image .hero-content h1.title { text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); } .landing.hearing-protection .hero-image .hero-content .promo-circle { top: 395px; right: -27px; } .landing.hearing-protection .hero-image .hero-images-wrapper .hero-images-container .header-man-with-earplugs { top: 0px; left: 290px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.hearing-protection .hero-image .hero-images-wrapper .hero-images-container .header-man-with-earplugs img { max-width: none; } .landing.hearing-protection .hero-image .help-aus-compete { position: absolute; top: 320px; left: 40px; z-index: 100; width: 350px; } .landing.respirators .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/respirators/hero-backdrop.png"); background-size: cover; width: 100%; height: 604px; } .landing.respirators .hero-image .hero-content h1.title { text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); } .landing.respirators .hero-image .hero-content .promo-circle { top: 395px; right: -27px; } .landing.respirators .hero-image .hero-images-wrapper .hero-images-container .header-man-with-respirator { top: 0px; left: -205px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2s; animation-duration: 2s; } .landing.respirators .hero-image .hero-images-wrapper .hero-images-container .header-man-with-respirator img { max-width: none; } .landing.respirators .hero-image .help-aus-compete { position: absolute; top: 320px; left: 40px; z-index: 100; width: 350px; } .landing.cleaning .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/cleaning/hero-backdrop.png"); background-size: cover; width: 100%; height: 604px; } .landing.cleaning .hero-image .hero-content h1.title { text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); } .landing.cleaning .hero-image .hero-content .promo-circle { top: 395px; right: -27px; } .landing.cleaning .hero-image .hero-images-wrapper .hero-images-container .header-cleaning-hand { top: 0px; left: -205px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2s; animation-duration: 2s; } .landing.cleaning .hero-image .hero-images-wrapper .hero-images-container .header-cleaning-hand img { max-width: none; } .landing.cleaning .hero-image .help-aus-compete { position: absolute; top: 360px; left: 40px; z-index: 100; width: 350px; } .landing.masking-tape .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/masking-tape/header-bg-tile.jpg") repeat; } .landing.masking-tape .hero-image .hero-content .promo-circle { top: 336px; right: -27px; } .landing.masking-tape .hero-image .hero-images-wrapper .hero-images-container .header-tapes { top: -27px; right: -253px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.masking-tape .hero-image .help-aus-compete { position: absolute; top: 320px; left: 40px; z-index: 100; } .landing.masking-tape .hero-image a.tile-btn { position: absolute; top: 391px; left: 40px; z-index: 100; margin-left: 0; margin-top: 25px; font-size: 14px; } .landing.boxes-variant .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/shared/header-bg-tile.jpg") repeat; } .landing.boxes-variant .hero-image .hero-content .promo-circle { top: 253px; } .landing.boxes-variant .hero-image .hero-content h1.title { top: 22px; left: -8px; color: #222; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-boxes-bottom { top: 329px; right: -72px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-white-box-left { top: 419px; left: -226px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-boxes-left { top: -6px; right: -167px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-bubble-wrap { left: -219px; top: 251px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1s; animation-duration: 1s; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-box-bottom-right { top: 167px; right: 50px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2s; animation-duration: 2s; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .white-box-middle { right: 387px; top: 342px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-tall-box { top: 253px; left: 39px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 2s; animation-duration: 2s; } .landing.site-supplies .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/site-supplies/header-bg-tile.jpg")-307px 0 repeat; } .landing.site-supplies .hero-image .hero-content .promo-circle { top: 253px; } .landing.site-supplies .hero-image .hero-content h1.title { top: 22px; left: -8px; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-geo-pick { top: 275px; left: 267px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-bluetape { top: 318px; left: 32px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-road-close { top: -122px; right: -171px; -webkit-animation-name: slideIn; animation-name: slideInToRight; -webkit-animation-duration: 1s; animation-duration: 1s; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-rope { top: 101px; right: -357px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1s; animation-duration: 1s; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-trafficcone { left: -145px; top: 50px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1s; animation-duration: 1s; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-spray { right: 401px; top: 224px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.western-australia .hero-image, .landing.north-queensland .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/shared/header-bg-tile.jpg") repeat; } .landing.western-australia .hero-image .hero-content .promo-circle, .landing.north-queensland .hero-image .hero-content .promo-circle { top: -13px; } .landing.western-australia .hero-image .hero-content h1.title, .landing.north-queensland .hero-image .hero-content h1.title { top: 22px; left: -8px; color: #222; } .landing.western-australia .hero-image .hero-images-wrapper .hero-images-container .foggy, .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .foggy { opacity: 0.5; } .landing.western-australia .hero-image .hero-images-wrapper .hero-images-container .header-signetwrap, .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .header-signetwrap { top: 243px; left: -87px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.western-australia .hero-image .hero-images-wrapper .hero-images-container .header-tapes, .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .header-tapes { top: 389px; left: -81px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.western-australia .hero-image .hero-images-wrapper .hero-images-container .header-postandboxes, .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .header-postandboxes { top: 251px; left: 156px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1s; animation-duration: 1s; } .landing.western-australia .hero-image .hero-images-wrapper .hero-images-container .header-bubblewrapandboxes, .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .header-bubblewrapandboxes { top: 91px; right: -15px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2s; animation-duration: 2s; } .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .header-team { top: 301px; right: 0; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .header-team img { max-width: 100%; } .landing.western-australia .hero-image .hero-images-wrapper .hero-images-container .header-team { top: 284px; right: 0; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .landing.health-care .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/health-care/header-bg-tile.jpg") repeat; } .landing.health-care .hero-image .hero-content .promo-circle { top: 253px; } .landing.health-care .hero-image .hero-content .h1.title { top: 22px; left: -8px; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-medical-clothing { top: 112px; right: -270px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-medical-clothing img { max-width: none; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-blue-gloves { top: 233px; left: 167px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-stethoscope { top: 3px; right: 80px; -webkit-animation-name: slideInToRight; animation-name: slideIn; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-cottonballs { top: 286px; right: -288px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-kidneydish { top: 41px; right: -112px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-first-aid { left: -186px; top: 131px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1s; animation-duration: 1s; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-scalpel { top: 365px; right: 291px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 2s; animation-duration: 2s; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-needle { right: 251px; top: 268px; -webkit-animation-name: slideInToRight; animation-name: slideInToRight; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.health-care .row-fluid-featured { background: #A2DEF9; } .landing.health-care .row-fluid-featured-alt2 { background: #D4F0FC; } .landing.health-care .row-fluid-featured-alt2.external-menu-wrapper { background: #eee; } .landing.health-care .carousel-section .carousel-controls .carousel-control-section.active { background: #A2DEF9; } .landing.ranpak .make-an-enquiry, .landing.vhb .make-an-enquiry { background-color: #FFDE00; border: 1px solid #FFBF03; position: fixed; z-index: 2; top: 91px; right: 0; width: 60px; height: 110px; padding: 18px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .landing.ranpak .make-an-enquiry .icon-make-an-enquiry, .landing.vhb .make-an-enquiry .icon-make-an-enquiry { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/make-an-enquiry.png") 9px 0px no-repeat; display: block; height: 32px; } .landing.ranpak .make-an-enquiry span, .landing.vhb .make-an-enquiry span { display: block; padding-left: 10px; padding-top: 8px; font-weight: bold; } .landing.ranpak .header-description, .landing.vhb .header-description { position: absolute; top: 220px; left: 40px; text-align: left; z-index: 1; } .landing.ranpak .header-description p, .landing.vhb .header-description p { color: #008AC9; font-size: 16px; } .landing.ranpak .header-description p .icon-tick, .landing.ranpak .header-description p .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .landing.ranpak .header-description p .input-decoration:before, .landing.ranpak .header-description p .ng-dirty.submitted .control-group[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-valid] .controls .landing.ranpak .header-description p .input-decoration:before, .landing.ranpak .header-description p .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .landing.ranpak .header-description p .input-decoration:before, .landing.ranpak .header-description p .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .landing.ranpak .header-description p .input-decoration:before, .landing.ranpak .header-description p .control-group.validation-active[class*=ng-valid] .controls .input-decoration:before, .control-group.validation-active[class*=ng-valid] .controls .landing.ranpak .header-description p .input-decoration:before, .landing.ranpak .header-description p .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .landing.ranpak .header-description p .input-decoration:before, .landing.ranpak .header-description p .control-decorator.validation-active[class*=ng-valid] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-valid] .controls .landing.ranpak .header-description p .input-decoration:before, .landing.ranpak .header-description p .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .landing.ranpak .header-description p .input-decoration:before, .landing.ranpak .header-description p .validation-group.validation-active[class*=ng-valid] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-valid] .controls .landing.ranpak .header-description p .input-decoration:before, .landing.vhb .header-description p .icon-tick, .landing.vhb .header-description p .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .control-decorator[class*=ng-valid] .controls .landing.vhb .header-description p .input-decoration:before, .landing.vhb .header-description p .ng-dirty.submitted .control-group[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .control-group[class*=ng-valid] .controls .landing.vhb .header-description p .input-decoration:before, .landing.vhb .header-description p .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .input-decoration:before, .ng-dirty.submitted .validation-group[class*=ng-valid] .controls .landing.vhb .header-description p .input-decoration:before, .landing.vhb .header-description p .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .landing.vhb .header-description p .input-decoration:before, .landing.vhb .header-description p .control-group.validation-active[class*=ng-valid] .controls .input-decoration:before, .control-group.validation-active[class*=ng-valid] .controls .landing.vhb .header-description p .input-decoration:before, .landing.vhb .header-description p .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .control-decorator[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .landing.vhb .header-description p .input-decoration:before, .landing.vhb .header-description p .control-decorator.validation-active[class*=ng-valid] .controls .input-decoration:before, .control-decorator.validation-active[class*=ng-valid] .controls .landing.vhb .header-description p .input-decoration:before, .landing.vhb .header-description p .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .input-decoration:before, .validation-group[class*=ng-dirty].validation-blur[class*=ng-valid] .controls .landing.vhb .header-description p .input-decoration:before, .landing.vhb .header-description p .validation-group.validation-active[class*=ng-valid] .controls .input-decoration:before, .validation-group.validation-active[class*=ng-valid] .controls .landing.vhb .header-description p .input-decoration:before { float: left; height: 30px; width: 30px; display: block; } .landing.ranpak #contact-form, .landing.vhb #contact-form { padding: 60px 0; } .landing.ranpak #contact-form h2, .landing.ranpak #contact-form h5, .landing.ranpak #contact-form label, .landing.vhb #contact-form h2, .landing.vhb #contact-form h5, .landing.vhb #contact-form label { color: #fff; } .landing.ranpak #contact-form h5, .landing.vhb #contact-form h5 { font-weight: normal; font-size: 18px; } .landing.ranpak #contact-form .content-widget dt, .landing.ranpak #contact-form .content-widget dd, .landing.vhb #contact-form .content-widget dt, .landing.vhb #contact-form .content-widget dd { color: #fff; } .landing.ranpak #contact-form .content-widget dd, .landing.vhb #contact-form .content-widget dd { margin-left: 0; margin-bottom: 15px; } .landing.ranpak #contact-form .row-border-separated > [class*="span"]::before, .landing.ranpak #contact-form .row-border-separated-right > [class*="span"]::before, .landing.vhb #contact-form .row-border-separated > [class*="span"]::before, .landing.vhb #contact-form .row-border-separated-right > [class*="span"]::before { background: #000; } .landing.ranpak #contact-form .form-widget-fluid .control-group, .landing.vhb #contact-form .form-widget-fluid .control-group { margin-bottom: 20px; } .landing.ranpak .row-fluid-featured, .landing.vhb .row-fluid-featured { background: #008AC9; } .landing.ranpak .row-fluid-featured.blade, .landing.vhb .row-fluid-featured.blade { background: #ffde00; } .landing.ranpak .row-fluid-featured a, .landing.vhb .row-fluid-featured a { color: #FFF; } .landing.ranpak .hero-image, .landing.vhb .hero-image { height: 557px; background: #EEE; } .landing.ranpak .hero-image .hero-content h1.title, .landing.vhb .hero-image .hero-content h1.title { text-shadow: none; color: #1F1F1F; } .landing.ranpak .hero-image .hero-content .tile-btn, .landing.vhb .hero-image .hero-content .tile-btn { width: 50%; margin-left: 0; } .landing.ranpak .hero-image .hero-images-wrapper .hero-images-container, .landing.vhb .hero-image .hero-images-wrapper .hero-images-container { height: 557px; } .landing.ranpak .hero-image .hero-images-wrapper .hero-images-container .header-box-hand, .landing.vhb .hero-image .hero-images-wrapper .hero-images-container .header-box-hand { top: 1px; right: -339px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.ranpak .hero-image .hero-images-wrapper .hero-images-container .header-box-hand img, .landing.vhb .hero-image .hero-images-wrapper .hero-images-container .header-box-hand img { max-width: none; } .landing.ranpak .hero-image .help-aus-compete, .landing.vhb .hero-image .help-aus-compete { position: absolute; top: 320px; left: 40px; z-index: 100; width: 350px; } .landing.ranpak .we-stock-row .tile-row, .landing.vhb .we-stock-row .tile-row { margin-top: 20px; margin-bottom: 0; } .landing.ranpak .we-stock-row .tile-row .tile-title, .landing.vhb .we-stock-row .tile-row .tile-title { text-align: left; font-weight: bold; } .landing.ranpak .we-stock-row .tile-row .tile-image, .landing.vhb .we-stock-row .tile-row .tile-image { height: 274px; } .landing.ranpak .we-stock-row .tabs-container .nav-tabs li, .landing.vhb .we-stock-row .tabs-container .nav-tabs li { width: 22.8%; } .landing.ranpak .we-stock-row .tabs-container .nav-tabs li.active a.void-fill, .landing.vhb .we-stock-row .tabs-container .nav-tabs li.active a.void-fill { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/voidFill_selected.png"); } .landing.ranpak .we-stock-row .tabs-container .nav-tabs li.active a.cushioning, .landing.vhb .we-stock-row .tabs-container .nav-tabs li.active a.cushioning { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/cushioning_selected.png"); } .landing.ranpak .we-stock-row .tabs-container .nav-tabs li.active a.blocking, .landing.vhb .we-stock-row .tabs-container .nav-tabs li.active a.blocking { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/blocking-bracing_selected.png"); } .landing.ranpak .we-stock-row .tabs-container .nav-tabs li.active a.wrapping, .landing.vhb .we-stock-row .tabs-container .nav-tabs li.active a.wrapping { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/wrapping_selected.jpg"); } .landing.ranpak .we-stock-row .tabs-container .nav-tabs li > a, .landing.vhb .we-stock-row .tabs-container .nav-tabs li > a { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background-color: transparent; border-color: transparent; } .landing.ranpak .we-stock-row .tabs-container .nav-tabs a, .landing.vhb .we-stock-row .tabs-container .nav-tabs a { background-size: contain; background-repeat: no-repeat; background-position: 0px 54px; } .landing.ranpak .we-stock-row .tabs-container .nav-tabs a.void-fill, .landing.vhb .we-stock-row .tabs-container .nav-tabs a.void-fill { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/voidFill.png"); } .landing.ranpak .we-stock-row .tabs-container .nav-tabs a.cushioning, .landing.vhb .we-stock-row .tabs-container .nav-tabs a.cushioning { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/cushioning.png"); } .landing.ranpak .we-stock-row .tabs-container .nav-tabs a.blocking, .landing.vhb .we-stock-row .tabs-container .nav-tabs a.blocking { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/blocking-bracing.jpg"); } .landing.ranpak .we-stock-row .tabs-container .nav-tabs a.wrapping, .landing.vhb .we-stock-row .tabs-container .nav-tabs a.wrapping { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/wrapping.jpg"); } .landing.ranpak .we-stock-row .tab-content, .landing.vhb .we-stock-row .tab-content { overflow: visible; } .landing.ranpak .we-stock-row .tab-pane.collapse, .landing.vhb .we-stock-row .tab-pane.collapse { overflow: visible; } .landing.ranpak .we-stock-row .tab-pane::before, .landing.ranpak .we-stock-row .tab-pane::after, .landing.vhb .we-stock-row .tab-pane::before, .landing.vhb .we-stock-row .tab-pane::after { content: ''; top: 50%; margin-left: -15px; } .landing.ranpak .we-stock-row .tab-pane::before, .landing.vhb .we-stock-row .tab-pane::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 15px; top: -30px; border-bottom-color: #cccccc; top: -30px; } .landing.ranpak .we-stock-row .tab-pane::after, .landing.vhb .we-stock-row .tab-pane::after { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 15px; top: -30px; border-bottom-color: white; top: -29px; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content { padding: 30px 0; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper { padding: 10px; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper .tile-title, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper .tile-title { font-weight: bold; font-size: 16px; margin-bottom: 20px; height: 30px; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper .tile-btn, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper .tile-btn { margin: 0; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper p, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper p { color: #000; font-size: 15px; line-height: 19px; min-height: 152px; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content .tile-image, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-image { text-align: center; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content .tile-image img, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-image img { height: 232px; } .landing.ranpak .we-stock-row #tab-void-fill, .landing.ranpak .we-stock-row #tab-rp16-vhb, .landing.vhb .we-stock-row #tab-void-fill, .landing.vhb .we-stock-row #tab-rp16-vhb { position: relative; } .landing.ranpak .we-stock-row #tab-void-fill.tab-pane::after, .landing.ranpak .we-stock-row #tab-void-fill.tab-pane::before, .landing.ranpak .we-stock-row #tab-rp16-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-rp16-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-void-fill.tab-pane::after, .landing.vhb .we-stock-row #tab-void-fill.tab-pane::before, .landing.vhb .we-stock-row #tab-rp16-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-rp16-vhb.tab-pane::before { margin-left: 75px; } .landing.ranpak .we-stock-row #tab-cushioning, .landing.ranpak .we-stock-row #tab-4941-vhb, .landing.vhb .we-stock-row #tab-cushioning, .landing.vhb .we-stock-row #tab-4941-vhb { position: relative; } .landing.ranpak .we-stock-row #tab-cushioning.tab-pane::after, .landing.ranpak .we-stock-row #tab-cushioning.tab-pane::before, .landing.ranpak .we-stock-row #tab-4941-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-4941-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-cushioning.tab-pane::after, .landing.vhb .we-stock-row #tab-cushioning.tab-pane::before, .landing.vhb .we-stock-row #tab-4941-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-4941-vhb.tab-pane::before { margin-left: 318px; } .landing.ranpak .we-stock-row #tab-cushioning.tab-pane .tile-row-sub-content .tile-image.no-stretched img, .landing.ranpak .we-stock-row #tab-4941-vhb.tab-pane .tile-row-sub-content .tile-image.no-stretched img, .landing.vhb .we-stock-row #tab-cushioning.tab-pane .tile-row-sub-content .tile-image.no-stretched img, .landing.vhb .we-stock-row #tab-4941-vhb.tab-pane .tile-row-sub-content .tile-image.no-stretched img { padding-bottom: 48px; } .landing.ranpak .we-stock-row #tab-blocking, .landing.ranpak .we-stock-row #tab-rp32-vhb, .landing.vhb .we-stock-row #tab-blocking, .landing.vhb .we-stock-row #tab-rp32-vhb { position: relative; } .landing.ranpak .we-stock-row #tab-blocking.tab-pane::after, .landing.ranpak .we-stock-row #tab-blocking.tab-pane::before, .landing.ranpak .we-stock-row #tab-rp32-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-rp32-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-blocking.tab-pane::after, .landing.vhb .we-stock-row #tab-blocking.tab-pane::before, .landing.vhb .we-stock-row #tab-rp32-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-rp32-vhb.tab-pane::before { margin-left: 559px; } .landing.ranpak .we-stock-row #tab-wrapping, .landing.ranpak .we-stock-row #tab-4991-vhb, .landing.vhb .we-stock-row #tab-wrapping, .landing.vhb .we-stock-row #tab-4991-vhb { position: relative; } .landing.ranpak .we-stock-row #tab-wrapping.tab-pane::after, .landing.ranpak .we-stock-row #tab-wrapping.tab-pane::before, .landing.ranpak .we-stock-row #tab-4991-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-4991-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-wrapping.tab-pane::after, .landing.vhb .we-stock-row #tab-wrapping.tab-pane::before, .landing.vhb .we-stock-row #tab-4991-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-4991-vhb.tab-pane::before { margin-left: 800px; } .landing.ranpak .we-stock-row #tab-wrapping.tab-pane .tile-row-sub-content .tile-image img, .landing.ranpak .we-stock-row #tab-4991-vhb.tab-pane .tile-row-sub-content .tile-image img, .landing.vhb .we-stock-row #tab-wrapping.tab-pane .tile-row-sub-content .tile-image img, .landing.vhb .we-stock-row #tab-4991-vhb.tab-pane .tile-row-sub-content .tile-image img { height: 308px; } .landing.vhb .form .content-widget h5 { margin-bottom: 30px; } .landing.vhb row-fluid-featured-alt2 { border-bottom: 1px solid #fff; } .landing.vhb .row-fluid-featured { background: #ffde00; } .landing.vhb .row-fluid-featured .dark-text { color: #111; } .landing.vhb #contact-form { background: #eee; border-bottom: 1px solid #fff; } .landing.vhb #contact-form h2, .landing.vhb #contact-form h5, .landing.vhb #contact-form label { color: #1f1f1f; } .landing.vhb #contact-form .content-widget dt, .landing.vhb #contact-form .content-widget dd, .landing.vhb #contact-form .content-widget a { color: #1f1f1f; } .landing.vhb .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/vhb-tape/hero-backdrop.png"); background-size: cover; width: 100%; height: 604px; } .landing.vhb .hero-image .hero-content h1.title { text-shadow: none; color: #fff; } .landing.vhb .hero-image .hero-content .tile-btn { width: 48%; margin-left: 0; } .landing.vhb .hero-image .hero-content .tile-btn.enquiry { background-color: transparent; background-image: none; border-color: #fff; height: 46px; margin-left: 4%; } .landing.vhb .hero-image .hero-content .tile-btn.enquiry span { margin-top: -10px; position: absolute; left: 280px; top: 22px; } .landing.vhb .hero-image .hero-images-wrapper .hero-images-container { height: 604px; } .landing.vhb .hero-image .hero-images-wrapper .hero-images-container .header-tape-hand { right: -375px; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .landing.vhb .hero-image .hero-images-wrapper .hero-images-container .header-tape-hand img { max-width: none; } .landing.vhb .header-description { width: 400px; top: 400px; } .landing.vhb .icon-make-an-enquiry { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/vhb-tape/make-an-enquiry.png") 9px 0px no-repeat; display: inline-block; width: 29px; height: 24px; position: absolute; top: 10px; left: 225px; } .landing.vhb .we-stock-row .tabs-container .nav-tabs li.active a.vhb-rp16 { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/vhb-tape/3m-rp16-selected.png"); } .landing.vhb .we-stock-row .tabs-container .nav-tabs li.active a.vhb-4941 { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/vhb-tape/3m-4941-selected.png"); } .landing.vhb .we-stock-row .tabs-container .nav-tabs li.active a.vhb-rp32 { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/vhb-tape/3m-rp32-selected.png"); } .landing.vhb .we-stock-row .tabs-container .nav-tabs li.active a.vhb-4991 { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/vhb-tape/3m-4991-selected.png"); } .landing.vhb .we-stock-row .tabs-container .nav-tabs a.vhb-rp16 { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/vhb-tape/3m-rp16.png"); } .landing.vhb .we-stock-row .tabs-container .nav-tabs a.vhb-4941 { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/vhb-tape/3m-4941.png"); } .landing.vhb .we-stock-row .tabs-container .nav-tabs a.vhb-rp32 { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/vhb-tape/3m-rp32.png"); } .landing.vhb .we-stock-row .tabs-container .nav-tabs a.vhb-4991 { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/vhb-tape/3m-4991.png"); } .landing.industry-specific { margin-top: -20px; } .landing.industry-specific .hero-image-warehouse { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/industry-specific/warehouse-and-distribution/hero-image.png") no-repeat; } .landing.industry-specific .hero-image-construction { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/industry-specific/construction-and-surveying/hero-image.png") no-repeat; } .landing.industry-specific .hero-image-school { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/industry-specific/school-and-sporting-club/hero-image.png") no-repeat; } .landing.industry-specific .hero-image-retail { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/industry-specific/retail-and-office-supplies/hero-image.png") no-repeat; } .landing.industry-specific .hero-image-soho { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/industry-specific/soho-and-household/hero-image.png") no-repeat; } .landing.industry-specific .hero-image-healthcare { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/industry-specific/healthcare-and-first-aid/hero-image.png") no-repeat; } .landing.industry-specific .hero-image { height: 318px; max-width: 100%; background-size: cover; } .landing.industry-specific .hero-image .hero-content h1.title { left: 0px; top: 175px; font-size: 43px; } .landing.industry-specific .site-checklist-background { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/industry-specific/shared/site-checklist-background.png") no-repeat; width: 350px; height: 259px; position: absolute; right: 25px; top: 29px; } .landing.industry-specific .site-checklist-heading { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/industry-specific/shared/site-checklist-heading.png"); width: 182px; height: 35px; position: absolute; left: 30px; top: 30px; } .landing.industry-specific .site-checklist-items { position: absolute; top: 65px; left: 10px; transform: rotate(-3deg); -ms-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); } .landing.industry-specific .site-checklist-items ul { display: inline-block; } .landing.industry-specific .site-checklist-items li { margin: 6px 0; list-style: square; text-align: left; list-style-position: inside; } .landing.industry-specific .site-checklist-items li:nth-child(odd) { float: left; width: 45%; } .landing.industry-specific .site-checklist-items li:nth-child(even) { float: left; } .landing.industry-specific .feature-content { background-color: #f2f2f2; padding: 30px 0 10px 0; border-bottom: 1px solid #ddd; } .landing.industry-specific .feature-content p { font-size: 13px; line-height: 20px; color: #252525; font-family: Arial, sans-serif; } .landing.industry-specific .feature-content h2 { margin-bottom: 0; } .landing.industry-specific .remark-and-featured-brands { padding: 30px 0; } .landing.industry-specific .remark-and-featured-brands p.remark::before { content: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/industry-specific/shared/quotation-mark-start.png"); margin-right: 10px; } .landing.industry-specific .remark-and-featured-brands p.remark::after { content: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/industry-specific/shared/quotation-mark-end.png"); margin-left: 10px; } .landing.industry-specific .remark-and-featured-brands .remark-spokesperson { font-weight: bold; color: #000; font-size: 14px; } .landing.industry-specific .remark-and-featured-brands .remark-spokesperson-department { font-style: italic; font-size: 14px; } .landing.industry-specific .remark-and-featured-brands h4 { margin: 0; } .landing.industry-specific .remark-and-featured-brands .featured-brands { width: 100%; height: auto; margin-top: 15px; } @-webkit-keyframes searchPath { from { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } 33% { -ms-transform: translate(-160px, 60px); -webkit-transform: translate(-160px, 60px); transform: translate(-160px, 60px); } 66% { -ms-transform: translate(10px, 120px); -webkit-transform: translate(10px, 120px); transform: translate(10px, 120px); } to { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes searchPath { from { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } 33% { -ms-transform: translate(-160px, 60px); -webkit-transform: translate(-160px, 60px); transform: translate(-160px, 60px); } 66% { -ms-transform: translate(10px, 120px); -webkit-transform: translate(10px, 120px); transform: translate(10px, 120px); } to { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-ms-keyframes searchPath { from { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } 33% { -ms-transform: translate(-160px, 60px); -webkit-transform: translate(-160px, 60px); transform: translate(-160px, 60px); } 66% { -ms-transform: translate(10px, 120px); -webkit-transform: translate(10px, 120px); transform: translate(10px, 120px); } to { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes searchPath { from { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } 33% { -ms-transform: translate(-160px, 60px); -webkit-transform: translate(-160px, 60px); transform: translate(-160px, 60px); } 66% { -ms-transform: translate(10px, 120px); -webkit-transform: translate(10px, 120px); transform: translate(10px, 120px); } to { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes wobble { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } 50% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -ms-transform: rotate(-2.5deg); -webkit-transform: rotate(-2.5deg); transform: rotate(-2.5deg); } to { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-moz-keyframes wobble { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } 50% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -ms-transform: rotate(-2.5deg); -webkit-transform: rotate(-2.5deg); transform: rotate(-2.5deg); } to { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-ms-keyframes wobble { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } 50% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -ms-transform: rotate(-2.5deg); -webkit-transform: rotate(-2.5deg); transform: rotate(-2.5deg); } to { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes wobble { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } 50% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -ms-transform: rotate(-2.5deg); -webkit-transform: rotate(-2.5deg); transform: rotate(-2.5deg); } to { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes vanRev { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 66% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } to { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-moz-keyframes vanRev { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 66% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } to { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-ms-keyframes vanRev { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 66% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } to { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes vanRev { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 66% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -ms-transform: rotate(2.5deg); -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); } to { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .ab-glimmer-on .navbar.navbar-main .store-search .form-search .search-bar, .ab-glimmer-on .navbar.navbar-main .navbar-inner .nav > li > a[href*="online-store"] { transition: box-shadow linear 0.2s; } .ab-glimmer-on.search-glimmer .navbar.navbar-main .store-search .form-search .search-bar { box-shadow: 1px 12px 19px rgba(0, 0, 0, 0.375), 0 0 8px #eacd00; } .ab-glimmer-on.online-store-glimmer .navbar.navbar-main .navbar-inner .nav > li > a[href*="online-store"] { box-shadow: -1px 4px 103px -5px rgba(0, 0, 0, 0.67); } .ab-cart-pop-up-checkout-link-target { display: none; } .ab-tooltip-checkout-link-on .tooltip-checkout-link { margin-top: 10px; display: block; } .redlinesaver-background [body-content-height-fix] { background-image: url(/v2.1.18/Content/themes/SignetNew/css/../img/webskin.jpg); background-position: top center; background-repeat: no-repeat; background-position-y: 0px; min-height: 2000px; } .redlinesaver-background .navbar.navbar-main { margin-bottom: 0px; } html, body { background: #f2f2f2 !important; } .container, .navbar .container { width: 1248px; } .page, .container.list-view.ng-scope { padding: 26px 0 40px 0; } header { background: #fff; } .shipping-info-bar { display: none; } .navbar.navbar-top { background: #fff; height: 30px; border-bottom: 1px solid #f2f2f2; } .navbar.navbar-top .nav > li { padding: 0 15px; line-height: 32px; } header .logo .live-chat-header { display: none; } header .logo { margin-top: 10px; } header .user .user-account .account-wrapper .account-link-btn { margin-top: 7px; } header .account-link-btn .btn { background: #e3e3e3; border: 1px solid #ccc; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; } header .account-link-btn .btn:hover { background: #f5f5f5; } .user .cart .items .cart-link-btn { float: right; } header .cart-link-btn a { background: #ffdf00; border: none; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; line-height: 25px; } header .cart-link-btn a:hover { background: #ffec64; } .navbar.navbar-main { height: 40px; background: #ffdf00; border: none; -moz-box-shadow: 0 32px 120px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 32px 120px rgba(0, 0, 0, 0.1); box-shadow: 0 32px 120px rgba(0, 0, 0, 0.1); margin-bottom: 0; } .navbar.navbar-main .navbar-inner .nav > li { line-height: 40px; } .navbar.navbar-main .navbar-inner .nav > li > a, .navbar.navbar-main .navbar-inner .nav > li > a:hover, .navbar.navbar-main .navbar-inner .nav > li > a:active, .navbar.navbar-main .navbar-inner .nav > li > a:visited { font-size: 14px; color: #000; } .navbar.navbar-main .nav .dropdown:last-of-type a:after { content: none; } .navbar.navbar-main .navbar-inner .nav > li.active > a, .navbar.navbar-main .navbar-inner .nav > li.active > a:hover, .navbar.navbar-main .navbar-inner .nav > li.active > a:active, .navbar.navbar-main .navbar-inner .nav > li.active > a:visited { background: transparent; border: none; } .navbar.navbar-main .navbar-inner .nav > li.active > a::after { content: " "; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; background: #fff; } .navbar.navbar-main .navbar-inner .nav > li.open > a, .navbar.navbar-main .navbar-inner .nav > li.open > a:hover, .navbar.navbar-main .navbar-inner .nav > li.open > a:active, .navbar.navbar-main .navbar-inner .nav > li.open > a:visited { box-shadow: none; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; background: #fff; top: 0; line-height: 40px; height: 40px; } .navbar.navbar-main .navbar-inner .nav > li.open > a:before, .navbar.navbar-main .navbar-inner .nav > li.open > a:hover:before, .navbar.navbar-main .navbar-inner .nav > li.open > a:active:before, .navbar.navbar-main .navbar-inner .nav > li.open > a:visited:before { display: none; } .navbar.navbar-main .navbar-inner .nav > li > a:after, .navbar.navbar-main .navbar-inner .nav > li > a:hover:after, .navbar.navbar-main .navbar-inner .nav > li > a:active:after, .navbar.navbar-main .navbar-inner .nav > li > a:visited:after { background: #ffdf00; } .dropdown-menu, .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper { background: #fff; -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; min-width: 185px; } .navbar.navbar-main .navbar-inner .nav > li > .dropdown-menu { left: 0; } .navbar.navbar-main .navbar-inner .nav > li > .dropdown-menu, .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent > .dropdown-menu.external-menu.categories, .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper { margin-top: 0; border: none; background: #ffffff; background: -moz-linear-gradient(top, white 0%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f6f6f6)); background: -webkit-linear-gradient(top, white 0%, #f6f6f6 100%); background: -o-linear-gradient(top, white 0%, #f6f6f6 100%); background: -ms-linear-gradient(top, white 0%, #f6f6f6 100%); background: linear-gradient(to bottom, white 0%, #f6f6f6 100%); } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent > .dropdown-menu.external-menu.categories, .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper { padding: 25px 0 25px 33px; width: 1100px; } .dropdown-submenu > .dropdown-menu, .navbar.navbar-main .navbar-inner .nav > li .dropdown-menu { background: #fff; border: none; margin-left: 0; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; } .navbar .nav .dropdown-menu > li > a:hover { background: #f5f5f5; } .navbar .nav .categories > li > a:hover { background: none; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper .dropdown-menu.external-menu.categories li div.accent-color { width: 10px; height: 10px; margin: 13px 2px 0 0; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } .store-search .search-bar { padding-right: 71px; } .navbar.navbar-main .store-search { width: 425px; } .navbar.navbar-main .store-search .form-search { margin-top: 5px; } .navbar.navbar-main .store-search .form-search .search-bar { border: none; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; } .store-search .search-button.btn-search { background: #81a71f; width: 45px; border: none; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; } .store-search .search-button.btn-search:hover { background: #96bc35; } .store-search .search-button.btn-search span { display: none; } .store-search .search-button.btn-search .icon-mag-glass::before { top: 4px; right: 11px; } .store-search .clear-search { right: 52px; } .navbar.navbar-main .store-search .form-search .search-bar:focus { border: none; } .btn-group.gst-toggle button, .btn-group.gst-toggle button:hover { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/interface/gst-icons.png"); } .blog.blog-list-page article { padding-top: 8px; } .blog-list-screen .blog-list h4 { font-size: 18px; margin-bottom: 0; } .blog-list-screen .blog-list .date { padding: 0; margin: 0 0 15px 0; color: #666; } .blog-list-screen .blog-list .date i { display: none; } #fixed-toolbar-desktop { border: none; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background: #fff; } #fixed-toolbar-desktop div.logo, #fixed-toolbar-desktop div.user-account, #fixed-toolbar-desktop div.cart { line-height: 28px; } #fixed-toolbar-desktop .store-search .search-bar { border: 1px solid #eee; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; padding-right: 57px; } #fixed-toolbar-desktop .store-search .search-button.btn-search .icon-mag-glass::before { right: 4px; } #fixed-toolbar-desktop .store-search .clear-search { right: 37px; } #fixed-toolbar-desktop .header-cart .btn { background: #ffdf00; border: none; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; line-height: 25px; padding: 0 12px; } #fixed-toolbar-desktop .header-cart .btn:hover { background: #ffec64; } #fixed-toolbar-desktop .account-display .btn { background: #e3e3e3; border: 1px solid #ccc; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; padding: 0 12px; height: 23px; } #fixed-toolbar-desktop .account-display .btn:hover { background: #f5f5f5; } footer { margin-top: 0; } footer .footer-advertisement { background: #fedd32; padding: 60px; } footer .footer-advertisement .row-border-separated > [class*="span"]::before { background: none; } footer .footer-advertisement .promo-column { width: 57%; text-align: right; min-height: inherit; } footer .footer-advertisement .promo-container .promo-callout { height: auto !important; position: static; width: auto; display: block; background: none; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; } .promo-callout .promo-text { color: #000; font-weight: 400; text-align: right; display: block; } .promo-callout .promo-text .text-highlight { color: #000; font-weight: 700; } footer .footer-advertisement .separator-caret { display: none; } footer .footer-advertisement .promo-form-column { width: 37%; margin: -6px 0 0 0; padding: 0; min-height: none; } footer .footer-advertisement .promo-help-text { display: none; } footer .footer-advertisement input[type=text] { margin: 0; padding: 5px 5px; line-height: 40px; height: 40px; border: none; font-size: 18px; } footer .footer-advertisement label { color: #000; margin-bottom: 0; } footer .footer-advertisement button, footer .footer-advertisement button:focus, footer .footer-advertisement button:active { background: #000; color: #fff; border: none; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; line-height: 40px; padding: 0; font-size: 16px; } footer .footer-advertisement button:hover { background: #333; color: #fff; } footer .promo-form-column .controls .relative .input-decoration { top: 11px !important; } footer .footer-menu { background: #000; padding: 60px 0; } footer .footer-menu .footer-links { margin-top: 2px; } footer .footer-menu .span5 { float: none; margin: 0; width: 100%; } footer .footer-menu .span7 { width: 100%; } footer .footer-menu .span5 br { display: none; } footer .footer-menu .footer-images { text-align: left; float: left; margin-right: 4px; } footer .footer-menu .footer-images i { margin: 5px 10px 5px 0; } footer #google-trusted-stores-badge { margin-top: 5px; float: left; background: #fff; height: 65px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; } footer .footer-menu .footer-links .copyright, footer .footer-menu .footer-links .vendor-link, footer .footer-menu .footer-links .vendor-link a { color: #666; } footer .footer-menu .span12 .spacer:last-of-type { display: none; } footer .footer-menu .spacer { padding: 0 10px; } .spacer:last-of-type { display: none; } .slider { -moz-box-shadow: 0 0 0 0 transparent; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; border-bottom: 2px solid #e5e5e5; background: #fff; } .slider:first-child, .slider .slider-wrapper:first-child, .slider .slider-header .slider-header-inner, .slider h2, .slider .slider-body, .slider .row-fluid .slider-content, .slider a.carousel-control.right, .slider a.carousel-control.left, .slider a.carousel-control.left.left, .slider a.carousel-control.right.right, .slider a.carousel-control.left.right { -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; } .slider .slider-wrapper:first-child { background: #fff; } .slider .slider-header .slider-header-inner { border: none; } .slider h2 { background: #ffdf00; } .slider .slider-body { border: none; } .slider a.carousel-control.right, .slider a.carousel-control.left { background: #f5f5f5; } .slider a.carousel-control.left::after, .slider a.carousel-control.right::before, .slider .carousel .carousel-inner .product::after, .slider a.carousel-control.top::after, .slider a.carousel-control.bottom::before { background: #ededed; } .carousel.contentCarousel .carousel-controls li { background: #e5e5e5; border: none; } .carousel.contentCarousel .carousel-controls li.active { background: #ffdf00; border: none; -moz-box-shadow: 0 0px 0 0 transparent; -webkit-box-shadow: 0 0px 0 0 transparent; box-shadow: 0 0px 0 0 transparent; } .accordion, .accordion .accordion-group, .accordion .accordion-group.last-desktop, .accordion .accordion-group.first-desktop, .accordion .accordion-group .accordion-heading .accordion-toggle.expanded, .accordion .accordion-group.last-desktop .accordion-heading .accordion-toggle, .accordion .accordion-group.first-desktop .accordion-heading .accordion-toggle { -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; } .accordion { -moz-box-shadow: 0 0 0 0 transparent; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; border-bottom: 2px solid #e5e5e5; background: #fff; } .accordion .accordion-group { border: none; } .accordion .accordion-group .accordion-heading .accordion-toggle.expanded { background: #ffdf00; } .accordion-inner .nav-well .tile { border: none; } .accordion .accordion-group .accordion-heading .accordion-toggle { background: #e7e7e7; border-bottom: 1px solid #ddd; } .accordion .accordion-group .accordion-body.in { border: none; } .featured-content-slide .featured-content-item { margin: 0 20px 18px 20px; padding-bottom: 18px; border-bottom: 1px dotted #ccc; } .featured-content-slide .featured-content-item:last-of-type { border-bottom: none; } .featured-content-slide .carousel.featured-content-vertical { height: 384px; } .featured-content-slide .featured-content-item .featured-content-name, .featured-content-slide .featured-content-item .featured-content-description { line-height: 1.4; } .featured-content-slide .featured-content-item .featured-content-name { margin-bottom: 0; } .featured-content-slide .featured-content-item .featured-content-description { margin-bottom: 3px; } .list-content .product .redline-saver-border { border-color: #c1272d; } .list-main-content .product .redline-saver-border { margin: -15px -29px -15px -30px; } .accordion-inner ul.dropdown-menu.categories.external-menu { background: none; padding: 25px 0 37px 29px; } .accordion-inner ul.dropdown-menu.categories.external-menu li div.accent-color, .tab-content ul.dropdown-menu.categories.external-menu li div.accent-color, .cms-page ul.dropdown-menu.categories.external-menu li div.accent-color, .category-main .btn-group .icon { width: 10px; height: 10px; margin: 13px 2px 0 0; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } .category-main .btn-group .icon { margin-top: 6px; } .accordion-inner ul.dropdown-menu.categories.external-menu li, .tab-content ul.dropdown-menu.categories.external-menu li, .cms-page ul.dropdown-menu.categories.external-menu li { width: 20%; max-width: 240px; } .accordion-inner ul.dropdown-menu.categories.external-menu li a:hover, .accordion-inner ul.dropdown-menu.categories.external-menu li a:active, .accordion-inner ul.dropdown-menu.categories.external-menu li a:visited, .accordion-inner ul.dropdown-menu.categories.external-menu li a, .tab-content ul.dropdown-menu.categories.external-menu li a:hover, .tab-content ul.dropdown-menu.categories.external-menu li a:active, .tab-content ul.dropdown-menu.categories.external-menu li a:visited, .tab-content ul.dropdown-menu.categories.external-menu li a, .cms-page ul.dropdown-menu.categories.external-menu li a:hover, .cms-page ul.dropdown-menu.categories.external-menu li a:active, .cms-page ul.dropdown-menu.categories.external-menu li a:visited, .cms-page ul.dropdown-menu.categories.external-menu li a { width: calc(100% - 20px); } .btn { background: #f4f4f4; -moz-box-shadow: 0 0 0 0 transparent; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; border-color: #e5e5e5; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; max-width: 390px !important; } .btn:hover { background: #eaeaea; } .btn-primary { background: #ffdf00; border: 1px solid #ffdf00; } .btn-primary:hover { background: #ffec64; } .btn-inverse { background: #414141; } .btn-inverse:hover { background: #333; } .btn-secondary, .product-actions .cart-btn, .store-search .search-button.btn-search, .landing .carton-finder-row .carton-finder-form .btn, .product-actions .cart-btn, .store-search .search-button.btn-search, .landing .carton-finder-row .carton-finder-form .btn { background: #81a71f; border: none; } .btn-secondary:hover, .product-actions .cart-btn:hover, .store-search .search-button.btn-search:hover, .landing .carton-finder-row .carton-finder-form .btn:hover, .product-actions .cart-btn:hover { background: #96bc35; } .span12.box-container { background: #fff; padding: 0 18px; margin-bottom: 24px; border-bottom: 2px solid #e5e5e5; } .cms-page ul.dropdown-menu.categories.external-menu { background: none; padding: 25px 0 37px 29px; } .carton-finder, .category-list, .filters { -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; border: none; } .carton-finder { padding: 16px 30px 30px 30px; border: none; } .filters { background: #e5e5e5; } .list-aside::before { background: none; } .row-fluid .span9.list-main { width: 76.595744680851%; margin: 0; padding: 14px 2.127659574468085%; background: #fff; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .price-display-toggle .btn:first-child, .price-display-toggle .btn:last-child, .list-pagination a.active, .pager a.active, .list-main .products .page-size a.active { -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; } .list-main .products .list-content .product::after { background: #e5e5e5; } .list-main .products .list-content .product { margin: 15px 0; } .nav-well, .hero-unit { border: none; -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; } .hero-unit { background: #fff; text-align: left; border-bottom: 2px solid #e5e5e5; } .hero-unit h2 { text-align: left !important; } .nav-well .tile { background: #fff; border-bottom: 2px solid #e5e5e5; text-align: center; } .nav-tiles .tile .tile-link { padding: 20px 0 22px 0; } .nav-tiles .tile .tile-link .tile-image { height: auto; line-height: normal; padding: 0; } .nav-well .nav-list { padding: 0 22px 20px 22px; } #Product.container { padding-top: 15px; } .product-show .breadcrumbs { margin-bottom: 0; } .category-list-floating .category-list-floating-button { background: transparent; } .product-content-container { background: #fff; padding: 20px 20px 0 20px; } .nav-tabs > li > a, .tabs-container .nav-tabs li > a, .pills-container .nav-tabs li > a, .product-actions .qty .controls .input-prepend .btn:first-child, .product-actions .qty .controls .input-append .btn:last-child { -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; } #tool-tip, #tool-tip .tool-tip-inner { border: none; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; } #tool-tip { background: #ffe846; } .modal { border-color: #e5e5e5; -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; } .modal.marketing-lead-modal .modal-header { background: #ffe846; -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; } .alert, table.cart-list-table .item-qty .controls .input-prepend .btn:first-child, table.cart-list-table .item-qty .controls .input-append .btn:last-child, .tool-tip.tool-tip-grey, .well, select { -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; } div[ng-controller=SignetCheckoutController] .row-fluid .span12 .container .row-fluid .span12 .container-fluid .row-fluid .span12 .container .row-fluid div.span12 { background: #fff; padding: 10px 20px 17px 20px; margin: 20px 0; } div[ng-controller=SignetCheckoutController] .row-fluid.hidden-phone { padding-top: 10px; } table.cart-list-table { margin: 19px 0 0 0; border: none; } table.table tbody:last-child tr:last-child > td { border-bottom: none; } .content-fluid.darker { background: #ddd; } .well { -moz-box-shadow: 0 0 0 0 transparent; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; padding: 20px 0 0 0; border: none; } .checkout-container header { border: none; } .checkout-container .accordion { border: none; } .checkout-menu .navbar.navbar-main .navbar-inner .nav { margin-left: 0; } .nav-payment-options li .btn { -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; } .row-border-separated-gradient > [class*="span"]::before { background: #e5e5e5; } .login .row-border-separated-left .login-aside { background: #fff; padding: 10px 20px; } .login .row-border-separated-left .span9.hidden-phone { background: #fff; padding-right: 2.12766%; } .container-fluid.account-content { padding: 26px 0 40px 0; } .account-content .row-border-separated .span3.hidden-phone { padding-right: 0; } .account-content .row-border-separated-gradient > [class*="span"]::before { background: none; } .account-content .row-border-separated .span9 { background: #fff; } .account-right-content { padding: 14px 2.127659574468085%; background: #fff; } .account-content .row-border-separated .span3.hidden-phone .product { width: 89%; } .account-content .row-border-separated .span3.hidden-phone .redline-saver-border { border: none; } #skrollr-body.landing { margin-top: -37px; } .btn-danger:hover, .btn-danger:active, .btn-danger:visited, .btn-danger.active, .btn-primary.btn-danger:hover, .btn-primary.btn-danger:active, .btn-primary.btn-danger:visited, .btn-primary.btn-danger.active { color: white; background-color: #9f1717; background-image: -moz-linear-gradient(top, #be2727, #710000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#be2727), to(#710000)); background-image: -webkit-linear-gradient(top, #be2727, #710000); background-image: -o-linear-gradient(top, #be2727, #710000); background-image: linear-gradient(to bottom, #be2727, #710000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBE2727', endColorstr='#FF710000', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .container.checkout-container.checkout-container-small, .container.checkout-container.checkout-container-small .container-padded { background: #fff; } .container.checkout-container.checkout-container-small .navbar.navbar-main { height: auto !important; } .slide-content img.fr-dii { max-width: 100%; } .container-fluid.content-fluid.darken { background: #ffffff; padding: 20px 20px 20px 20px; } .container-fluid.content-fluid.darken button { margin-top: 10px; } [ng\:cloak], [ng-cloak], .ng-cloak, [data-ng-cloak], .eco-hide-on-zoom { display: none !important; } [eco-defer-bind], [data-eco-defer-bind] { visibility: hidden !important; } .pull-center { text-align: center; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .hidden-desktop-inline { display: none !important; } .hidden-desktop-inline-block { display: none !important; } .visible-desktop { display: inherit !important; } .visible-desktop-inline { display: inline !important; } .visible-desktop-inline-block { display: inline-block !important; } .visible-desktop-block { display: block !important; } .visible-phone-inline { display: none !important; } .visible-phone-inline-block { display: none !important; } .visible-phone-block { display: none !important; } .visible-tablet-inline { display: none !important; } .visible-tablet-inline-block { display: none !important; } .visible-tablet-block { display: none !important; } html { background: #fff; } html body { background: #fff; } html body.gst-on [data-type="gst-off"] { display: none; } html body.gst-off [data-type="gst-on"] { display: none; } html body [data-type="unitprices-off"] { display: none; } html body.unitprices-on [data-type="unitprices-on"] { display: inline-block; } html body.unitprices-on [data-type="unitprices-off"] { display: none; } html body.unitprices-off [data-type="unitprices-on"] { display: none; } html body.unitprices-off [data-type="unitprices-off"] { display: inline-block; } @-ms-viewport { width: device-width; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hidden { display: none; visibility: hidden; } @media screen and (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop-inline { display: inline !important; } .visible-desktop-inline { display: none !important; } .visible-tablet-inline { display: inline !important; } .hidden-tablet-inline { display: none !important; } .hidden-desktop-inline-block { display: inline-block !important; } .visible-desktop-inline-block { display: none !important; } .visible-tablet-inline-block { display: inline-block !important; } .hidden-tablet-inline-block { display: none !important; } } @media screen and (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop-inline { display: inline-block !important; } .visible-desktop-inline { display: none !important; } .visible-phone-inline { display: inline-block !important; } .hidden-phone-inline { display: none !important; } .hidden-desktop-inline-block { display: inline-block !important; } .visible-desktop-inline-block { display: none !important; } .visible-phone-inline-block { display: inline-block !important; } .hidden-phone-inline-block { display: none !important; } .hidden-desktop-block { display: block !important; } .visible-desktop-block { display: none !important; } .visible-phone-block { display: block !important; } .hidden-phone-block { display: none !important; } } @media screen and (max-width: 767px) { body { padding-left: 20px; padding-right: 20px; } .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left: -20px; margin-right: -20px; } .container-fluid { padding: 0; } .container-padded { padding: 10px; } .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } .phone-col-bottom-margin [class*="span"], .phone-col-bottom-margin .uneditable-input[class*="span"], .phone-col-bottom-margin .row-fluid [class*="span"] { margin-bottom: 10px; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } } @media screen and (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; } .media .pull-left, .media .pull-right { float: none; display: block; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal { top: 10px; left: 10px; right: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } } @media screen and (max-width: 767px) { body { padding-top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; } .navbar-fixed-top { margin-bottom: 20px; } .navbar-fixed-bottom { margin-top: 20px; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 5px; } .navbar .container { width: auto; padding: 0; } .navbar .brand { padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 10px; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #777777; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover { background-color: #f2f2f2; } .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #999999; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover { background-color: #111111; } .nav-collapse.in .btn-group { margin-top: 5px; padding: 0; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .open > .dropdown-menu { display: block; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { overflow: hidden; height: 0; } .navbar .btn-navbar { display: block; } .navbar-static .navbar-inner { padding-left: 10px; padding-right: 10px; } } @media screen and (min-width: 768px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } } @media screen and (min-width: 768px) and (max-width: 979px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.76243%; *margin-left: 2.70924%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.76243%; } .row-fluid .span12 { width: 100%; *width: 99.94681%; } .row-fluid .span11 { width: 91.43646%; *width: 91.38327%; } .row-fluid .span10 { width: 82.87293%; *width: 82.81974%; } .row-fluid .span9 { width: 74.30939%; *width: 74.2562%; } .row-fluid .span8 { width: 65.74586%; *width: 65.69266%; } .row-fluid .span7 { width: 57.18232%; *width: 57.12913%; } .row-fluid .span6 { width: 48.61878%; *width: 48.56559%; } .row-fluid .span5 { width: 40.05525%; *width: 40.00206%; } .row-fluid .span4 { width: 31.49171%; *width: 31.43852%; } .row-fluid .span3 { width: 22.92818%; *width: 22.87499%; } .row-fluid .span2 { width: 14.36464%; *width: 14.31145%; } .row-fluid .span1 { width: 5.8011%; *width: 5.74791%; } .row-fluid .offset12 { margin-left: 105.52486%; *margin-left: 105.41848%; } .row-fluid .offset12:first-child { margin-left: 102.76243%; *margin-left: 102.65605%; } .row-fluid .offset11 { margin-left: 96.96133%; *margin-left: 96.85494%; } .row-fluid .offset11:first-child { margin-left: 94.1989%; *margin-left: 94.09251%; } .row-fluid .offset10 { margin-left: 88.39779%; *margin-left: 88.29141%; } .row-fluid .offset10:first-child { margin-left: 85.63536%; *margin-left: 85.52898%; } .row-fluid .offset9 { margin-left: 79.83425%; *margin-left: 79.72787%; } .row-fluid .offset9:first-child { margin-left: 77.07182%; *margin-left: 76.96544%; } .row-fluid .offset8 { margin-left: 71.27072%; *margin-left: 71.16434%; } .row-fluid .offset8:first-child { margin-left: 68.50829%; *margin-left: 68.4019%; } .row-fluid .offset7 { margin-left: 62.70718%; *margin-left: 62.6008%; } .row-fluid .offset7:first-child { margin-left: 59.94475%; *margin-left: 59.83837%; } .row-fluid .offset6 { margin-left: 54.14365%; *margin-left: 54.03726%; } .row-fluid .offset6:first-child { margin-left: 51.38122%; *margin-left: 51.27483%; } .row-fluid .offset5 { margin-left: 45.58011%; *margin-left: 45.47373%; } .row-fluid .offset5:first-child { margin-left: 42.81768%; *margin-left: 42.7113%; } .row-fluid .offset4 { margin-left: 37.01657%; *margin-left: 36.91019%; } .row-fluid .offset4:first-child { margin-left: 34.25414%; *margin-left: 34.14776%; } .row-fluid .offset3 { margin-left: 28.45304%; *margin-left: 28.34666%; } .row-fluid .offset3:first-child { margin-left: 25.69061%; *margin-left: 25.58422%; } .row-fluid .offset2 { margin-left: 19.8895%; *margin-left: 19.78312%; } .row-fluid .offset2:first-child { margin-left: 17.12707%; *margin-left: 17.02069%; } .row-fluid .offset1 { margin-left: 11.32597%; *margin-left: 11.21958%; } .row-fluid .offset1:first-child { margin-left: 8.56354%; *margin-left: 8.45715%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media screen and (min-width: 768px) and (max-width: 979px) { .navbar .container { width: 724px; } } @media screen and (max-width: 767px) { .row-fluid.row-pad-phone { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .row-fluid-phone { *zoom: 1; } .row-fluid-phone > [class*="span"] { display: block; float: left; width: 100%; margin-left: 2.76243%; } .row-fluid-phone:before, .row-fluid-phone:after { display: table; content: ""; line-height: 0; } .row-fluid-phone:after { clear: both; } .row-fluid-phone > .span12 { width: 100%; *width: 99.94681%; } .row-fluid-phone > .span11 { width: 91.43646%; *width: 91.38327%; } .row-fluid-phone > .span10 { width: 82.87293%; *width: 82.81974%; } .row-fluid-phone > .span9 { width: 74.30939%; *width: 74.2562%; } .row-fluid-phone > .span8 { width: 65.74586%; *width: 65.69266%; } .row-fluid-phone > .span7 { width: 57.18232%; *width: 57.12913%; } .row-fluid-phone > .span6 { width: 48.61878%; *width: 48.56559%; } .row-fluid-phone > .span5 { width: 40.05525%; *width: 40.00206%; } .row-fluid-phone > .span4 { width: 31.49171%; *width: 31.43852%; } .row-fluid-phone > .span3 { width: 22.92818%; *width: 22.87499%; } .row-fluid-phone > .span2 { width: 14.36464%; *width: 14.31145%; } .row-fluid-phone > .span1 { width: 5.8011%; *width: 5.74791%; } .row-fluid-phone .offset12 { margin-left: 105.52486%; *margin-left: 105.41848%; } .row-fluid-phone .offset12:first-child { margin-left: 102.76243%; *margin-left: 102.65605%; } .row-fluid-phone .offset11 { margin-left: 96.96133%; *margin-left: 96.85494%; } .row-fluid-phone .offset11:first-child { margin-left: 94.1989%; *margin-left: 94.09251%; } .row-fluid-phone .offset10 { margin-left: 88.39779%; *margin-left: 88.29141%; } .row-fluid-phone .offset10:first-child { margin-left: 85.63536%; *margin-left: 85.52898%; } .row-fluid-phone .offset9 { margin-left: 79.83425%; *margin-left: 79.72787%; } .row-fluid-phone .offset9:first-child { margin-left: 77.07182%; *margin-left: 76.96544%; } .row-fluid-phone .offset8 { margin-left: 71.27072%; *margin-left: 71.16434%; } .row-fluid-phone .offset8:first-child { margin-left: 68.50829%; *margin-left: 68.4019%; } .row-fluid-phone .offset7 { margin-left: 62.70718%; *margin-left: 62.6008%; } .row-fluid-phone .offset7:first-child { margin-left: 59.94475%; *margin-left: 59.83837%; } .row-fluid-phone .offset6 { margin-left: 54.14365%; *margin-left: 54.03726%; } .row-fluid-phone .offset6:first-child { margin-left: 51.38122%; *margin-left: 51.27483%; } .row-fluid-phone .offset5 { margin-left: 45.58011%; *margin-left: 45.47373%; } .row-fluid-phone .offset5:first-child { margin-left: 42.81768%; *margin-left: 42.7113%; } .row-fluid-phone .offset4 { margin-left: 37.01657%; *margin-left: 36.91019%; } .row-fluid-phone .offset4:first-child { margin-left: 34.25414%; *margin-left: 34.14776%; } .row-fluid-phone .offset3 { margin-left: 28.45304%; *margin-left: 28.34666%; } .row-fluid-phone .offset3:first-child { margin-left: 25.69061%; *margin-left: 25.58422%; } .row-fluid-phone .offset2 { margin-left: 19.8895%; *margin-left: 19.78312%; } .row-fluid-phone .offset2:first-child { margin-left: 17.12707%; *margin-left: 17.02069%; } .row-fluid-phone .offset1 { margin-left: 11.32597%; *margin-left: 11.21958%; } .row-fluid-phone .offset1:first-child { margin-left: 8.56354%; *margin-left: 8.45715%; } .row-fluid .phone-span12 { width: 100%; *width: 99.94681%; } .row-fluid .phone-span11 { width: 91.43646%; *width: 91.38327%; } .row-fluid .phone-span10 { width: 82.87293%; *width: 82.81974%; } .row-fluid .phone-span9 { width: 74.30939%; *width: 74.2562%; } .row-fluid .phone-span8 { width: 65.74586%; *width: 65.69266%; } .row-fluid .phone-span7 { width: 57.18232%; *width: 57.12913%; } .row-fluid .phone-span6 { width: 48.61878%; *width: 48.56559%; } .row-fluid .phone-span5 { width: 40.05525%; *width: 40.00206%; } .row-fluid .phone-span4 { width: 31.49171%; *width: 31.43852%; } .row-fluid .phone-span3 { width: 22.92818%; *width: 22.87499%; } .row-fluid .phone-span2 { width: 14.36464%; *width: 14.31145%; } .row-fluid .phone-span1 { width: 5.8011%; *width: 5.74791%; } .row-fluid .phone-offset12 { margin-left: 105.52486%; *margin-left: 105.41848%; } .row-fluid .phone-offset12:first-child { margin-left: 102.76243%; *margin-left: 102.65605%; } .row-fluid .phone-offset11 { margin-left: 96.96133%; *margin-left: 96.85494%; } .row-fluid .phone-offset11:first-child { margin-left: 94.1989%; *margin-left: 94.09251%; } .row-fluid .phone-offset10 { margin-left: 88.39779%; *margin-left: 88.29141%; } .row-fluid .phone-offset10:first-child { margin-left: 85.63536%; *margin-left: 85.52898%; } .row-fluid .phone-offset9 { margin-left: 79.83425%; *margin-left: 79.72787%; } .row-fluid .phone-offset9:first-child { margin-left: 77.07182%; *margin-left: 76.96544%; } .row-fluid .phone-offset8 { margin-left: 71.27072%; *margin-left: 71.16434%; } .row-fluid .phone-offset8:first-child { margin-left: 68.50829%; *margin-left: 68.4019%; } .row-fluid .phone-offset7 { margin-left: 62.70718%; *margin-left: 62.6008%; } .row-fluid .phone-offset7:first-child { margin-left: 59.94475%; *margin-left: 59.83837%; } .row-fluid .phone-offset6 { margin-left: 54.14365%; *margin-left: 54.03726%; } .row-fluid .phone-offset6:first-child { margin-left: 51.38122%; *margin-left: 51.27483%; } .row-fluid .phone-offset5 { margin-left: 45.58011%; *margin-left: 45.47373%; } .row-fluid .phone-offset5:first-child { margin-left: 42.81768%; *margin-left: 42.7113%; } .row-fluid .phone-offset4 { margin-left: 37.01657%; *margin-left: 36.91019%; } .row-fluid .phone-offset4:first-child { margin-left: 34.25414%; *margin-left: 34.14776%; } .row-fluid .phone-offset3 { margin-left: 28.45304%; *margin-left: 28.34666%; } .row-fluid .phone-offset3:first-child { margin-left: 25.69061%; *margin-left: 25.58422%; } .row-fluid .phone-offset2 { margin-left: 19.8895%; *margin-left: 19.78312%; } .row-fluid .phone-offset2:first-child { margin-left: 17.12707%; *margin-left: 17.02069%; } .row-fluid .phone-offset1 { margin-left: 11.32597%; *margin-left: 11.21958%; } .row-fluid .phone-offset1:first-child { margin-left: 8.56354%; *margin-left: 8.45715%; } .row-fluid .phone-span-no-margin { margin-left: 0; } .row-fluid-phone-flat [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .toggle-phone { display: none; } .toggle-phone.active { display: block; } } @media screen and (min-width: 768px) and (max-width: 979px) { .row-fluid .tablet-span12 { width: 100%; *width: 99.94681%; } .row-fluid .tablet-span11 { width: 91.43646%; *width: 91.38327%; } .row-fluid .tablet-span10 { width: 82.87293%; *width: 82.81974%; } .row-fluid .tablet-span9 { width: 74.30939%; *width: 74.2562%; } .row-fluid .tablet-span8 { width: 65.74586%; *width: 65.69266%; } .row-fluid .tablet-span7 { width: 57.18232%; *width: 57.12913%; } .row-fluid .tablet-span6 { width: 48.61878%; *width: 48.56559%; } .row-fluid .tablet-span5 { width: 40.05525%; *width: 40.00206%; } .row-fluid .tablet-span4 { width: 31.49171%; *width: 31.43852%; } .row-fluid .tablet-span3 { width: 22.92818%; *width: 22.87499%; } .row-fluid .tablet-span2 { width: 14.36464%; *width: 14.31145%; } .row-fluid .tablet-span1 { width: 5.8011%; *width: 5.74791%; } .row-fluid .tablet-offset12 { margin-left: 105.52486%; *margin-left: 105.41848%; } .row-fluid .tablet-offset12:first-child { margin-left: 102.76243%; *margin-left: 102.65605%; } .row-fluid .tablet-offset11 { margin-left: 96.96133%; *margin-left: 96.85494%; } .row-fluid .tablet-offset11:first-child { margin-left: 94.1989%; *margin-left: 94.09251%; } .row-fluid .tablet-offset10 { margin-left: 88.39779%; *margin-left: 88.29141%; } .row-fluid .tablet-offset10:first-child { margin-left: 85.63536%; *margin-left: 85.52898%; } .row-fluid .tablet-offset9 { margin-left: 79.83425%; *margin-left: 79.72787%; } .row-fluid .tablet-offset9:first-child { margin-left: 77.07182%; *margin-left: 76.96544%; } .row-fluid .tablet-offset8 { margin-left: 71.27072%; *margin-left: 71.16434%; } .row-fluid .tablet-offset8:first-child { margin-left: 68.50829%; *margin-left: 68.4019%; } .row-fluid .tablet-offset7 { margin-left: 62.70718%; *margin-left: 62.6008%; } .row-fluid .tablet-offset7:first-child { margin-left: 59.94475%; *margin-left: 59.83837%; } .row-fluid .tablet-offset6 { margin-left: 54.14365%; *margin-left: 54.03726%; } .row-fluid .tablet-offset6:first-child { margin-left: 51.38122%; *margin-left: 51.27483%; } .row-fluid .tablet-offset5 { margin-left: 45.58011%; *margin-left: 45.47373%; } .row-fluid .tablet-offset5:first-child { margin-left: 42.81768%; *margin-left: 42.7113%; } .row-fluid .tablet-offset4 { margin-left: 37.01657%; *margin-left: 36.91019%; } .row-fluid .tablet-offset4:first-child { margin-left: 34.25414%; *margin-left: 34.14776%; } .row-fluid .tablet-offset3 { margin-left: 28.45304%; *margin-left: 28.34666%; } .row-fluid .tablet-offset3:first-child { margin-left: 25.69061%; *margin-left: 25.58422%; } .row-fluid .tablet-offset2 { margin-left: 19.8895%; *margin-left: 19.78312%; } .row-fluid .tablet-offset2:first-child { margin-left: 17.12707%; *margin-left: 17.02069%; } .row-fluid .tablet-offset1 { margin-left: 11.32597%; *margin-left: 11.21958%; } .row-fluid .tablet-offset1:first-child { margin-left: 8.56354%; *margin-left: 8.45715%; } .row-fluid .tablet-span-no-margin { margin-left: 0; } } @media screen and (max-width: 979px) { .sprite, [class*="sprite"] { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/spritesheet@2x.png"); background-size: 500px 295px; } } @media screen and (min-width: 768px) and (max-width: 979px) { header .mobile-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/logo-retina.png") top left no-repeat; display: inline-block; width: 230px; height: 52px; background-size: 100% 100%; vertical-align: middle; } footer .footer-links .copyright { display: block; } footer .footer-advertisement .promo-container .promo-callout { top: -20px; } .row-fluid-padded > [class*="span"] { margin-left: 0; padding-left: 1.38122%; *padding-left: 1.35462%; padding-right: 1.38122%; *padding-right: 1.35462%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid-padded > [class*="span"]:first-child { margin-left: 0; padding-left: 0; } .row-fluid-padded > .span12 { width: 100%; *width: 99.94681%; } .row-fluid-padded > .span11 { width: 91.66667%; *width: 91.61348%; } .row-fluid-padded > .span10 { width: 83.33333%; *width: 83.28014%; } .row-fluid-padded > .span9 { width: 75%; *width: 74.94681%; } .row-fluid-padded > .span8 { width: 66.66667%; *width: 66.61348%; } .row-fluid-padded > .span7 { width: 58.33333%; *width: 58.28014%; } .row-fluid-padded > .span6 { width: 50%; *width: 49.94681%; } .row-fluid-padded > .span5 { width: 41.66667%; *width: 41.61348%; } .row-fluid-padded > .span4 { width: 33.33333%; *width: 33.28014%; } .row-fluid-padded > .span3 { width: 25%; *width: 24.94681%; } .row-fluid-padded > .span2 { width: 16.66667%; *width: 16.61348%; } .row-fluid-padded > .span1 { width: 8.33333%; *width: 8.28014%; } } @media screen and (max-width: 767px) { body { padding: 0; } .ajax-page { display: block; } .mobile-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/logo-retina.png") top left no-repeat; display: block; width: 141px; height: 31px; background-size: 100% 100%; } footer { margin-top: 0; padding: 0 0 40px 0; } footer .footer-advertisement { padding: 10px; } footer .footer-advertisement .promo-container { margin-bottom: 10px; } footer .footer-advertisement .promo-container .promo-callout { position: static; height: auto !important; } footer .footer-advertisement .alert-error { margin-top: 10px; } footer .footer-advertisement .separator-caret { display: none; } footer .footer-links { padding: 0 10px; text-align: center; } footer .footer-links a { white-space: nowrap; } footer .footer-links .copyright { display: block; margin: 10px 0; } footer .footer-menu .footer-images { text-align: center; } footer #google-trusted-stores-badge { width: 150px; margin: 0 auto; } header.header { padding: 7px 10px; } header.header .logo { margin-top: 0; } header.header .user { margin-top: 1px; } header.header .user .header-icon-display { display: inline-block; text-align: center; width: 30px; padding: 2px 6px 0; } header.header .user .header-icon-display a { text-decoration: none; } header.header .user .header-icon-display i { font-size: 26px; } header.header .user .cart { height: auto; float: right; width: auto; margin-left: 0; } header.header .user .cart .header-cart { display: inline-block; } header.header .user .cart .header-cart .cart-icon { float: none; margin: 0; text-align: center; width: 30px; padding: 0 6px; } header.header .user .cart .header-cart .cart-icon i { font-size: 26px; } div.cart-icon { position: relative; } div.cart-icon .cart-indicator { position: absolute; top: -5px; right: -5px; } .row-offcanvas { position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .row-offcanvas .sidebar-offcanvas { position: absolute; top: 0; width: 50%; overflow: hidden; height: 100%; } .row-offcanvas.active .sidebar-offcanvas { height: auto; } .row-offcanvas.active .backdrop-offcanvas { position: fixed; top: 0; width: 100%; height: 100%; z-index: 9999; } .row-offcanvas.row-offcanvas-right { right: 0; } .row-offcanvas.row-offcanvas-right .sidebar-offcanvas { right: -50%; } .row-offcanvas.row-offcanvas-right.active { right: 50%; } .row-offcanvas.row-offcanvas-left { left: 0; } .row-offcanvas.row-offcanvas-left .sidebar-offcanvas { left: -50%; } .row-offcanvas.row-offcanvas-left.active { left: 50%; } .phone-category-breadcrumbs { border-left: 10px solid #f2f2f2; } .breadcrumbs { display: block; background: #333333; position: relative; } .breadcrumbs .no-back-breadcrumb .breadcrumb { margin-left: 0; } .breadcrumbs.breadcrumbs-alt { background: #f2f2f2; border-bottom: 1px solid #ddd; } .breadcrumbs.breadcrumbs-alt .breadcrumb { color: #000; } .breadcrumbs.breadcrumbs-alt .back-breadcrumb a { border: 1px solid #aaa; } .breadcrumbs .header-buttons { margin-top: -4px; } .breadcrumbs .back-breadcrumb { position: absolute; left: 5px; top: 5px; } .breadcrumbs .back-breadcrumb a { display: block; width: 30px; height: 25px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; line-height: 27px; text-decoration: none; } .breadcrumbs .breadcrumb { margin: 0; background: none; color: #fff; margin-left: 35px; font-weight: bold; padding: 8px 15px; } .row-border-separated:not(.row-fluid-phone) > [class*="span"], .row-border-separated-right:not(.row-fluid-phone) > [class*="span"] { padding-right: 0; } .row-border-separated:not(.row-fluid-phone) > [class*="span"]::before, .row-border-separated-right:not(.row-fluid-phone) > [class*="span"]::before { display: none; } .row-border-separated-left:not(.row-fluid-phone) > [class*="span"] { padding-left: 0; } .row-border-separated-left:not(.row-fluid-phone) > [class*="span"]::before { display: none; } .phone-pseudo-table .phone-pseudo-header { background: #f2f2f2; border: 1px solid #cdcdcd; border-width: 1px 0; padding: 10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .phone-pseudo-table .phone-pseudo-header > [class*="span"] { min-height: 0; } .phone-pseudo-table .show-more { text-decoration: none; display: block; clear: both; text-align: center; position: relative; cursor: pointer; } .phone-pseudo-table .show-more i { font-size: 225%; } .phone-pseudo-table .show-more:before, .phone-pseudo-table .show-more:after { content: ''; position: absolute; top: 50%; width: 35%; border-bottom: 1px solid #cdcdcd; margin-top: -1px; } .phone-pseudo-table .show-more:before { left: 0; } .phone-pseudo-table .show-more:after { right: 0; } table.table { margin: 0; } table.table thead:first-child tr:first-child > th, table.table thead:first-child tr:first-child > td { border-top-width: 0; background: #eee; border-bottom-color: #ddd; } dl { margin-bottom: 0; } .row-right-gutter { padding-right: 0; position: relative; } .row-right-gutter .actions-bottom-right { position: static; } } @media screen and (min-width: 768px) and (max-width: 979px) { .navbar.navbar-main .store-search { width: 264px; } .navbar.navbar-main .store-search .form-search input[type='text'].search-bar { font-size: 11px; } #fixed-toolbar-desktop div.logo, #fixed-toolbar-desktop div.user-account, #fixed-toolbar-desktop div.cart { padding: 0 10px; } #fixed-toolbar-desktop div.logo:first-child, #fixed-toolbar-desktop div.user-account:first-child, #fixed-toolbar-desktop div.cart:first-child { padding-left: 0; } #fixed-toolbar-desktop div.store-search { width: 190px; } #fixed-toolbar-desktop div.store-search .form-search input[type='text'].search-bar { font-size: 9px; } .navbar.navbar-main .navbar-inner .nav > li > a { padding: 0 10px; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent > .dropdown-menu.categories.external-menu { width: 726px; padding: 0 0 10px 10px; background-image: none; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent > .dropdown-menu.categories.external-menu > li { width: 230px; max-width: 230px; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent > .dropdown-menu.categories.external-menu > li > a { width: 210px; } .category-main .btn-group a { max-width: 65%; } .accordion-inner ul.dropdown-menu.categories.external-menu, .tab-content ul.dropdown-menu.categories.external-menu, .cms-page ul.dropdown-menu.categories.external-menu { padding: 0 0 10px 0; background-image: none; } .accordion-inner ul.dropdown-menu.categories.external-menu > li, .tab-content ul.dropdown-menu.categories.external-menu > li, .cms-page ul.dropdown-menu.categories.external-menu > li { width: 230px; max-width: 230px; } .accordion-inner ul.dropdown-menu.categories.external-menu > li > a, .tab-content ul.dropdown-menu.categories.external-menu > li > a, .cms-page ul.dropdown-menu.categories.external-menu > li > a { width: 210px; } .lookup-area .product-inline-container { width: 620px; } } @media screen and (max-width: 767px) { .nav li a.menu-dropdown-toggle { display: none !important; } .navbar.navbar-main { margin-bottom: 0; height: 48px; } .accordion-inner ul.dropdown-menu.categories.external-menu, .tab-content ul.dropdown-menu.categories.external-menu, .cms-page ul.dropdown-menu.categories.external-menu { padding: 0 0 10px 0; background-image: none; } .accordion-inner ul.dropdown-menu.categories.external-menu > li, .tab-content ul.dropdown-menu.categories.external-menu > li, .cms-page ul.dropdown-menu.categories.external-menu > li { width: 230px; max-width: 230px; } .accordion-inner ul.dropdown-menu.categories.external-menu > li > a, .tab-content ul.dropdown-menu.categories.external-menu > li > a, .cms-page ul.dropdown-menu.categories.external-menu > li > a { width: 210px; } .container-fluid.menu .navbar.navbar-main .navbar-inner .menu-toggle { float: left; margin-top: 6px; margin-left: 5px; } .container-fluid.menu .navbar.navbar-main .navbar-inner .menu-toggle [data-toggle="offcanvas"] { text-decoration: none; } .container-fluid.menu .navbar.navbar-main .navbar-inner .menu-toggle [data-toggle="offcanvas"] i { font-size: 35px; } .container-fluid.menu .navbar.navbar-main .navbar-inner .store-search { width: 84%; width: calc(100% - 46px); position: static; } .cms-page ul.dropdown-menu.categories.external-menu { padding: 10px; } .row-offcanvas.row-offcanvas-left-menu { left: 0; } .row-offcanvas.row-offcanvas-left-menu.active .backdrop-offcanvas { left: 275px; } .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas { left: -275px; width: 274px; background: #eee; border-right: 1px solid #ccc; min-height: 100%; } .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas .sidebar-inner { padding: 10px; } .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul li a { line-height: 25px; } .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul.dropdown-menu.categories.external-menu { padding: 25px 0 25px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; left: auto; top: auto; padding-top: 0; padding-left: 0; padding-bottom: 0; background: none; border: none; width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: auto; } .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul.dropdown-menu.categories.external-menu li { width: 220px; max-width: 220px; float: left; border: none; } .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul.dropdown-menu.categories.external-menu li div.accent-color { margin-right: 5px; margin-top: 8px; display: inline-block; width: 10px; height: 20px; } .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul.dropdown-menu.categories.external-menu li a:hover, .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul.dropdown-menu.categories.external-menu li a:active, .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul.dropdown-menu.categories.external-menu li a:visited, .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul.dropdown-menu.categories.external-menu li a { vertical-align: top; line-height: 20px; display: inline-block; text-decoration: none; width: 200px; padding: 8px 0px; } .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul.dropdown-menu.categories.external-menu li a { padding: 8px 0; } .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul.dropdown-menu.categories.external-menu li a:hover, .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul.dropdown-menu.categories.external-menu li a:active { color: inherit; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .row-offcanvas.row-offcanvas-left-menu .sidebar-offcanvas ul.dropdown-menu.categories.external-menu li.active a { color: inherit; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .row-offcanvas.row-offcanvas-left-menu.active { left: 275px; } .nav-well { margin-bottom: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; background: none; padding: 0; } .nav.nav-list > li > a { position: relative; padding: 12px; border-bottom: 1px solid #ccc; } .nav.nav-list > li > a:hover { background: none; padding: 12px; } .nav.nav-list > li > a::before, .nav.nav-list > li > a::after { content: ''; top: 50%; margin-top: -7px; } .nav.nav-list > li > a::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 7px; right: -14px; border-left-color: #bbbbbb; right: 10px; } .nav.nav-list > li > a::after { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 7px; right: -14px; border-left-color: white; right: 11px; } .nav.nav-list > li > ul.dropdown-menu { display: none; } .nav.nav-list > li.active > ul.dropdown-menu { display: block; } .nav.nav-list > li.active + li { border-top: 1px solid #ccc; } .lookup-area { width: calc(100% - 12px); min-width: 0; } .lookup-area .product-inline-container { width: 100%; } .nav-payment-options { *zoom: 1; margin-bottom: 10px; } .nav-payment-options:before, .nav-payment-options:after { display: table; content: ""; line-height: 0; } .nav-payment-options:after { clear: both; } .nav-payment-options li .btn { line-height: 40px; padding: 4px 8px; } .nav-payment-options li .btn .row-fluid { position: relative; } .nav-payment-options li .btn .payment-type-icon { position: absolute; top: 0; left: 0; } .nav-payment-options li .btn .payment-type-text { margin-top: 0; } .nav-payment-options li.active .btn::before { border-top-color: transparent; border-left-color: transparent; } .nav-payment-options li.active .btn::after { border-left-color: transparent; } } @media screen and (min-width: 768px) and (max-width: 979px) { .product { padding-left: 10px; padding-right: 10px; width: 162px; } .list-main .products .list-content .product { padding: 0 10px; } .list-content .product .redline-saver-border { border: 3px solid red; padding: 0 7px 7px 7px; margin: -25px -7px -10px -7px; } .product-show h1 { font-size: 24px; line-height: 32px; } .product-show .promotion-description-modal { width: 740px; margin-left: -370px; } .product-show .watch-video-container .play-sign-backdrop { width: 46px; height: 29px; line-height: 29px; font-size: 18px; } .product-show .watch-video-container .watch-video { top: -2px; } .product-show .prices-container .prices .save-text { width: 17px; } .product-show .prices-container .prices .save-text .save-text-flag { right: -33px; } .product-show .same-day-header { display: none; } .slider .carousel.products-vertical { height: 420px; } .slider .carousel.products-vertical .carousel-inner .product-summary-deferred { height: 420px; } .slider .carousel.products-vertical .carousel-inner .product-summary-deferred .favourites-toggle .text { font-size: 11px; } .product-actions .actions-line { display: none; } .product-actions .actions-split { display: block; } .compare-checkbox { min-width: 75px; } [price-range-filter] > .row-fluid > [class*="span"] { float: none; width: 100%; margin-left: 0; } .filters [price-range-filter] .input-short { width: 35px; } } @media screen and (max-width: 767px) { .product-list .list-aside { display: none; } .product-list .list-aside.active { display: block; } .list-main .list-header, .list-main .list-footer { margin-bottom: 0; } .product-display .list-content:first-child .product:first-child { border-top: none; } .list-main .products .list-content { border-top: none; } .list-main .products .list-content .product { padding: 12px; margin: 0; border-bottom: 1px solid #ddd; } .list-main .products .list-content .product:first-child { border-top: 1px solid #ddd; } .list-main .products .list-content .product:last-child { border-bottom: none; } .list-content .product .redline-saver-border { border: 3px solid red; margin: -12px; padding: 9px; } .list-content .product .redline-saver-border .name { padding-top: 0px; } .slider.productSlide .list-content .product .redline-saver-border { margin-top: -12px; } .list-refine { background: #fff; padding: 8px 0; } .list-refine > [class*="span"] { padding: 0 8px; } .list-refine .result-count { font-weight: bold; line-height: 32px; } .list-footer .show-more { text-decoration: none; display: block; clear: both; text-align: center; position: relative; cursor: pointer; } .list-footer .show-more i { font-size: 225%; } .list-footer .show-more:before, .list-footer .show-more:after { content: ''; position: absolute; top: 50%; width: 35%; border-bottom: 1px solid #cdcdcd; margin-top: -1px; } .list-footer .show-more:before { left: 0; } .list-footer .show-more:after { right: 0; } .list-main .products .product-summary-deferred { min-height: 70px; width: 100%; } .list-main .products .product-summary-deferred .loading { width: 100%; min-height: 70px; } .list-main .products .product-summary-deferred .loading a { margin-top: -35px; width: 100%; } .list-main .products .product-summary-deferred .loading a i { font-size: 3em; } .list-main .products .product-summary-deferred .product-item-text { position: static; } .product-inline .price-blurb, .product .price-blurb { margin-top: 10px; font-size: 11px; color: #666; } .product-inline .price-blurb .price, .product .price-blurb .price { color: #3f8400; font-weight: bold; font-size: 11px; } .product-inline .price-blurb .price.discounted, .product .price-blurb .price.discounted { color: #3f8400; } .product, .products-inline .product-row, .products-inline .item-row, .products-inline .levy-row { position: relative; padding: 0 12px; } .product .product-inline, .products-inline .product-row .product-inline, .products-inline .item-row .product-inline, .products-inline .levy-row .product-inline { padding: 12px 0; } .product .product-summary-deferred, .products-inline .product-row .product-summary-deferred, .products-inline .item-row .product-summary-deferred, .products-inline .levy-row .product-summary-deferred { position: relative; } .product .product-summary-deferred.product-summary-deferred-isolated::before, .product .product-summary-deferred.product-summary-deferred-isolated::after, .products-inline .product-row .product-summary-deferred.product-summary-deferred-isolated::before, .products-inline .product-row .product-summary-deferred.product-summary-deferred-isolated::after, .products-inline .item-row .product-summary-deferred.product-summary-deferred-isolated::before, .products-inline .item-row .product-summary-deferred.product-summary-deferred-isolated::after, .products-inline .levy-row .product-summary-deferred.product-summary-deferred-isolated::before, .products-inline .levy-row .product-summary-deferred.product-summary-deferred-isolated::after { display: none; } .product .product-summary-deferred .btn-view-product, .products-inline .product-row .product-summary-deferred .btn-view-product, .products-inline .item-row .product-summary-deferred .btn-view-product, .products-inline .levy-row .product-summary-deferred .btn-view-product { white-space: nowrap; height: 17px; line-height: 18px; padding-left: 8px; padding-right: 8px; position: absolute; right: 0; top: 50%; margin-top: -17px; } .product .product-image, .products-inline .product-row .product-image, .products-inline .item-row .product-image, .products-inline .levy-row .product-image { text-align: center; } .product .product-image img, .products-inline .product-row .product-image img, .products-inline .item-row .product-image img, .products-inline .levy-row .product-image img { max-height: 70px; } .product .name, .products-inline .product-row .name, .products-inline .item-row .name, .products-inline .levy-row .name { position: static; } .products-inline .product-row:last-child { border-bottom-width: 0; } .products-inline.products-inline-last-border .product-row:last-child { border-bottom-width: 1px; } .filters { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-width: 1px 0 0 0; } .product-show [gallery-display] { margin-top: 10px; } .product-show [gallery-display] .gallery-badge { margin-top: 20px; } .product-show [gallery-display] .carousel-controls { margin: 0 10px; } .product-show [gallery-display] .carousel-controls .carousel-control.left { left: 10px; } .product-show [gallery-display] .carousel-controls .carousel-control.right { right: 10px; } .product-show .breadcrumbs { padding-bottom: 0; } .product-show .promotion-description-modal { left: 0; width: 100%; margin-left: 0; } .product-show .watch-video-container { padding: 0 10px; } .product-show .product-content-container { position: relative; } .product-show .product-content-container .product-name { margin-bottom: 0; } .product-show .product-content-container .product-name [class*="span"] { min-height: 0; } .product-show .product-content-container .product-name .number { position: absolute; top: 5px; right: 5px; } .product-show .product-content-container .product-name .brand { position: absolute; top: 5px; left: 5px; margin-top: 0; } .product-show .product-content-container .product-name .more-like-this { display: none; } .product-show .prices-container .prices-footer { text-align: center; } .product-show .product-actions-wrapper { margin-bottom: 10px; } .product-show .qty, .product-show .uom { width: auto; } .product-show .favourites-wrapper { margin-top: 10px; } .product-show .product-description p { padding-left: 10px; padding-right: 10px; } .product-show .tab-pane.related-products .modal-body.modal-body-padded { padding: 0px; max-height: none; } .product-show .tab-pane.related-products .related-items-contaner { max-height: none; overflow-y: auto; } .product-show .lowest-price-guarantee .tab-toggle .icon-signet-piggy-bank { font-size: 22px; vertical-align: top; display: inline-block; padding-right: 4px; } .product-show .out-of-stock-product .out-of-stock-message { text-align: center; padding: 0 20px; margin: 0 0 30px 0; } .products-inline .favourites-toggle, .products-inline .list-toggle { position: static; bottom: auto; } .list-main .products .list-intro .accordion .accordion-group .accordion-heading .accordion-toggle { padding-left: 10px; } .carton-finder { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; margin-bottom: 0; } .carton-finder .header h1 { padding: 8px 15px; margin: 0; font-size: 12px; line-height: 20px; border-bottom: 1px solid #000; } .carton-finder .content { padding: 10px; } .carton-finder .dimension, .carton-finder .category-select, .carton-finder.single-dimension .dimension { *zoom: 1; } .carton-finder .dimension:before, .carton-finder .dimension:after, .carton-finder .category-select:before, .carton-finder .category-select:after, .carton-finder.single-dimension .dimension:before, .carton-finder.single-dimension .dimension:after { display: table; content: ""; line-height: 0; } .carton-finder .dimension:after, .carton-finder .category-select:after, .carton-finder.single-dimension .dimension:after { clear: both; } .carton-finder .dimension .image-row, .carton-finder .category-select .image-row, .carton-finder.single-dimension .dimension .image-row { float: left; width: 30%; } .carton-finder .dimension .image-row .text-center, .carton-finder .category-select .image-row .text-center, .carton-finder.single-dimension .dimension .image-row .text-center { text-align: left; } .carton-finder .dimension .inputs-row, .carton-finder .category-select .inputs-row, .carton-finder.single-dimension .dimension .inputs-row { float: left; width: 70%; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .carton-finder.single-dimension .dimension .inputs-row .control-group { float: none; width: auto; margin-left: 0; } } @media screen and (max-width: 767px) { .slider { margin-top: -1px; margin-bottom: 0; min-height: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .slider .slider-header .slider-header-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .slider .slider-header .slider-header-inner > a { text-decoration: none; cursor: pointer; } .slider .slider-header .slider-header-inner > a .icon-caret-up, .slider .slider-header .slider-header-inner > a .icon-caret-down, .slider .slider-header .slider-header-inner > a .icon-chevron-up, .slider .slider-header .slider-header-inner > a .icon-chevron-down { position: absolute; right: 10px; top: 50%; margin-top: -0.5em; } .slider .slider-header .slider-header-inner > a .icon-caret-up, .slider .slider-header .slider-header-inner > a .icon-chevron-up { display: none !important; } .slider .slider-header .slider-header-inner > a.expanded .icon-caret-up, .slider .slider-header .slider-header-inner > a.expanded .icon-chevron-up { display: block !important; } .slider .slider-header .slider-header-inner > a.expanded .icon-caret-down, .slider .slider-header .slider-header-inner > a.expanded .icon-chevron-down { display: none !important; } .slider .slider-body.collapse-mobile { border-bottom-width: 0; } .slider .slider-body.collapse-mobile.in { border-bottom-width: 1px; } .slider .slider-body { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .slider .slider-body .slider-caption p { margin-right: 10px; } .slider .slider-body .slider-content, .slider .slider-body .caption-slider-content { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .slider .slider-body .slider-content.slider-horizontal, .slider .slider-body .caption-slider-content.slider-horizontal { padding-left: 0; padding-right: 0; } .slider .slider-body .slider-content .carousel-control, .slider .slider-body .caption-slider-content .carousel-control { display: none; } .slider .slider-body .slider-content .carousel.featured-content-vertical, .slider .slider-body .caption-slider-content .carousel.featured-content-vertical { height: auto; } .slider .slider-body .slider-content .carousel.multiple-items, .slider .slider-body .caption-slider-content .carousel.multiple-items { overflow: visible !important; } .slider .slider-body .slider-content .carousel.multiple-items .carousel-inner, .slider .slider-body .caption-slider-content .carousel.multiple-items .carousel-inner { width: 100% !important; left: 0 !important; position: static; } .slider .slider-body .slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item, .slider .slider-body .caption-slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item { float: none; } .slider .slider-body .slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item.product, .slider .slider-body .caption-slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item.product { border-bottom: 1px solid #ccc; width: auto; height: auto; padding: 12px; } .slider .slider-body .slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item.product .product-summary-deferred, .slider .slider-body .caption-slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item.product .product-summary-deferred { height: 70px; } .slider .slider-body .slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item.product .product-summary-deferred.template-loaded, .slider .slider-body .caption-slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item.product .product-summary-deferred.template-loaded { height: auto; } .slider .slider-body .slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item:last-child, .slider .slider-body .caption-slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item:last-child { border-bottom-width: 0; } .slider h2 { background: #f2f2f2; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-top: 10px; padding-bottom: 10px; height: 20px; line-height: 20px; white-space: normal; height: auto; } } @media screen and (min-width: 768px) and (max-width: 979px) { .user-list-actions .btn-group .dropdown-menu.dropdown-menu-medium, .header-buttons .btn-group .dropdown-menu.dropdown-menu-medium { width: 350px; } .user-list-actions .btn-group .dropdown-menu.dropdown-menu-large, .header-buttons .btn-group .dropdown-menu.dropdown-menu-large { width: 550px; } .invoice-payment .nav-payment-options .sprite-credit-cards { background-size: 365px; width: 120px; height: 30px; background-position: -12px -60px; } } @media screen and (max-width: 767px) { .account-header { background: #eee; padding: 8px 15px; } .account-header .account-header-content { line-height: 30px; font-weight: bold; } .account-right-content { padding-bottom: 0; } .section { margin-bottom: 0; } .section .empty-list { padding-top: 10px; padding-bottom: 10px; } .section-header .header-buttons { margin-top: 16px; } .user-list-actions .btn-group .dropdown-menu, .header-buttons .btn-group .dropdown-menu { width: 300px; white-space: normal; } .user-list-actions .btn-group .dropdown-menu.dropdown-menu-medium, .header-buttons .btn-group .dropdown-menu.dropdown-menu-medium { width: 300px; } .user-list-actions .btn-group .dropdown-menu.dropdown-menu-large, .header-buttons .btn-group .dropdown-menu.dropdown-menu-large { width: 300px; } .favourite { padding-top: 10px; padding-left: 10px; } .phone-separator { background: #f2f2f2; border: 1px solid #cdcdcd; border-width: 1px 0; padding: 10px 15px; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .phone-separator > [class*="span"] { min-height: 0; } .order-item-summary .empty-list { padding: 0 10px; } .order-item-summary h6 { margin: 0; } .customer-actions { margin-bottom: 10px; } .products-pseudo-table { border-top: 1px solid #ccc; margin-top: 10px; } .display-alt .btn-group { display: block; } .display-alt .btn-group .btn { display: block; width: 100%; margin-bottom: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .display-alt .btn-group .btn:last-child { margin-bottom: 0; } .display-alt .well { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 0; } .well-active-customer { margin: 0; } .prize-selection-promotion .prize-well { max-width: 300px; } } @media screen and (min-width: 768px) and (max-width: 979px) { .btn-group.gst-toggle button { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/spritesheet@2x.png"); background-size: 500px 295px; } .btn-group.gst-toggle button:hover { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/spritesheet@2x.png"); background-size: 500px 295px; } .user .cart .items .cart-link-btn { clear: left; } .user .cart .items .actions { min-width: 0; } } @media screen and (min-width: 768px) and (max-width: 979px) { .checkout-upsell.checkout-upsell-success .checkout-upsell-inner { padding-left: 10px; } .checkout-container { width: 764px; margin-left: -20px; margin-right: -20px; } } @media screen and (max-width: 767px) { table.cart-subtotals-table { margin-top: 10px; } .checkout-header { background: #eee; padding: 8px 5px 8px 15px; } .checkout-header .checkout-header-content { line-height: 30px; font-weight: bold; } table.cart-subtotals-table tr td .tool-tip input, table.cart-subtotals-table tr td .tool-tip select { margin-bottom: 10px; } .checkout-container { width: auto; } .checkout-container .checkout-menu .navbar.navbar-main { min-height: 50px; height: auto; } .checkout-container .checkout-menu .navbar.navbar-main .navbar-inner .nav > li a { padding: 0; } .checkout-container .accordion .accordion-group .accordion-heading .accordion-toggle { padding: 10px; } .checkout-container .accordion .accordion-group .accordion-heading a h2 { font-size: 13px; } .checkout-container .accordion .accordion-group .accordion-body .nav.nav-tabs li { width: 29%; max-width: 145px; } .checkout-container .accordion .accordion-group .accordion-body .nav.nav-tabs li .btn.btn-customer-type { width: 100%; } .checkout-container .accordion .accordion-group .accordion-body .logged-out-checkout-start .btn.btn-primary { margin-bottom: 15px; } .checkout-container .header .sprite-credit-cards, .checkout-container .header .sprite-verisign { background-size: 330px; } .checkout-container .header .sprite-credit-cards { background-position: -11px -56px; width: 72px; height: 22px; } .checkout-container .header .sprite-verisign { background-position: -87px -140px; width: 68px; height: 43px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .redline-image { padding: 0px 0px 10px 0px; } .products-inline .product-row .stock-location > span { display: inline-block; padding-bottom: 10px; } .products-inline .product-row .product-inline .item-remove { float: right; } .products-inline .product-row .product-inline .item-remove i { font-size: 20px; } .products-inline .product-row .product-inline .item-qty .control-label { display: inline-block; font-weight: bold; font-size: 12px; position: relative; top: -4px; margin-right: 8px; } .products-inline .product-row .product-inline .item-qty .controls { display: inline-block; } .products-inline .product-row .product-inline .item-qty .controls input { width: 33px; -moz-appearance: textfield; } .products-inline .product-row .product-inline .item-qty .controls input::-webkit-outer-spin-button, .products-inline .product-row .product-inline .item-qty .controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0px; } } @media screen and (min-width: 768px) and (max-width: 979px) { .store-search .form-search .search-button.btn-search { width: 75px; } .store-search .form-search .search-button.btn-search .icon-mag-glass::before { right: 4px; font-size: 78%; top: 6px; } .store-search .form-search .search-button.btn-search span { left: -9px; } .store-search .form-search .clear-search { right: 82px; } } @media screen and (max-width: 767px) { .form-actions { margin-bottom: 10px; } .store-search .search-bar { height: 38px; } .store-search .search-button { height: 38px; } .store-search .search-button.btn-search { width: 36px; } .store-search .search-button.btn-search .icon-mag-glass::before { position: relative; } .store-search .clear-search { font-size: 20px; margin-top: -10px; right: 43px; } } @media screen and (min-width: 768px) and (max-width: 979px) { .promo-callout .promo-text { font-size: 19px; } } @media screen and (min-width: 768px) and (max-width: 979px) { .modal.modal-compare.modal-compare-2 { width: 440px; margin-left: -220px; } .modal.modal-compare.modal-compare-3 { width: 660px; margin-left: -330px; } #modalImage, .gallery-list-modal { width: 740px; margin-left: -370px; } #modalImage .modal-body img, .gallery-list-modal .modal-body img { max-width: 700px; } .modal.sourced-on-request-pop-up-modal { width: 720px; margin-left: -370px; } .modal.sourced-on-request-pop-up-modal .modal-body { max-height: 500px; overflow-y: auto; } .modal.related-products-modal, .modal.lowest-price-guarantee-modal, .modal.add-to-cart-modal, .sourced-on-request-lead-modal { width: 720px; margin-left: -360px; } } @media screen and (max-width: 767px) { #modalImage, .gallery-list-modal { left: 0; width: 100%; margin-left: 0; } #modalImage .modal-body img, .gallery-list-modal .modal-body img { max-width: 100%; } .modal .modal-header .close.close-icon { top: -20px; right: 0; } .modal.price-display-pop-up-modal { left: 0; width: 100%; margin-left: 0; } .modal.price-display-pop-up-modal .modal-header .close { top: 20px; right: 20px; } .modal.price-display-pop-up-modal .modal-body h1 { font-size: 26px; padding-left: 40px; padding-right: 40px; margin-bottom: 20px; } .modal.price-display-pop-up-modal .modal-body > p { padding-left: 40px; padding-right: 40px; } .modal.price-display-pop-up-modal .modal-body .price-display-types { height: auto; padding-bottom: 20px; } .modal.price-display-pop-up-modal .modal-body .price-display-types .price-display-backdrop { display: none; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection { position: static; top: auto; left: auto; right: auto; width: auto; height: auto; display: block; margin-bottom: 10px; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection.ex-gst { left: 20px; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection.ex-gst .hero-person { display: none; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection.inc-gst { right: 20px; } .modal.price-display-pop-up-modal .modal-body .price-display-types a.tax-selection.inc-gst .hero-person { display: none; } .modal.price-display-pop-up-modal .modal-footer { background: #000; color: #fff; font-size: 13px; font-weight: bold; padding: 8px 15px; } .modal.price-display-pop-up-modal .modal-footer div { color: #fff; } .modal.price-display-pop-up-modal .modal-footer .tax-brand-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/tax-type-check/white-logo.png") no-repeat; width: 103px; height: 23px; } .contact-us-popout .popover dl { margin-top: 0; } .contact-us-popout .popover dl dt { border-top: 1px solid #ccc; padding-top: 10px; } .contact-us-popout .popover dl dt .icons { padding-top: 15px; } .contact-us-popout .popover dl dt:first-child { border-top: none; } .contact-us-popout .popover dl dd a { text-decoration: underline; } .modal-scrollable, .modal.sourced-on-request-pop-up-modal { max-height: calc(100% - 20px - 30px); overflow-y: auto; } .modal-scrollable .modal-header .close, .modal.sourced-on-request-pop-up-modal .modal-header .close { margin: 0; position: fixed; top: 5px; right: 5px; z-index: 10; } .modal-scrollable .modal-header .close.close-icon, .modal.sourced-on-request-pop-up-modal .modal-header .close.close-icon { top: 10px; right: 10px; } .modal.marketing-lead-modal .modal-header { padding-top: 10px; padding-bottom: 10px; padding-right: 50px; font-size: 15px; } .modal.sourced-on-request-pop-up-modal { left: 0; width: 100%; margin-left: 0; } .modal.sourced-on-request-pop-up-modal .modal-header h1 { height: auto; } .modal.sourced-on-request-pop-up-modal .modal-header h1 .sourced-on-request-header-icon { position: static; } .modal.sourced-on-request-pop-up-modal .modal-header h1 .sourced-on-request-header-text { font-size: 20px; padding-left: 0; padding-top: 10px; } .modal.sourced-on-request-pop-up-modal .modal-body { max-height: 100%; overflow-y: initial; } .modal.sourced-on-request-pop-up-modal .modal-body .sourced-on-request-cart img { max-height: 79px; max-width: 100%; } } @media screen and (max-width: 767px) { .blog { padding-left: 0; padding-right: 0; } .blog .show-more { text-decoration: none; display: block; clear: both; text-align: center; position: relative; cursor: pointer; } .blog .show-more i { font-size: 225%; } .blog .show-more:before, .blog .show-more:after { content: ''; position: absolute; top: 50%; width: 35%; border-bottom: 1px solid #cdcdcd; margin-top: -1px; } .blog .show-more:before { left: 0; } .blog .show-more:after { right: 0; } .blog.blog-list-page article { padding: 0 10px; } .blog .item .item-row::before, .blog .item .item-row::after { content: ''; top: 50%; margin-top: -7px; } .blog .item .item-row::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 7px; right: -14px; border-left-color: #bbbbbb; right: 10px; } .blog .item .item-row::after { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 7px; right: -14px; border-left-color: white; right: 11px; } } @media screen and (min-width: 768px) and (max-width: 979px) { .accordion .accordion-group.first-desktop, .accordion .accordion-group.last-desktop { border-top-width: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .accordion .accordion-group.first-desktop .accordion-heading .accordion-toggle, .accordion .accordion-group.last-desktop .accordion-heading .accordion-toggle { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .accordion .accordion-group.first-desktop .accordion-heading .accordion-toggle.expanded, .accordion .accordion-group.last-desktop .accordion-heading .accordion-toggle.expanded { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .accordion .accordion-group.first-desktop .accordion-body.in, .accordion .accordion-group.last-desktop .accordion-body.in { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .accordion .accordion-group.first-tablet { border-top-width: 1px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } .accordion .accordion-group.first-tablet .accordion-heading .accordion-toggle { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } .accordion .accordion-group.last-tablet { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .accordion .accordion-group.last-tablet .accordion-heading .accordion-toggle { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } .accordion .accordion-group.last-tablet .accordion-heading .accordion-toggle.expanded { -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } .accordion .accordion-group.last-tablet .accordion-body.in { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } } @media screen and (max-width: 767px) { .accordion { margin-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .accordion .accordion-group.first-desktop, .accordion .accordion-group.last-desktop, .accordion .accordion-group.first-tablet, .accordion .accordion-group.last-tablet, .accordion .accordion-group.first-phone, .accordion .accordion-group.last-phone { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .accordion .accordion-group.first-desktop .accordion-heading .accordion-toggle, .accordion .accordion-group.last-desktop .accordion-heading .accordion-toggle, .accordion .accordion-group.first-tablet .accordion-heading .accordion-toggle, .accordion .accordion-group.last-tablet .accordion-heading .accordion-toggle, .accordion .accordion-group.first-phone .accordion-heading .accordion-toggle, .accordion .accordion-group.last-phone .accordion-heading .accordion-toggle { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .accordion .accordion-group.first-desktop .accordion-heading .accordion-toggle.expanded, .accordion .accordion-group.last-desktop .accordion-heading .accordion-toggle.expanded, .accordion .accordion-group.first-tablet .accordion-heading .accordion-toggle.expanded, .accordion .accordion-group.last-tablet .accordion-heading .accordion-toggle.expanded, .accordion .accordion-group.first-phone .accordion-heading .accordion-toggle.expanded, .accordion .accordion-group.last-phone .accordion-heading .accordion-toggle.expanded { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .accordion .accordion-group.first-desktop .accordion-body.in, .accordion .accordion-group.last-desktop .accordion-body.in, .accordion .accordion-group.first-tablet .accordion-body.in, .accordion .accordion-group.last-tablet .accordion-body.in, .accordion .accordion-group.first-phone .accordion-body.in, .accordion .accordion-group.last-phone .accordion-body.in { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .accordion .accordion-group .accordion-heading .accordion-toggle.expanded { background: #f2f2f2; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .accordion .accordion-group .accordion-heading .accordion-toggle.expanded-mobile > .icon-caret-up, .accordion .accordion-group .accordion-heading .accordion-toggle.expanded-mobile > .icon-chevron-up { display: block; } .accordion .accordion-group .accordion-heading .accordion-toggle.expanded-mobile > .icon-caret-down, .accordion .accordion-group .accordion-heading .accordion-toggle.expanded-mobile > .icon-chevron-down { display: none; } .accordion .accordion-group .accordion-body.in, .accordion .accordion-group .accordion-body.in-mobile { border-top-color: #cccccc; } .accordion.accordion-contacts .accordion-group:first-child { border-top-width: 1px; } .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle { background: #f2f2f2; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); font-weight: bold; } .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle > .icon-chevron-up, .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle > .icon-chevron-down, .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle > .icon-caret-up, .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle > .icon-caret-down { right: 10px; left: auto; } .accordion.accordion-contacts .accordion-group .accordion-heading .accordion-toggle.expanded { background: #f2f2f2; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .collapse.in-mobile { height: auto !important; } .collapse-mobile { position: relative; height: 0; overflow: hidden; } .collapse-mobile.in { height: auto; } .tabs-container.phone-accordion, .pills-container.phone-accordion { margin-bottom: 0; } .tabs-container.phone-accordion .tabbable, .pills-container.phone-accordion .tabbable { display: none; } .tabs-container.phone-accordion .tab-content, .tabs-container.phone-accordion .pill-content, .pills-container.phone-accordion .tab-content, .pills-container.phone-accordion .pill-content { border: none; } .tabs-container.phone-accordion .tab-content > .tab-pane, .tabs-container.phone-accordion .pill-content > .pill-pane, .pills-container.phone-accordion .tab-content > .tab-pane, .pills-container.phone-accordion .pill-content > .pill-pane { display: block; padding: 0; position: relative; height: 0px; overflow: hidden; } .tabs-container.phone-accordion .tab-content > .tab-pane .tab-inner, .tabs-container.phone-accordion .pill-content > .pill-pane .tab-inner, .pills-container.phone-accordion .tab-content > .tab-pane .tab-inner, .pills-container.phone-accordion .pill-content > .pill-pane .tab-inner { padding: 9px 15px; } .tabs-container.phone-accordion .tab-content > .tab-pane.collapse.in, .tabs-container.phone-accordion .tab-content > .tab-pane.collapse.in-mobile, .tabs-container.phone-accordion .pill-content > .pill-pane.collapse.in, .tabs-container.phone-accordion .pill-content > .pill-pane.collapse.in-mobile, .pills-container.phone-accordion .tab-content > .tab-pane.collapse.in, .pills-container.phone-accordion .tab-content > .tab-pane.collapse.in-mobile, .pills-container.phone-accordion .pill-content > .pill-pane.collapse.in, .pills-container.phone-accordion .pill-content > .pill-pane.collapse.in-mobile { height: auto; } .tabs-container.phone-accordion .tab-toggle:nth-last-child(2) > a, .pills-container.phone-accordion .tab-toggle:nth-last-child(2) > a { border-bottom-width: 1px; } .tabs-container.phone-accordion .tab-toggle > a, .pills-container.phone-accordion .tab-toggle > a { display: block; position: relative; background: #f2f2f2; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); padding: 10px 15px; height: 20px; line-height: 20px; font-size: 13px; text-decoration: none; font-weight: bold; border: 1px solid #cccccc; border-width: 1px 1px 0 1px; } .tabs-container.phone-accordion .tab-toggle > a > .icon-caret-up, .tabs-container.phone-accordion .tab-toggle > a > .icon-caret-down, .tabs-container.phone-accordion .tab-toggle > a > .icon-chevron-up, .tabs-container.phone-accordion .tab-toggle > a > .icon-chevron-down, .pills-container.phone-accordion .tab-toggle > a > .icon-caret-up, .pills-container.phone-accordion .tab-toggle > a > .icon-caret-down, .pills-container.phone-accordion .tab-toggle > a > .icon-chevron-up, .pills-container.phone-accordion .tab-toggle > a > .icon-chevron-down { position: absolute; right: 10px; top: 50%; margin-top: -0.5em; } .tabs-container.phone-accordion .tab-toggle > a > .icon-caret-up, .tabs-container.phone-accordion .tab-toggle > a > .icon-chevron-up, .pills-container.phone-accordion .tab-toggle > a > .icon-caret-up, .pills-container.phone-accordion .tab-toggle > a > .icon-chevron-up { display: none; } .tabs-container.phone-accordion .tab-toggle > a.expanded, .tabs-container.phone-accordion .tab-toggle > a.expanded-mobile, .pills-container.phone-accordion .tab-toggle > a.expanded, .pills-container.phone-accordion .tab-toggle > a.expanded-mobile { border-bottom-width: 1px; } .tabs-container.phone-accordion .tab-toggle > a.expanded > .icon-caret-up, .tabs-container.phone-accordion .tab-toggle > a.expanded > .icon-chevron-up, .tabs-container.phone-accordion .tab-toggle > a.expanded-mobile > .icon-caret-up, .tabs-container.phone-accordion .tab-toggle > a.expanded-mobile > .icon-chevron-up, .pills-container.phone-accordion .tab-toggle > a.expanded > .icon-caret-up, .pills-container.phone-accordion .tab-toggle > a.expanded > .icon-chevron-up, .pills-container.phone-accordion .tab-toggle > a.expanded-mobile > .icon-caret-up, .pills-container.phone-accordion .tab-toggle > a.expanded-mobile > .icon-chevron-up { display: block; } .tabs-container.phone-accordion .tab-toggle > a.expanded > .icon-caret-down, .tabs-container.phone-accordion .tab-toggle > a.expanded > .icon-chevron-down, .tabs-container.phone-accordion .tab-toggle > a.expanded-mobile > .icon-caret-down, .tabs-container.phone-accordion .tab-toggle > a.expanded-mobile > .icon-chevron-down, .pills-container.phone-accordion .tab-toggle > a.expanded > .icon-caret-down, .pills-container.phone-accordion .tab-toggle > a.expanded > .icon-chevron-down, .pills-container.phone-accordion .tab-toggle > a.expanded-mobile > .icon-caret-down, .pills-container.phone-accordion .tab-toggle > a.expanded-mobile > .icon-chevron-down { display: none; } .accordion, .phone-accordion { margin-top: -1px; } .hero-unit { padding: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .order-contact-details-widget h3 { padding-left: 10px; padding-right: 10px; } .order-contact-details-widget .btn-huge { padding-top: 10px; } .order-contact-details-widget .btn-huge .description { width: 65%; } } @media screen and (min-width: 768px) { .collapse.collapse-mobile { height: auto !important; } .tabs-container.phone-accordion .tab-content > .tab-pane, .tabs-container.phone-accordion .pill-content > .pill-pane, .pills-container.phone-accordion .tab-content > .tab-pane, .pills-container.phone-accordion .pill-content > .pill-pane { height: auto !important; } } @media screen and (min-width: 768px) and (max-width: 979px) { .tile .tile-image a .tile-overlay-text { font-size: 18px; } .tile .tile-image .tile-text { line-height: 18px; padding-top: 5px; } } @media screen and (min-width: 768px) and (max-width: 979px) { .home-page-always-serving [class*="span"] { width: 64%; } .home-page-always-serving [class*="span"]:first-child { width: 33%; } .home-page-always-serving [class*="span"].guarantee { display: none; } .my-account-landing .my-account-ads .welcome-item { height: 180px; } .my-account-landing .my-account-ads .welcome-item img { width: 40px; } .my-account-landing .my-account-ads .welcome-item p { padding-left: 50px; } .gtex-header .logo-mini { display: none; } .banner-container .well ul.list-alt { display: none; } } @media screen and (max-width: 767px) { .content-widget h1, .content-widget h2, .content-widget h3, .content-widget h4, .content-widget h5, .content-widget h6, .content-widget p { padding-left: 10px; padding-right: 10px; } .home-page-lozenges { margin-top: 10px; } .gtex-header-left { padding-left: 10px; } .gtex-header { padding: 10px; } .gtex-header .logo-mini { display: none; } .gtex-header .pull-left { width: auto; } .banner-container .well { display: none; } .grid-well .item-row .item { width: 100%; } } @media screen and (min-width: 1200px) { .making-life-easier .row { margin-left: -30px; *zoom: 1; } .making-life-easier .row:before, .making-life-easier .row:after { display: table; content: ""; line-height: 0; } .making-life-easier .row:after { clear: both; } .making-life-easier [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .making-life-easier .container, .making-life-easier .navbar-static-top .container, .making-life-easier .navbar-fixed-top .container, .making-life-easier .navbar-fixed-bottom .container { width: 1170px; } .making-life-easier .span12 { width: 1170px; } .making-life-easier .span11 { width: 1070px; } .making-life-easier .span10 { width: 970px; } .making-life-easier .span9 { width: 870px; } .making-life-easier .span8 { width: 770px; } .making-life-easier .span7 { width: 670px; } .making-life-easier .span6 { width: 570px; } .making-life-easier .span5 { width: 470px; } .making-life-easier .span4 { width: 370px; } .making-life-easier .span3 { width: 270px; } .making-life-easier .span2 { width: 170px; } .making-life-easier .span1 { width: 70px; } .making-life-easier .offset12 { margin-left: 1230px; } .making-life-easier .offset11 { margin-left: 1130px; } .making-life-easier .offset10 { margin-left: 1030px; } .making-life-easier .offset9 { margin-left: 930px; } .making-life-easier .offset8 { margin-left: 830px; } .making-life-easier .offset7 { margin-left: 730px; } .making-life-easier .offset6 { margin-left: 630px; } .making-life-easier .offset5 { margin-left: 530px; } .making-life-easier .offset4 { margin-left: 430px; } .making-life-easier .offset3 { margin-left: 330px; } .making-life-easier .offset2 { margin-left: 230px; } .making-life-easier .offset1 { margin-left: 130px; } .making-life-easier .row-fluid { width: 100%; *zoom: 1; } .making-life-easier .row-fluid:before, .making-life-easier .row-fluid:after { display: table; content: ""; line-height: 0; } .making-life-easier .row-fluid:after { clear: both; } .making-life-easier .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.5641%; *margin-left: 2.51091%; } .making-life-easier .row-fluid [class*="span"]:first-child { margin-left: 0; } .making-life-easier .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.5641%; } .making-life-easier .row-fluid .span12 { width: 100%; *width: 99.94681%; } .making-life-easier .row-fluid .span11 { width: 91.45299%; *width: 91.3998%; } .making-life-easier .row-fluid .span10 { width: 82.90598%; *width: 82.85279%; } .making-life-easier .row-fluid .span9 { width: 74.35897%; *width: 74.30578%; } .making-life-easier .row-fluid .span8 { width: 65.81197%; *width: 65.75877%; } .making-life-easier .row-fluid .span7 { width: 57.26496%; *width: 57.21177%; } .making-life-easier .row-fluid .span6 { width: 48.71795%; *width: 48.66476%; } .making-life-easier .row-fluid .span5 { width: 40.17094%; *width: 40.11775%; } .making-life-easier .row-fluid .span4 { width: 31.62393%; *width: 31.57074%; } .making-life-easier .row-fluid .span3 { width: 23.07692%; *width: 23.02373%; } .making-life-easier .row-fluid .span2 { width: 14.52991%; *width: 14.47672%; } .making-life-easier .row-fluid .span1 { width: 5.98291%; *width: 5.92971%; } .making-life-easier .row-fluid .offset12 { margin-left: 105.12821%; *margin-left: 105.02182%; } .making-life-easier .row-fluid .offset12:first-child { margin-left: 102.5641%; *margin-left: 102.45772%; } .making-life-easier .row-fluid .offset11 { margin-left: 96.5812%; *margin-left: 96.47481%; } .making-life-easier .row-fluid .offset11:first-child { margin-left: 94.01709%; *margin-left: 93.91071%; } .making-life-easier .row-fluid .offset10 { margin-left: 88.03419%; *margin-left: 87.92781%; } .making-life-easier .row-fluid .offset10:first-child { margin-left: 85.47009%; *margin-left: 85.3637%; } .making-life-easier .row-fluid .offset9 { margin-left: 79.48718%; *margin-left: 79.3808%; } .making-life-easier .row-fluid .offset9:first-child { margin-left: 76.92308%; *margin-left: 76.81669%; } .making-life-easier .row-fluid .offset8 { margin-left: 70.94017%; *margin-left: 70.83379%; } .making-life-easier .row-fluid .offset8:first-child { margin-left: 68.37607%; *margin-left: 68.26969%; } .making-life-easier .row-fluid .offset7 { margin-left: 62.39316%; *margin-left: 62.28678%; } .making-life-easier .row-fluid .offset7:first-child { margin-left: 59.82906%; *margin-left: 59.72268%; } .making-life-easier .row-fluid .offset6 { margin-left: 53.84615%; *margin-left: 53.73977%; } .making-life-easier .row-fluid .offset6:first-child { margin-left: 51.28205%; *margin-left: 51.17567%; } .making-life-easier .row-fluid .offset5 { margin-left: 45.29915%; *margin-left: 45.19276%; } .making-life-easier .row-fluid .offset5:first-child { margin-left: 42.73504%; *margin-left: 42.62866%; } .making-life-easier .row-fluid .offset4 { margin-left: 36.75214%; *margin-left: 36.64575%; } .making-life-easier .row-fluid .offset4:first-child { margin-left: 34.18803%; *margin-left: 34.08165%; } .making-life-easier .row-fluid .offset3 { margin-left: 28.20513%; *margin-left: 28.09875%; } .making-life-easier .row-fluid .offset3:first-child { margin-left: 25.64103%; *margin-left: 25.53464%; } .making-life-easier .row-fluid .offset2 { margin-left: 19.65812%; *margin-left: 19.55174%; } .making-life-easier .row-fluid .offset2:first-child { margin-left: 17.09402%; *margin-left: 16.98763%; } .making-life-easier .row-fluid .offset1 { margin-left: 11.11111%; *margin-left: 11.00473%; } .making-life-easier .row-fluid .offset1:first-child { margin-left: 8.54701%; *margin-left: 8.44063%; } .making-life-easier input, .making-life-easier textarea, .making-life-easier .uneditable-input { margin-left: 0; } .making-life-easier .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } .making-life-easier input.span12, .making-life-easier textarea.span12, .making-life-easier .uneditable-input.span12 { width: 1156px; } .making-life-easier input.span11, .making-life-easier textarea.span11, .making-life-easier .uneditable-input.span11 { width: 1056px; } .making-life-easier input.span10, .making-life-easier textarea.span10, .making-life-easier .uneditable-input.span10 { width: 956px; } .making-life-easier input.span9, .making-life-easier textarea.span9, .making-life-easier .uneditable-input.span9 { width: 856px; } .making-life-easier input.span8, .making-life-easier textarea.span8, .making-life-easier .uneditable-input.span8 { width: 756px; } .making-life-easier input.span7, .making-life-easier textarea.span7, .making-life-easier .uneditable-input.span7 { width: 656px; } .making-life-easier input.span6, .making-life-easier textarea.span6, .making-life-easier .uneditable-input.span6 { width: 556px; } .making-life-easier input.span5, .making-life-easier textarea.span5, .making-life-easier .uneditable-input.span5 { width: 456px; } .making-life-easier input.span4, .making-life-easier textarea.span4, .making-life-easier .uneditable-input.span4 { width: 356px; } .making-life-easier input.span3, .making-life-easier textarea.span3, .making-life-easier .uneditable-input.span3 { width: 256px; } .making-life-easier input.span2, .making-life-easier textarea.span2, .making-life-easier .uneditable-input.span2 { width: 156px; } .making-life-easier input.span1, .making-life-easier textarea.span1, .making-life-easier .uneditable-input.span1 { width: 56px; } } @media screen and (min-width: 1200px) { .making-life-easier h1 { font-size: 32px; } .making-life-easier h2 { font-size: 32px; } .making-life-easier .under-heading-row .under-heading { font-size: 28px; } .making-life-easier .external-menu-wrapper .external-menu-row ul.external-menu { background-size: 312px 312px; padding-left: 390px; } .making-life-easier .external-menu-wrapper .external-menu-row ul.external-menu li { width: 260px; max-width: 260px; } .making-life-easier .responsive-row .responsive-devices .desktop { width: 504px; } .making-life-easier .search-row .mobile { width: 555px; } .making-life-easier .finder-row .carton-finder { width: 494px; } .making-life-easier .finder-row .carton { width: 540px; } .making-life-easier .invoices-row .normal-buttons { display: none; } .making-life-easier .invoices-row .super-desktop-buttons { display: block; } .making-life-easier .favourites-row .add-to-favourites-text { right: 370px; } .making-life-easier .live-chat-row .live-chat-text { margin-top: 100px; } .making-life-easier .secure-row .secure-images .lock { width: 230px; } .making-life-easier .secure-row .secure-images .verisign { width: 439px; } } @media screen and (min-width: 768px) and (max-width: 979px) { .making-life-easier .my-account { max-width: 310px; } .making-life-easier .external-menu-wrapper .external-menu-row ul.external-menu { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/makinglifeeasier/postitnote.png") top left no-repeat; background-size: 240px auto; padding-left: 260px; } .making-life-easier .external-menu-wrapper .external-menu-row ul.external-menu li { width: 230px; max-width: 230px; } .making-life-easier .responsive-row .responsive-devices .desktop { width: 300px; } .making-life-easier .search-row .mobile { width: 300px; } .making-life-easier .finder-row .carton-finder { width: 320px; } .making-life-easier .favourites-row .add-to-favourites-text { bottom: 74px; right: 180px; width: 527px; } .making-life-easier .live-chat-row .live-chat-text { margin-top: 10px; } .making-life-easier .secure-row .secure-images .verisign { width: 239px; } } @media screen and (max-width: 767px) { .making-life-easier .logo-row { padding: 10px 0; } .making-life-easier .logo-row .logo-row-button { margin-top: 0; } .making-life-easier .header-row { padding: 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .making-life-easier .header-row h1 { margin: 0; font-size: 26px; } .making-life-easier .under-heading-row { padding: 10px 0; } .making-life-easier .under-heading-row .under-heading { font-size: 15px; font-weight: bold; } .making-life-easier .scroll-to-next { display: block; } .making-life-easier h2 { font-size: 18px; line-height: 22px; margin-bottom: 15px; } .making-life-easier p { font-size: 13px; line-height: 18px; } .making-life-easier .phone-center-fixed-column { margin: 0 auto; max-width: 300px; position: relative; } .making-life-easier .phone-center-fixed-column:first-child { margin-left: auto; } .making-life-easier .responsive-row { padding-top: 60px; padding-bottom: 10px; } .making-life-easier .responsive-row .responsive-devices { height: 270px; } .making-life-easier .responsive-row .responsive-devices .desktop { width: 300px; right: 0; } .making-life-easier .responsive-row .responsive-devices .tablet { width: 150px; } .making-life-easier .responsive-row .responsive-devices .mobile { width: 84px; } .making-life-easier .responsive-row .responsive-text { padding: 0 10px; } .making-life-easier .search-row { padding: 40px 10px 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .making-life-easier .search-row .phone-center-fixed-column { margin-bottom: 20px; } .making-life-easier .search-row .mobile { position: static; width: 300px; } .making-life-easier .search-row .magnifying-glass { width: 150px; top: auto; bottom: 0; } .making-life-easier .search-row .navbar.navbar-main .store-search .search-bar { height: 38px; } .making-life-easier .search-row .navbar.navbar-main .store-search .search-button { height: 38px; } .making-life-easier .search-row .navbar.navbar-main .store-search .autocomplete-content a.close { text-decoration: none; } .making-life-easier .finder-row { height: auto; padding-top: 20px; padding-bottom: 10px; } .making-life-easier .finder-row .carton-finder { position: static; width: 300px; } .making-life-easier .finder-row .carton { width: 300px; top: 130px; } .making-life-easier .finder-row .finder-text { padding-top: 60px; padding-left: 10px; padding-right: 10px; } .making-life-easier .favourites-row { padding: 20px 0; } .making-life-easier .favourites-row .favourites-text { padding-top: 0; padding-left: 10px; padding-right: 10px; } .making-life-easier .favourites-row .favourites-icon-big { position: static; background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/makinglifeeasier/thumboffretina.png") top left no-repeat; background-size: 137px auto; width: 137px; height: 137px; margin: 0 auto; } .making-life-easier .favourites-row .favourites-icon-big.active { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/makinglifeeasier/thumbonretina.png") top left no-repeat; background-size: 137px auto; } .making-life-easier .favourites-row .add-to-favourites-text { position: static; width: 258px; margin: 0 auto; } .making-life-easier .invoices-row { padding: 20px 0; } .making-life-easier .invoices-row ul li { font-size: 13px; margin-bottom: 5px; } .making-life-easier .invoices-row .invoices-images { height: 270px; margin-bottom: 20px; } .making-life-easier .invoices-row .invoices-text { padding: 0 10px; } .making-life-easier .invoices-row .invoices-actions { padding-top: 0px; } .making-life-easier .invoices-row .invoices-actions a { margin-bottom: 10px; } .making-life-easier .invoices-row .invoices-actions br { display: none; } .making-life-easier .invoices-row .my-account { width: 161px; } .making-life-easier .invoices-row .my-records { width: 206px; } .making-life-easier .live-chat-row { padding: 20px 0; } .making-life-easier .live-chat-row .live-chat-text { margin-top: 10px; padding: 0 10px; } .making-life-easier .secure-row { padding: 20px 0; } .making-life-easier .secure-row .secure-text { margin-top: 10px; padding: 0 10px; } .making-life-easier .secure-row .secure-images { height: 230px; } .making-life-easier .secure-row .secure-images .phone-center-fixed-column { height: 200px; } .making-life-easier .secure-row .secure-images .lock { width: 113px; } .making-life-easier .secure-row .secure-images .verisign { width: 210px; } .making-life-easier .new-product-page-row { padding: 20px 0; } .making-life-easier .new-product-page-row .new-product-page-text { padding: 10px 10px 0 10px; } .making-life-easier .external-menu-wrapper { background: #fff; } .making-life-easier .external-menu-wrapper .external-menu-row { padding: 0; } .making-life-easier .external-menu-wrapper .external-menu-row .external-menu-phone-header { background: #f2f2f2; border: 1px solid #cdcdcd; border-width: 1px 0; font-weight: bold; padding: 10px; } .making-life-easier .footer-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px 0 10px; } .making-life-easier .footer-row .btn { margin-bottom: 10px; } .making-life-easier .footer-separator { display: none; } .making-life-easier .clarifications { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .making-life-easier .clarifications span.spacer { display: block; } .making-life-easier .video-row { padding: 20px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (min-width: 1200px) { .december-campaign .row { margin-left: -30px; *zoom: 1; } .december-campaign .row:before, .december-campaign .row:after { display: table; content: ""; line-height: 0; } .december-campaign .row:after { clear: both; } .december-campaign [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .december-campaign .container, .december-campaign .navbar-static-top .container, .december-campaign .navbar-fixed-top .container, .december-campaign .navbar-fixed-bottom .container { width: 1170px; } .december-campaign .span12 { width: 1170px; } .december-campaign .span11 { width: 1070px; } .december-campaign .span10 { width: 970px; } .december-campaign .span9 { width: 870px; } .december-campaign .span8 { width: 770px; } .december-campaign .span7 { width: 670px; } .december-campaign .span6 { width: 570px; } .december-campaign .span5 { width: 470px; } .december-campaign .span4 { width: 370px; } .december-campaign .span3 { width: 270px; } .december-campaign .span2 { width: 170px; } .december-campaign .span1 { width: 70px; } .december-campaign .offset12 { margin-left: 1230px; } .december-campaign .offset11 { margin-left: 1130px; } .december-campaign .offset10 { margin-left: 1030px; } .december-campaign .offset9 { margin-left: 930px; } .december-campaign .offset8 { margin-left: 830px; } .december-campaign .offset7 { margin-left: 730px; } .december-campaign .offset6 { margin-left: 630px; } .december-campaign .offset5 { margin-left: 530px; } .december-campaign .offset4 { margin-left: 430px; } .december-campaign .offset3 { margin-left: 330px; } .december-campaign .offset2 { margin-left: 230px; } .december-campaign .offset1 { margin-left: 130px; } .december-campaign .row-fluid { width: 100%; *zoom: 1; } .december-campaign .row-fluid:before, .december-campaign .row-fluid:after { display: table; content: ""; line-height: 0; } .december-campaign .row-fluid:after { clear: both; } .december-campaign .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.5641%; *margin-left: 2.51091%; } .december-campaign .row-fluid [class*="span"]:first-child { margin-left: 0; } .december-campaign .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.5641%; } .december-campaign .row-fluid .span12 { width: 100%; *width: 99.94681%; } .december-campaign .row-fluid .span11 { width: 91.45299%; *width: 91.3998%; } .december-campaign .row-fluid .span10 { width: 82.90598%; *width: 82.85279%; } .december-campaign .row-fluid .span9 { width: 74.35897%; *width: 74.30578%; } .december-campaign .row-fluid .span8 { width: 65.81197%; *width: 65.75877%; } .december-campaign .row-fluid .span7 { width: 57.26496%; *width: 57.21177%; } .december-campaign .row-fluid .span6 { width: 48.71795%; *width: 48.66476%; } .december-campaign .row-fluid .span5 { width: 40.17094%; *width: 40.11775%; } .december-campaign .row-fluid .span4 { width: 31.62393%; *width: 31.57074%; } .december-campaign .row-fluid .span3 { width: 23.07692%; *width: 23.02373%; } .december-campaign .row-fluid .span2 { width: 14.52991%; *width: 14.47672%; } .december-campaign .row-fluid .span1 { width: 5.98291%; *width: 5.92971%; } .december-campaign .row-fluid .offset12 { margin-left: 105.12821%; *margin-left: 105.02182%; } .december-campaign .row-fluid .offset12:first-child { margin-left: 102.5641%; *margin-left: 102.45772%; } .december-campaign .row-fluid .offset11 { margin-left: 96.5812%; *margin-left: 96.47481%; } .december-campaign .row-fluid .offset11:first-child { margin-left: 94.01709%; *margin-left: 93.91071%; } .december-campaign .row-fluid .offset10 { margin-left: 88.03419%; *margin-left: 87.92781%; } .december-campaign .row-fluid .offset10:first-child { margin-left: 85.47009%; *margin-left: 85.3637%; } .december-campaign .row-fluid .offset9 { margin-left: 79.48718%; *margin-left: 79.3808%; } .december-campaign .row-fluid .offset9:first-child { margin-left: 76.92308%; *margin-left: 76.81669%; } .december-campaign .row-fluid .offset8 { margin-left: 70.94017%; *margin-left: 70.83379%; } .december-campaign .row-fluid .offset8:first-child { margin-left: 68.37607%; *margin-left: 68.26969%; } .december-campaign .row-fluid .offset7 { margin-left: 62.39316%; *margin-left: 62.28678%; } .december-campaign .row-fluid .offset7:first-child { margin-left: 59.82906%; *margin-left: 59.72268%; } .december-campaign .row-fluid .offset6 { margin-left: 53.84615%; *margin-left: 53.73977%; } .december-campaign .row-fluid .offset6:first-child { margin-left: 51.28205%; *margin-left: 51.17567%; } .december-campaign .row-fluid .offset5 { margin-left: 45.29915%; *margin-left: 45.19276%; } .december-campaign .row-fluid .offset5:first-child { margin-left: 42.73504%; *margin-left: 42.62866%; } .december-campaign .row-fluid .offset4 { margin-left: 36.75214%; *margin-left: 36.64575%; } .december-campaign .row-fluid .offset4:first-child { margin-left: 34.18803%; *margin-left: 34.08165%; } .december-campaign .row-fluid .offset3 { margin-left: 28.20513%; *margin-left: 28.09875%; } .december-campaign .row-fluid .offset3:first-child { margin-left: 25.64103%; *margin-left: 25.53464%; } .december-campaign .row-fluid .offset2 { margin-left: 19.65812%; *margin-left: 19.55174%; } .december-campaign .row-fluid .offset2:first-child { margin-left: 17.09402%; *margin-left: 16.98763%; } .december-campaign .row-fluid .offset1 { margin-left: 11.11111%; *margin-left: 11.00473%; } .december-campaign .row-fluid .offset1:first-child { margin-left: 8.54701%; *margin-left: 8.44063%; } .december-campaign input, .december-campaign textarea, .december-campaign .uneditable-input { margin-left: 0; } .december-campaign .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } .december-campaign input.span12, .december-campaign textarea.span12, .december-campaign .uneditable-input.span12 { width: 1156px; } .december-campaign input.span11, .december-campaign textarea.span11, .december-campaign .uneditable-input.span11 { width: 1056px; } .december-campaign input.span10, .december-campaign textarea.span10, .december-campaign .uneditable-input.span10 { width: 956px; } .december-campaign input.span9, .december-campaign textarea.span9, .december-campaign .uneditable-input.span9 { width: 856px; } .december-campaign input.span8, .december-campaign textarea.span8, .december-campaign .uneditable-input.span8 { width: 756px; } .december-campaign input.span7, .december-campaign textarea.span7, .december-campaign .uneditable-input.span7 { width: 656px; } .december-campaign input.span6, .december-campaign textarea.span6, .december-campaign .uneditable-input.span6 { width: 556px; } .december-campaign input.span5, .december-campaign textarea.span5, .december-campaign .uneditable-input.span5 { width: 456px; } .december-campaign input.span4, .december-campaign textarea.span4, .december-campaign .uneditable-input.span4 { width: 356px; } .december-campaign input.span3, .december-campaign textarea.span3, .december-campaign .uneditable-input.span3 { width: 256px; } .december-campaign input.span2, .december-campaign textarea.span2, .december-campaign .uneditable-input.span2 { width: 156px; } .december-campaign input.span1, .december-campaign textarea.span1, .december-campaign .uneditable-input.span1 { width: 56px; } } @media screen and (min-width: 1200px) { .december-campaign h1 { font-size: 32px; } .december-campaign h2 { font-size: 32px; } .december-campaign .under-heading-row .under-heading { font-size: 28px; } .december-campaign .sun { width: 400px; height: 400px; } .december-campaign .sun .sun-text { width: 200px; left: 25%; } .december-campaign .hero-image .hero-image-content .santa { top: 40px; left: 42%; width: 666px; height: 497px; } .december-campaign .external-menu-wrapper .external-menu-row ul.external-menu { background-size: 312px 312px; padding-left: 390px; } .december-campaign .external-menu-wrapper .external-menu-row ul.external-menu li { width: 260px; max-width: 260px; } .december-campaign .offers .offer { font-size: 13px; height: 125px; } .december-campaign .offers ul li { line-height: 20px; font-size: 12px; } .december-campaign .offers-row .bbqs { height: 422px; } .december-campaign .offers-row .bbqs .bbq { width: 368px; height: 321px; } .december-campaign .offers-row .bbqs .bbq1 { top: 0; left: 0; } .december-campaign .offers-row .bbqs .bbq2 { top: 50px; left: 100px; } .december-campaign .offers-row .bbqs .bbq3 { top: 100px; left: 200px; } .december-campaign .christmas-row .sun { left: 50px; } } @media screen and (min-width: 768px) and (max-width: 979px) { .december-campaign .external-menu-wrapper .external-menu-row ul.external-menu { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/december/postit.png") top left no-repeat; background-size: 240px auto; padding-left: 260px; } .december-campaign .external-menu-wrapper .external-menu-row ul.external-menu li { width: 230px; max-width: 230px; } .december-campaign .offers-row .bbqs .bbq1 { top: 0; left: 0; z-index: 1; } .december-campaign .offers-row .bbqs .bbq2 { top: 25px; left: 60px; z-index: 2; } .december-campaign .offers-row .bbqs .bbq3 { top: 50px; left: 120px; z-index: 3; } .december-campaign .offers .offer { height: 175px; } .december-campaign .hero-image .hero-image-content .santa { width: 440px; height: 329px; left: 42%; top: 175px; } .december-campaign .hero-image .hero-image-content .great-year { width: 525px; height: 275px; } .december-campaign .hero-image .hero-image-content .summer-starts-here { width: 393px; height: 35px; } .december-campaign .clock-row .sun { right: -50px; } .december-campaign .dispenser-row .sun { right: -50px; } .december-campaign .same-day-row .sun { left: -80px; } .december-campaign .corporate-row .sun { right: -80px; } .december-campaign .ansell-row .sun { right: -50px; } .december-campaign .mop-row .sun { left: -50px; } .december-campaign .christmas-row .sun { left: -50px; } .december-campaign .sunscreen-row .sun { right: -80px; } } @media screen and (max-width: 767px) { .december-campaign h2 { font-size: 18px; line-height: 22px; margin-bottom: 15px; } .december-campaign p { font-size: 13px; line-height: 18px; } .december-campaign .blade ul li { font-size: 16px; } .december-campaign .phone-column-pad { padding: 0 10px; } .december-campaign .phone-center-fixed-column { margin: 0 auto; max-width: 300px; position: relative; } .december-campaign .phone-center-fixed-column:first-child { margin-left: auto; } .december-campaign .sun { width: 150px; height: 150px; } .december-campaign .sun .sun-text { width: 58px; } .december-campaign .sun.sun-small { width: 140px; height: 140px; } .december-campaign .sun.sun-small .sun-text { width: 58px; left: 41px; } .december-campaign .hero-image { background-size: 768px 234px; height: 227px; overflow: hidden; } .december-campaign .hero-image .great-year { position: absolute; z-index: 30; top: 0px; left: 0px; width: 290px; height: 36px; } .december-campaign .hero-image .santa { position: absolute; z-index: 30; top: 60px; left: 10px; width: 181px; height: 137px; -webkit-animation: slideInToRight 2s; animation: slideInToRight 2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .december-campaign .hero-image .summer-starts-here { position: absolute; z-index: 30; top: 195px; left: 20px; width: 166px; -webkit-animation: fadeIn 4s; animation: fadeIn 4s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .december-campaign .hero-image .sun { top: 65px; right: 0; } .december-campaign .logo-row { padding: 10px 0; } .december-campaign .logo-row .logo-row-button { margin-top: 0; } .december-campaign .under-heading-row { padding: 10px 0; } .december-campaign .under-heading-row .under-heading { font-size: 15px; font-weight: bold; } .december-campaign .offers-row { padding: 20px 0; } .december-campaign .offers-row .bbqs { height: 232px; margin-top: 0; position: relative; } .december-campaign .offers-row .bbqs .bbq { width: 193px; height: 168px; position: absolute; } .december-campaign .offers-row .bbqs .bbq1 { top: 0; left: 0; z-index: 1; } .december-campaign .offers-row .bbqs .bbq2 { top: 25px; left: 50px; z-index: 2; } .december-campaign .offers-row .bbqs .bbq3 { top: 50px; left: 100px; z-index: 3; } .december-campaign .offers-row .bbqs .sun { top: 100px; } .december-campaign .offers-row .bbqs .sun .sun-text { top: 60px; } .december-campaign .offers-row .bbq-text { font-size: 13px; line-height: 20px; margin-top: 20px; } .december-campaign .sizzling-row { padding-top: 20px; } .december-campaign .tv-row, .december-campaign .clock-row, .december-campaign .sqwincher-row, .december-campaign .dispenser-row, .december-campaign .same-day-row, .december-campaign .corporate-row, .december-campaign .stay-safe-row, .december-campaign .ansell-row, .december-campaign .mop-row, .december-campaign .scott-row, .december-campaign .christmas-row, .december-campaign .sunscreen-row { padding: 20px 0; } .december-campaign .tv-row .phone-center-fixed-column, .december-campaign .clock-row .phone-center-fixed-column, .december-campaign .sqwincher-row .phone-center-fixed-column, .december-campaign .dispenser-row .phone-center-fixed-column, .december-campaign .same-day-row .phone-center-fixed-column, .december-campaign .corporate-row .phone-center-fixed-column, .december-campaign .stay-safe-row .phone-center-fixed-column, .december-campaign .ansell-row .phone-center-fixed-column, .december-campaign .mop-row .phone-center-fixed-column, .december-campaign .scott-row .phone-center-fixed-column, .december-campaign .christmas-row .phone-center-fixed-column, .december-campaign .sunscreen-row .phone-center-fixed-column { margin-bottom: 20px; } .december-campaign .tv-row .phone-center-fixed-column img, .december-campaign .clock-row .phone-center-fixed-column img, .december-campaign .sqwincher-row .phone-center-fixed-column img, .december-campaign .dispenser-row .phone-center-fixed-column img, .december-campaign .same-day-row .phone-center-fixed-column img, .december-campaign .corporate-row .phone-center-fixed-column img, .december-campaign .stay-safe-row .phone-center-fixed-column img, .december-campaign .ansell-row .phone-center-fixed-column img, .december-campaign .mop-row .phone-center-fixed-column img, .december-campaign .scott-row .phone-center-fixed-column img, .december-campaign .christmas-row .phone-center-fixed-column img, .december-campaign .sunscreen-row .phone-center-fixed-column img { max-height: 220px; } .december-campaign .tv-row .shop-button, .december-campaign .clock-row .shop-button, .december-campaign .sqwincher-row .shop-button, .december-campaign .dispenser-row .shop-button, .december-campaign .same-day-row .shop-button, .december-campaign .corporate-row .shop-button, .december-campaign .stay-safe-row .shop-button, .december-campaign .ansell-row .shop-button, .december-campaign .mop-row .shop-button, .december-campaign .scott-row .shop-button, .december-campaign .christmas-row .shop-button, .december-campaign .sunscreen-row .shop-button { margin-top: 20px; } .december-campaign .tv-row { padding-top: 50px; } .december-campaign .tv-row .sun { top: -30px; left: 0px; } .december-campaign .tv-row .sun .sun-text { top: 50px; } .december-campaign .clock-row { padding-top: 50px; } .december-campaign .clock-row .sun { top: -30px; right: 0px; } .december-campaign .sqwincher-row { padding-top: 80px; } .december-campaign .sqwincher-row .sun { top: -60px; left: 0px; } .december-campaign .sqwincher-row .sun .sun-text { top: 50px; } .december-campaign .dispenser-row { padding-top: 50px; } .december-campaign .dispenser-row .sun { top: -40px; } .december-campaign .same-day-row { padding-top: 100px; } .december-campaign .same-day-row .sun { top: -80px; left: 0px; } .december-campaign .same-day-row .sun .sun-text { top: 53px; } .december-campaign .corporate-row { padding-top: 100px; } .december-campaign .corporate-row .sun { top: -80px; right: 0px; } .december-campaign .stay-safe-row { padding-top: 70px; } .december-campaign .stay-safe-row .sun { top: -50px; left: 0px; } .december-campaign .stay-safe-row .sun .sun-text { width: 42px; left: 51px; } .december-campaign .ansell-row { padding-top: 70px; } .december-campaign .ansell-row .sun { top: -50px; } .december-campaign .mop-row { padding-top: 0; } .december-campaign .mop-row .sun { left: 0; } .december-campaign .scott-row { padding-top: 100px; } .december-campaign .scott-row .sun { top: -80px; right: 0px; } .december-campaign .scott-row .sun .sun-text { width: 38px; left: 49px; } .december-campaign .christmas-row { padding-top: 30px; } .december-campaign .christmas-row .sun { top: -20px; } .december-campaign .sunscreen-row { padding-top: 70px; } .december-campaign .sunscreen-row .sun { top: -50px; } .december-campaign .sunscreen-row .sun .sun-text { top: 53px; } .december-campaign .sunscreen-row .phone-center-fixed-column img { margin-right: 65px; } .december-campaign .external-menu-wrapper { background: #fff; } .december-campaign .external-menu-wrapper .external-menu-row { padding: 0; } .december-campaign .external-menu-wrapper .external-menu-row .external-menu-phone-header { background: #f2f2f2; border: 1px solid #cdcdcd; border-width: 1px 0; font-weight: bold; padding: 10px; } .december-campaign .footer-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px 0 10px; } .december-campaign .footer-row .btn { margin-bottom: 10px; } .december-campaign .footer-separator { display: none; } .december-campaign .clarifications { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; font-size: 11px; } .december-campaign .clarifications span.spacer { display: block; } .december-campaign .clarifications-accordion .accordion-group { border-left: none; border-right: none; border-color: #e3e3e3; } .december-campaign .clarifications-accordion .accordion-group .accordion-heading .accordion-toggle { background: transparent; color: #fff; } .december-campaign .clarifications-accordion .accordion-group .accordion-heading .accordion-toggle.expanded { background: transparent; } .december-campaign .clarifications-accordion .accordion-group .accordion-body.in, .december-campaign .clarifications-accordion .accordion-group .accordion-body.in-mobile { background: transparent; border-top: 1px solid #e3e3e3; } .december-campaign .clarifications-accordion .clarifications-heading { font-weight: bold; margin-bottom: 7px; } .december-campaign .clarifications-accordion .clarifications-text { margin-bottom: 7px; color: #bababa; } .december-campaign .clarifications-accordion .clarifications-text a { color: #fff; } } @media screen and (min-width: 1200px) { .landing .row { margin-left: -30px; *zoom: 1; } .landing .row:before, .landing .row:after { display: table; content: ""; line-height: 0; } .landing .row:after { clear: both; } .landing [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .landing .container, .landing .navbar-static-top .container, .landing .navbar-fixed-top .container, .landing .navbar-fixed-bottom .container { width: 1170px; } .landing .span12 { width: 1170px; } .landing .span11 { width: 1070px; } .landing .span10 { width: 970px; } .landing .span9 { width: 870px; } .landing .span8 { width: 770px; } .landing .span7 { width: 670px; } .landing .span6 { width: 570px; } .landing .span5 { width: 470px; } .landing .span4 { width: 370px; } .landing .span3 { width: 270px; } .landing .span2 { width: 170px; } .landing .span1 { width: 70px; } .landing .offset12 { margin-left: 1230px; } .landing .offset11 { margin-left: 1130px; } .landing .offset10 { margin-left: 1030px; } .landing .offset9 { margin-left: 930px; } .landing .offset8 { margin-left: 830px; } .landing .offset7 { margin-left: 730px; } .landing .offset6 { margin-left: 630px; } .landing .offset5 { margin-left: 530px; } .landing .offset4 { margin-left: 430px; } .landing .offset3 { margin-left: 330px; } .landing .offset2 { margin-left: 230px; } .landing .offset1 { margin-left: 130px; } .landing .row-fluid { width: 100%; *zoom: 1; } .landing .row-fluid:before, .landing .row-fluid:after { display: table; content: ""; line-height: 0; } .landing .row-fluid:after { clear: both; } .landing .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.5641%; *margin-left: 2.51091%; } .landing .row-fluid [class*="span"]:first-child { margin-left: 0; } .landing .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.5641%; } .landing .row-fluid .span12 { width: 100%; *width: 99.94681%; } .landing .row-fluid .span11 { width: 91.45299%; *width: 91.3998%; } .landing .row-fluid .span10 { width: 82.90598%; *width: 82.85279%; } .landing .row-fluid .span9 { width: 74.35897%; *width: 74.30578%; } .landing .row-fluid .span8 { width: 65.81197%; *width: 65.75877%; } .landing .row-fluid .span7 { width: 57.26496%; *width: 57.21177%; } .landing .row-fluid .span6 { width: 48.71795%; *width: 48.66476%; } .landing .row-fluid .span5 { width: 40.17094%; *width: 40.11775%; } .landing .row-fluid .span4 { width: 31.62393%; *width: 31.57074%; } .landing .row-fluid .span3 { width: 23.07692%; *width: 23.02373%; } .landing .row-fluid .span2 { width: 14.52991%; *width: 14.47672%; } .landing .row-fluid .span1 { width: 5.98291%; *width: 5.92971%; } .landing .row-fluid .offset12 { margin-left: 105.12821%; *margin-left: 105.02182%; } .landing .row-fluid .offset12:first-child { margin-left: 102.5641%; *margin-left: 102.45772%; } .landing .row-fluid .offset11 { margin-left: 96.5812%; *margin-left: 96.47481%; } .landing .row-fluid .offset11:first-child { margin-left: 94.01709%; *margin-left: 93.91071%; } .landing .row-fluid .offset10 { margin-left: 88.03419%; *margin-left: 87.92781%; } .landing .row-fluid .offset10:first-child { margin-left: 85.47009%; *margin-left: 85.3637%; } .landing .row-fluid .offset9 { margin-left: 79.48718%; *margin-left: 79.3808%; } .landing .row-fluid .offset9:first-child { margin-left: 76.92308%; *margin-left: 76.81669%; } .landing .row-fluid .offset8 { margin-left: 70.94017%; *margin-left: 70.83379%; } .landing .row-fluid .offset8:first-child { margin-left: 68.37607%; *margin-left: 68.26969%; } .landing .row-fluid .offset7 { margin-left: 62.39316%; *margin-left: 62.28678%; } .landing .row-fluid .offset7:first-child { margin-left: 59.82906%; *margin-left: 59.72268%; } .landing .row-fluid .offset6 { margin-left: 53.84615%; *margin-left: 53.73977%; } .landing .row-fluid .offset6:first-child { margin-left: 51.28205%; *margin-left: 51.17567%; } .landing .row-fluid .offset5 { margin-left: 45.29915%; *margin-left: 45.19276%; } .landing .row-fluid .offset5:first-child { margin-left: 42.73504%; *margin-left: 42.62866%; } .landing .row-fluid .offset4 { margin-left: 36.75214%; *margin-left: 36.64575%; } .landing .row-fluid .offset4:first-child { margin-left: 34.18803%; *margin-left: 34.08165%; } .landing .row-fluid .offset3 { margin-left: 28.20513%; *margin-left: 28.09875%; } .landing .row-fluid .offset3:first-child { margin-left: 25.64103%; *margin-left: 25.53464%; } .landing .row-fluid .offset2 { margin-left: 19.65812%; *margin-left: 19.55174%; } .landing .row-fluid .offset2:first-child { margin-left: 17.09402%; *margin-left: 16.98763%; } .landing .row-fluid .offset1 { margin-left: 11.11111%; *margin-left: 11.00473%; } .landing .row-fluid .offset1:first-child { margin-left: 8.54701%; *margin-left: 8.44063%; } .landing input, .landing textarea, .landing .uneditable-input { margin-left: 0; } .landing .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } .landing input.span12, .landing textarea.span12, .landing .uneditable-input.span12 { width: 1156px; } .landing input.span11, .landing textarea.span11, .landing .uneditable-input.span11 { width: 1056px; } .landing input.span10, .landing textarea.span10, .landing .uneditable-input.span10 { width: 956px; } .landing input.span9, .landing textarea.span9, .landing .uneditable-input.span9 { width: 856px; } .landing input.span8, .landing textarea.span8, .landing .uneditable-input.span8 { width: 756px; } .landing input.span7, .landing textarea.span7, .landing .uneditable-input.span7 { width: 656px; } .landing input.span6, .landing textarea.span6, .landing .uneditable-input.span6 { width: 556px; } .landing input.span5, .landing textarea.span5, .landing .uneditable-input.span5 { width: 456px; } .landing input.span4, .landing textarea.span4, .landing .uneditable-input.span4 { width: 356px; } .landing input.span3, .landing textarea.span3, .landing .uneditable-input.span3 { width: 256px; } .landing input.span2, .landing textarea.span2, .landing .uneditable-input.span2 { width: 156px; } .landing input.span1, .landing textarea.span1, .landing .uneditable-input.span1 { width: 56px; } .landing .form-widget-fluid .controls[class*="span"] { margin-left: 0; } } @media screen and (min-width: 1200px) { .landing h1 { font-size: 32px; } .landing h2 { font-size: 32px; } .landing .header-row .header-tag-line { display: block; } .landing .hero-image .hero-content h1.title { font-size: 52px; } .landing .hero-image .hero-content .promo-circle { width: 400px; } .landing .external-menu-wrapper .external-menu-row ul.external-menu { background-size: 312px 312px; padding-left: 390px; } .landing .external-menu-wrapper .external-menu-row ul.external-menu li { width: 260px; max-width: 260px; } .landing .responsive-row .responsive-devices .desktop { width: 504px; } .landing .search-row .mobile { width: 555px; } .landing .invoices-row .normal-buttons { display: none; } .landing .invoices-row .super-desktop-buttons { display: block; } .landing .live-chat-row .live-chat-text { margin-top: 100px; } .landing .secure-row .secure-images .lock { width: 230px; } .landing .secure-row .secure-images .verisign { width: 439px; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-boxes-bottom { top: 329px; right: -72px; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-white-box-left { top: 419px; left: -226px; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-boxes-left { top: -6px; right: -167px; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-bubble-wrap { left: -219px; top: 251px; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-box-bottom-right { top: 167px; right: 50px; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .white-box-middle { right: 387px; top: 342px; } .landing.boxes-variant .hero-image .hero-images-wrapper .hero-images-container .header-tall-box { top: 253px; left: 39px; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-geo-pick { top: 275px; left: 267px; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-bluetape { top: 318px; left: 32px; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-road-close { top: -122px; right: -171px; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-rope { top: 101px; right: -357px; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-trafficcone { left: -301px; top: 50px; } .landing.site-supplies .hero-image .hero-images-wrapper .hero-images-container .header-spray { right: 401px; top: 224px; } .landing.western-australia .hero-image .hero-content .promo-circle, .landing.north-queensland .hero-image .hero-content .promo-circle { top: 253px; } .landing.western-australia .hero-image .hero-images-wrapper .hero-images-container .header-signetwrap, .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .header-signetwrap { top: 243px; left: -87px; } .landing.western-australia .hero-image .hero-images-wrapper .hero-images-container .header-tapes, .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .header-tapes { top: 389px; left: -81px; } .landing.western-australia .hero-image .hero-images-wrapper .hero-images-container .header-postandboxes, .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .header-postandboxes { top: 251px; left: 156px; } .landing.western-australia .hero-image .hero-images-wrapper .hero-images-container .header-bubblewrapandboxes, .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .header-bubblewrapandboxes { top: 91px; right: -15px; } .landing.north-queensland .hero-image .hero-images-wrapper .hero-images-container .header-team { top: 221px; right: 265px; } .landing.western-australia .hero-image .hero-images-wrapper .hero-images-container .header-team { top: 221px; right: 350px; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-medical-clothing { top: 112px; right: -270px; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-medical-clothing img { max-width: none; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-blue-gloves { top: 233px; left: 17px; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-stethoscope { top: 3px; right: 167px; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-cottonballs { top: 286px; right: -307px; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-kidneydish { top: 41px; right: -112px; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-first-aid { left: -371px; top: 131px; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-scalpel { top: 365px; right: 492px; } .landing.health-care .hero-image .hero-images-wrapper .hero-images-container .header-needle { right: 378px; top: 268px; } .landing.health-care .row-fluid-featured { background: #A2DEF9; } .landing.health-care .row-fluid-featured-alt2 { background: #D4F0FC; } .landing.health-care .row-fluid-featured-alt2.external-menu-wrapper { background: #eee; } .landing.health-care .carousel-section .carousel-controls .carousel-control-section.active { background: #A2DEF9; } .landing.packaging-tape .hero-image .hero-content .promo-circle, .landing.masking-tape .hero-image .hero-content .promo-circle { top: 295px; } .landing.packaging-tape .hero-image .help-aus-compete, .landing.masking-tape .hero-image .help-aus-compete { top: 395px; width: 426px; } .landing.packaging-tape .hero-image a.tile-btn, .landing.masking-tape .hero-image a.tile-btn { top: 450px; } .landing.packaging-tape .hero-image .hero-images-wrapper .hero-images-container .header-hand-tape, .landing.masking-tape .hero-image .hero-images-wrapper .hero-images-container .header-hand-tape { left: -190px; } .landing.packaging-tape .hero-image .hero-images-wrapper .hero-images-container .header-tapes, .landing.masking-tape .hero-image .hero-images-wrapper .hero-images-container .header-tapes { right: -143px; } .landing.spray-adhesive .hero-image .hero-content .promo-circle { top: 395px; } .landing.spray-adhesive .hero-image .help-aus-compete { top: 395px; } .landing.hearing-protection .hero-image .hero-content .promo-circle { top: 370px; } .landing.hearing-protection .hero-image .help-aus-compete { top: 395px; } .landing.hearing-protection .hero-image .hero-images-wrapper .hero-images-container .header-man-with-earplugs { left: 340px; } .landing.respirators .hero-image .hero-content .promo-circle { top: 370px; } .landing.respirators .hero-image .help-aus-compete { top: 395px; } .landing.cleaning .hero-image .hero-content .promo-circle { top: 370px; } .landing.cleaning .hero-image .help-aus-compete { top: 435px; } .landing.ranpak .hero-image .hero-images-wrapper .hero-images-container .header-box-hand, .landing.vhb .hero-image .hero-images-wrapper .hero-images-container .header-box-hand { right: -378px; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper p, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper p { min-height: 130px; } .landing.ranpak .we-stock-row .tile-row-sub-content, .landing.vhb .we-stock-row .tile-row-sub-content { padding: 30px 0; } .landing.ranpak .we-stock-row .tile-row-sub-content .tile-wrapper, .landing.vhb .we-stock-row .tile-row-sub-content .tile-wrapper { padding: 10px 30px; } .landing.ranpak .we-stock-row .tile-row-sub-content .tile-wrapper .tile-title, .landing.vhb .we-stock-row .tile-row-sub-content .tile-wrapper .tile-title { font-weight: bold; font-size: 16px; margin-bottom: 20px; } .landing.ranpak .we-stock-row .tile-row-sub-content .tile-wrapper .tile-btn, .landing.vhb .we-stock-row .tile-row-sub-content .tile-wrapper .tile-btn { margin: 0; } .landing.ranpak .we-stock-row .tile-row-sub-content .tile-wrapper p, .landing.vhb .we-stock-row .tile-row-sub-content .tile-wrapper p { color: #000; font-size: 15px; line-height: 19px; min-height: 130px; } .landing.ranpak .we-stock-row .tile-row-sub-content .tile-image, .landing.vhb .we-stock-row .tile-row-sub-content .tile-image { text-align: center; } .landing.ranpak .we-stock-row .tile-row-sub-content .tile-image img, .landing.vhb .we-stock-row .tile-row-sub-content .tile-image img { height: 232px; } .landing.ranpak .we-stock-row .tab-content, .landing.vhb .we-stock-row .tab-content { overflow: visible; } .landing.ranpak .we-stock-row #tab-void-fill, .landing.ranpak .we-stock-row #tab-rp16-vhb, .landing.vhb .we-stock-row #tab-void-fill, .landing.vhb .we-stock-row #tab-rp16-vhb { position: relative; } .landing.ranpak .we-stock-row #tab-void-fill.tab-pane::after, .landing.ranpak .we-stock-row #tab-void-fill.tab-pane::before, .landing.ranpak .we-stock-row #tab-rp16-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-rp16-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-void-fill.tab-pane::after, .landing.vhb .we-stock-row #tab-void-fill.tab-pane::before, .landing.vhb .we-stock-row #tab-rp16-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-rp16-vhb.tab-pane::before { margin-left: 94px; } .landing.ranpak .we-stock-row #tab-cushioning, .landing.ranpak .we-stock-row #tab-4941-vhb, .landing.vhb .we-stock-row #tab-cushioning, .landing.vhb .we-stock-row #tab-4941-vhb { position: relative; } .landing.ranpak .we-stock-row #tab-cushioning.tab-pane::after, .landing.ranpak .we-stock-row #tab-cushioning.tab-pane::before, .landing.ranpak .we-stock-row #tab-4941-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-4941-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-cushioning.tab-pane::after, .landing.vhb .we-stock-row #tab-cushioning.tab-pane::before, .landing.vhb .we-stock-row #tab-4941-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-4941-vhb.tab-pane::before { margin-left: 397px; } .landing.ranpak .we-stock-row #tab-blocking, .landing.ranpak .we-stock-row #tab-rp32-vhb, .landing.vhb .we-stock-row #tab-blocking, .landing.vhb .we-stock-row #tab-rp32-vhb { position: relative; } .landing.ranpak .we-stock-row #tab-blocking.tab-pane::after, .landing.ranpak .we-stock-row #tab-blocking.tab-pane::before, .landing.ranpak .we-stock-row #tab-rp32-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-rp32-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-blocking.tab-pane::after, .landing.vhb .we-stock-row #tab-blocking.tab-pane::before, .landing.vhb .we-stock-row #tab-rp32-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-rp32-vhb.tab-pane::before { margin-left: 698px; } .landing.ranpak .we-stock-row #tab-wrapping, .landing.ranpak .we-stock-row #tab-4991-vhb, .landing.vhb .we-stock-row #tab-wrapping, .landing.vhb .we-stock-row #tab-4991-vhb { position: relative; } .landing.ranpak .we-stock-row #tab-wrapping.tab-pane::after, .landing.ranpak .we-stock-row #tab-wrapping.tab-pane::before, .landing.ranpak .we-stock-row #tab-4991-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-4991-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-wrapping.tab-pane::after, .landing.vhb .we-stock-row #tab-wrapping.tab-pane::before, .landing.vhb .we-stock-row #tab-4991-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-4991-vhb.tab-pane::before { margin-left: 1001px; } .landing.ranpak .we-stock-row #tab-wrapping.tab-pane .tile-row-sub-content .tile-image img, .landing.ranpak .we-stock-row #tab-4991-vhb.tab-pane .tile-row-sub-content .tile-image img, .landing.vhb .we-stock-row #tab-wrapping.tab-pane .tile-row-sub-content .tile-image img, .landing.vhb .we-stock-row #tab-4991-vhb.tab-pane .tile-row-sub-content .tile-image img { height: 308px; } .landing.vhb .hero-image .hero-images-wrapper .hero-images-container .header-tape-hand { right: -175px; } .landing.vhb .hero-image .hero-images-wrapper .hero-images-container .header-tape-hand img { width: 120%; } .landing.industry-specific h2 { font-size: 13px; } .landing.industry-specific .container { width: 940px; } .landing.industry-specific .feature-content .feature-content-copy a { margin: 0; } } @media screen and (min-width: 768px) and (max-width: 979px) { .landing .my-account { max-width: 310px; } .landing .hero-image .hero-content .promo-circle { top: 240px; } .landing .external-menu-wrapper .external-menu-row ul.external-menu { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/makinglifeeasier/postitnote.png") top left no-repeat; background-size: 240px auto; padding-left: 260px; } .landing .external-menu-wrapper .external-menu-row ul.external-menu li { width: 230px; max-width: 230px; } .landing .helping-australia { display: none; } .landing .carousel-section .carousel-controls .carousel-control-section { width: 14.12%; } .landing .responsive-row .responsive-devices .desktop { width: 300px; } .landing .invoices-row p, .landing .invoices-row ul li { font-size: 14px; line-height: 1.1; } .landing .search-row .mobile { width: 300px; } .landing .search-row .magnifying-glass { width: 180px; } .landing .live-chat-row .live-chat-text { margin-top: 10px; } .landing .secure-row .secure-images .verisign { width: 239px; } .landing.packaging-tape .hero-image .hero-content .promo-circle, .landing.masking-tape .hero-image .hero-content .promo-circle { right: -17px; } .landing.spray-adhesive .hero-image .hero-images-wrapper .hero-images-container .header-hand-spray { left: 368px; } .landing.spray-adhesive .hero-image .hero-content .promo-circle { top: -25px; } .landing.spray-adhesive .hero-image .help-aus-compete { top: 320px; } .landing.hearing-protection .hero-image .hero-images-wrapper .hero-images-container .header-man-with-earplugs { left: 260px; } .landing.respirators .hero-image .hero-images-wrapper .hero-images-container .header-man-with-respirator { left: -310px; } .landing.cleaning .hero-image .hero-images-wrapper .hero-images-container .header-cleaning-hand { left: -310px; } .landing.masking-tape .hero-image .help-aus-compete { width: 350px; } .landing.masking-tape .hero-image .hero-images-wrapper .hero-images-container .header-tapes { right: -370px; } .landing.ranpak .hero-image .hero-images-wrapper .hero-images-container .header-box-hand, .landing.vhb .hero-image .hero-images-wrapper .hero-images-container .header-box-hand { right: -449px; } .landing.ranpak .header-description, .landing.vhb .header-description { width: 380px; } .landing.ranpak .we-stock-row .tabs-container .nav-tabs li, .landing.vhb .we-stock-row .tabs-container .nav-tabs li { width: 22.4%; } .landing.ranpak .we-stock-row .tile-row .tile-image, .landing.vhb .we-stock-row .tile-row .tile-image { height: 204px; } .landing.ranpak .we-stock-row .tab-content, .landing.vhb .we-stock-row .tab-content { overflow: visible; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper p, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper p { min-height: 230px; } .landing.ranpak .we-stock-row #tab-void-fill, .landing.ranpak .we-stock-row #tab-rp16-vhb, .landing.vhb .we-stock-row #tab-void-fill, .landing.vhb .we-stock-row #tab-rp16-vhb { position: relative; } .landing.ranpak .we-stock-row #tab-void-fill.tab-pane::after, .landing.ranpak .we-stock-row #tab-void-fill.tab-pane::before, .landing.ranpak .we-stock-row #tab-rp16-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-rp16-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-void-fill.tab-pane::after, .landing.vhb .we-stock-row #tab-void-fill.tab-pane::before, .landing.vhb .we-stock-row #tab-rp16-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-rp16-vhb.tab-pane::before { margin-left: 49px; } .landing.ranpak .we-stock-row #tab-cushioning.tab-pane::after, .landing.ranpak .we-stock-row #tab-cushioning.tab-pane::before, .landing.ranpak .we-stock-row #tab-4941-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-4941-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-cushioning.tab-pane::after, .landing.vhb .we-stock-row #tab-cushioning.tab-pane::before, .landing.vhb .we-stock-row #tab-4941-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-4941-vhb.tab-pane::before { margin-left: 237px; } .landing.ranpak .we-stock-row #tab-blocking.tab-pane::after, .landing.ranpak .we-stock-row #tab-blocking.tab-pane::before, .landing.ranpak .we-stock-row #tab-rp32-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-rp32-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-blocking.tab-pane::after, .landing.vhb .we-stock-row #tab-blocking.tab-pane::before, .landing.vhb .we-stock-row #tab-rp32-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-rp32-vhb.tab-pane::before { margin-left: 418px; } .landing.ranpak .we-stock-row #tab-wrapping.tab-pane::after, .landing.ranpak .we-stock-row #tab-wrapping.tab-pane::before, .landing.ranpak .we-stock-row #tab-4991-vhb.tab-pane::after, .landing.ranpak .we-stock-row #tab-4991-vhb.tab-pane::before, .landing.vhb .we-stock-row #tab-wrapping.tab-pane::after, .landing.vhb .we-stock-row #tab-wrapping.tab-pane::before, .landing.vhb .we-stock-row #tab-4991-vhb.tab-pane::after, .landing.vhb .we-stock-row #tab-4991-vhb.tab-pane::before { margin-left: 603px; } .landing.vhb .hero-image .hero-images-wrapper .hero-images-container .header-tape-hand { right: -275px; } .landing.vhb .hero-image .hero-content .tile-btn.enquiry span { left: 265px; } .landing.vhb .icon-make-an-enquiry { left: 215px; } .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper p { margin-top: 60px; min-height: 170px; } .landing.industry-specific .hero-image { height: 287px; } .landing.industry-specific .hero-image .hero-content { position: relative; } .landing.industry-specific .hero-image .hero-content h1.title { left: 0px; top: 175px; font-size: 34px; } .landing.industry-specific .site-checklist-background { right: -10px; top: 17px; } .landing.industry-specific .feature-content { padding: 30px 0 10px 0; } .landing.industry-specific .feature-content .feature-content-copy a { margin: 0; } .landing.industry-specific .remark-and-featured-brands { padding: 30px; } } @media screen and (max-width: 767px) { .landing.industry-specific h2 { font-size: 18px; } .landing.industry-specific .hero-image { height: 141px; margin-top: -16px; } .landing.industry-specific .hero-image .hero-content { position: relative; } .landing.industry-specific .hero-image .hero-content h1.title { top: 20px; font-size: 32px; padding-left: 20px; } .landing.industry-specific .site-checklist-heading { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/industry-specific/shared/site-checklist-heading-mobile.png") no-repeat; width: 155px; height: 26px; left: 20px; top: 20px; } .landing.industry-specific .site-checklist-background-mobile { background-color: #f3e15f; position: relative; height: 200px; } .landing.industry-specific .site-checklist-items { position: absolute; top: 60px; transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; } .landing.industry-specific .site-checklist-items ul { margin: 0 0 0 10px; } .landing.industry-specific .site-checklist-items li { width: 50%; margin: 2px 0; } .landing.industry-specific .site-checklist-items li:nth-child(odd) { width: 50%; } .landing.industry-specific .feature-content { padding: 20px 0 0 0; } .landing.industry-specific .feature-content .feature-content-copy { padding: 0 20px; } .landing.industry-specific .feature-content .feature-content-copy a { margin: 20px 0; } .landing.industry-specific .feature-content .feature-content-copy p { padding: 0; } .landing.industry-specific .feature-content h2 { margin-bottom: -1px; } .landing.industry-specific .remark-and-featured-brands { padding: 20px; } .landing.industry-specific .remark-and-featured-brands p { font-size: 18px; line-height: 27px; } .landing.industry-specific .remark-and-featured-brands h4 { margin-top: 30px; } .landing .logo-row { padding: 10px 0; } .landing .logo-row .logo-row-button { margin-top: 0; } .landing.packaging-alternative h2 { margin-bottom: 0; } .landing .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging/promo-mobile.jpg") center center no-repeat; height: 160px; } .landing .hero-image .hero-content h1.title { top: 20px; font-size: 26px; left: 12px; } .landing .header-row { padding: 0; } .landing .header-row a { font-size: 13px; display: block; padding: 10px; margin-top: 0; border-bottom: 1px solid #DDBC00; } .landing .header-row a i { float: right; font-size: 100%; line-height: 20px; } .landing .header-row .header-tag-line { display: none; } .landing .we-stock-row { padding: 0; } .landing .we-stock-row h2 { padding: 10px; font-size: 13px; border-bottom: 1px solid #aaa; margin-bottom: 0; } .landing .we-stock-row .tile-row { margin-bottom: 0; } .landing .we-stock-row .tile-row .tile-image, .landing .we-stock-row .tile-row .tile-btn { display: none; } .landing .we-stock-row .tile-row .tile-title { border-bottom: 1px solid #ddd; padding: 10px; margin-bottom: 0; height: auto; font-size: 13px; } .landing .we-stock-row .tile-row .tile-title i { display: none; } .landing .we-stock-row .tile-row .tile-title::before, .landing .we-stock-row .tile-row .tile-title::after { content: ''; top: 50%; margin-top: -7px; } .landing .we-stock-row .tile-row .tile-title::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 7px; right: -14px; border-left-color: #bbbbbb; right: 10px; } .landing .we-stock-row .tile-row .tile-title::after { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 7px; right: -14px; border-left-color: white; right: 11px; } .landing .we-stock-row .search-wrapper { padding: 10px; } .landing .we-stock-row .store-search .search-button.btn-search { width: 37px; } .landing .we-stock-row .store-search .search-button.btn-search .icon-mag-glass::before { position: relative; } .landing .coupon-code-row { padding-top: 10px; padding-bottom: 10px; } .landing .coupon-code-row .note { width: 38%; } .landing .coupon-code-row p { margin-bottom: 0; } .landing h2 { font-size: 30px; line-height: 22px; margin-bottom: 15px; } .landing h3 { font-size: 13px; line-height: 18px; margin-bottom: 5px; } .landing p { font-size: 13px; line-height: 18px; } .landing .row-fluid-featured-alt3 { padding: 7px 0; } .landing .row-fluid-featured-alt3 .win-a-tv .span7 { padding: 0 15px; } .landing .row-fluid-featured-alt3 .win-a-tv h1 { padding-bottom: 0; } .landing .row-fluid-featured-alt3 .win-a-tv h2 { padding-bottom: 15px; } .landing .row-fluid-featured-alt3 h1 { font-size: 30px; } .landing .row-fluid-featured-alt3 h2 { font-size: 13px; } .landing .carton-finder-row { padding-top: 0px; padding-bottom: 10px; } .landing .carton-finder-row h1 { margin-top: 0; font-size: 18px; line-height: 22px; border-bottom: none; padding-left: 10px; padding-right: 10px; } .landing .carton-finder-row .dimension .image-row .text-center { text-align: center; } .landing .external-menu-wrapper { background: #fff; } .landing .external-menu-wrapper .external-menu-row { padding: 0; } .landing .external-menu-wrapper .external-menu-row .external-menu-phone-header { background: #f2f2f2; border: 1px solid #cdcdcd; border-width: 1px 0; font-weight: bold; padding: 10px; } .landing .footer-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px 0 10px; } .landing .footer-row .btn { margin-bottom: 10px; } .landing.health-care .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/health-care/promo-mobile.png") center -89px no-repeat; } .landing.health-care .coupon-code-row { background: #25ADE3; } .landing.health-care .header-row a { border-bottom: none; } .landing.packaging-alternate .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging-alternative/promo-mobile.png") center -89px no-repeat; } .landing.boxes-variant .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/boxes-variant/promo-mobile.png") center -144px no-repeat; } .landing.boxes-variant .hero-image .hero-content h1.title { top: 20px; font-size: 26px; left: 12px; color: #fff; } .landing.site-supplies .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/site-supplies/promo-mobile.png") center -82px no-repeat; } .landing.site-supplies .hero-image .hero-content h1.title { top: 20px; font-size: 26px; left: 12px; color: #fff; } .landing.western-australia .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/western-australia/promo-mobile.png") center -149px no-repeat; } .landing.western-australia .hero-image .hero-content h1.title { top: 20px; font-size: 26px; left: 12px; color: #fff; } .landing.north-queensland .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/north-queensland/promo-mobile.png") center -177px no-repeat; } .landing.north-queensland .hero-image .hero-content h1.title { top: 20px; font-size: 26px; left: 12px; color: #fff; } .landing.packaging-tape .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/packaging-tape/mobile-header-bg-tile.png") center -68px no-repeat; height: 204px; } .landing.packaging-tape .hero-image .hero-content .promo-circle { top: 295px; right: -104px; } .landing.packaging-tape .mobile-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/shared/signet-3M-logo.jpg") top left no-repeat; width: 292px; background-size: contain; } .landing.hearing-protection .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/hearing-protection/hero-image-mobile.png") center -68px no-repeat; height: 204px; } .landing.hearing-protection .mobile-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/shared/signet-3M-logo.jpg") top left no-repeat; width: 292px; background-size: contain; } .landing.spray-adhesive .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/spray-adhesive/hero-image-mobile.png") center -68px no-repeat; height: 204px; } .landing.spray-adhesive .mobile-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/shared/signet-3M-logo.jpg") top left no-repeat; width: 292px; background-size: contain; } .landing.respirators .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/respirators/hero-image-mobile.png") center -68px no-repeat; height: 204px; } .landing.respirators .mobile-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/shared/signet-3M-logo.jpg") top left no-repeat; width: 292px; background-size: contain; } .landing.cleaning .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/cleaning/hero-mobile.png") center -68px no-repeat; height: 204px; } .landing.cleaning .mobile-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/shared/signet-3M-logo.jpg") top left no-repeat; width: 292px; background-size: contain; } .landing.masking-tape .title a { margin-left: 0; margin-top: 25px; } .landing.masking-tape .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/masking-tape/mobile-header-bg-tile.png") center -119px no-repeat; height: 243px; border-radius: 0; } .landing.masking-tape .hero-image a.tile-btn { top: 172px; left: 0; border-radius: 0; } .landing.masking-tape .mobile-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/shared/signet-3M-logo.jpg") top left no-repeat; width: 292px; background-size: contain; } .landing.ranpak .enquiry-phone, .landing.vhb .enquiry-phone { text-decoration: none; } .landing.ranpak .make-an-enquiry-phone, .landing.vhb .make-an-enquiry-phone { background-color: #FFDE00; border: 1px solid #FFBF03; padding: 7px; height: 37px; } .landing.ranpak .make-an-enquiry-phone .icon-make-an-enquiry, .landing.vhb .make-an-enquiry-phone .icon-make-an-enquiry { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/make-an-enquiry.png") 9px 0px no-repeat; display: block; height: 32px; float: left; width: 74px; } .landing.ranpak .make-an-enquiry-phone span, .landing.vhb .make-an-enquiry-phone span { float: left; padding-top: 10px; font-weight: bold; } .landing.ranpak .hero-image, .landing.vhb .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/header-bg-tile_mobile.png") center 1px no-repeat; height: 243px; background-size: cover; height: 243px; } .landing.ranpak .hero-image .tile-btn.btn, .landing.vhb .hero-image .tile-btn.btn { position: absolute; top: 162px; left: 10px; width: 81%; } .landing.ranpak .hero-image .hero-content h1.title, .landing.vhb .hero-image .hero-content h1.title { color: #fff; width: 95%; } .landing.ranpak .mobile-logo, .landing.vhb .mobile-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/ranpak/signet-ranpak-logo.jpg") center no-repeat; width: 100%; background-size: contain; height: 50px; } .landing.ranpak .hero-images-wrapper .hero-images-container .header-box-hand, .landing.vhb .hero-images-wrapper .hero-images-container .header-box-hand { right: -378px; } .landing.ranpak #contact-form, .landing.vhb #contact-form { padding-top: 10px; padding-bottom: 10px; } .landing.ranpak #contact-form h2, .landing.vhb #contact-form h2 { font-size: 12px; } .landing.ranpak #contact-form h5, .landing.vhb #contact-form h5 { font-size: 11px; } .landing.ranpak #contact-form .btn, .landing.vhb #contact-form .btn { width: 100%; display: block; } .landing.ranpak #contact-form .form-widget-fluid .control-group, .landing.vhb #contact-form .form-widget-fluid .control-group { margin-bottom: 0; } .landing.ranpak .we-stock-row h2, .landing.vhb .we-stock-row h2 { border: none; } .landing.ranpak .we-stock-row h4, .landing.vhb .we-stock-row h4 { font-size: 11px; padding: 0 10px; } .landing.ranpak .we-stock-row .tabs-container .nav-tabs li, .landing.vhb .we-stock-row .tabs-container .nav-tabs li { width: 22.4%; } .landing.ranpak .we-stock-row .tab-toggle a, .landing.vhb .we-stock-row .tab-toggle a { height: 93px; display: block; clear: both; padding: 10px; background: #fff; } .landing.ranpak .we-stock-row .tab-toggle a img, .landing.vhb .we-stock-row .tab-toggle a img { height: auto; width: 90px; padding-right: 50px; } .landing.ranpak .we-stock-row .tab-content, .landing.vhb .we-stock-row .tab-content { overflow: visible; } .landing.ranpak .we-stock-row .tab-pane.collapse, .landing.vhb .we-stock-row .tab-pane.collapse { overflow: hidden; } .landing.ranpak .we-stock-row .tab-pane::after, .landing.ranpak .we-stock-row .tab-pane::before, .landing.vhb .we-stock-row .tab-pane::after, .landing.vhb .we-stock-row .tab-pane::before { display: none; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content { border: 1px solid #ccc; padding: 0; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content .tile-image img, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-image img { height: auto; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper { padding: 10px 30px; } .landing.ranpak .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper p, .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper p { color: #000; font-size: 15px; line-height: 19px; min-height: 170px; } .landing.ranpak .we-stock-row .tile-row .tile-btn, .landing.vhb .we-stock-row .tile-row .tile-btn { display: block; margin: 0; clear: both; } .landing.ranpak .we-stock-row .tile-row .tile-image, .landing.vhb .we-stock-row .tile-row .tile-image { display: block; width: 88px; padding: 0 14px; float: left; } .landing.ranpak .we-stock-row .tile-row .tile-image img, .landing.vhb .we-stock-row .tile-row .tile-image img { height: auto; } .landing.ranpak .we-stock-row .tile-row .tile-title, .landing.vhb .we-stock-row .tile-row .tile-title { border: 0; text-align: left; } .landing.ranpak .we-stock-row .tile-row .tile-title::before, .landing.vhb .we-stock-row .tile-row .tile-title::before { display: none; } .landing.ranpak .we-stock-row #tab-wrapping .pull-right, .landing.vhb .we-stock-row #tab-wrapping .pull-right { float: none; } .landing.ranpak .we-stock-row #tab-wrapping.tab-pane .tile-row-sub-content .tile-image, .landing.vhb .we-stock-row #tab-wrapping.tab-pane .tile-row-sub-content .tile-image { width: 127px; } .landing.ranpak .we-stock-row #tab-wrapping.tab-pane .tile-row-sub-content .tile-image img, .landing.vhb .we-stock-row #tab-wrapping.tab-pane .tile-row-sub-content .tile-image img { height: auto; } .landing.ranpak .tabs-container.phone-accordion .tab-content .tab-pane .tab-inner, .landing.vhb .tabs-container.phone-accordion .tab-content .tab-pane .tab-inner { padding: 0; } .landing.ranpak .tabs-container.phone-accordion .tab-content .tab-pane .tab-inner .span4, .landing.ranpak .tabs-container.phone-accordion .tab-content .tab-pane .tab-inner .span3, .landing.vhb .tabs-container.phone-accordion .tab-content .tab-pane .tab-inner .span4, .landing.vhb .tabs-container.phone-accordion .tab-content .tab-pane .tab-inner .span3 { border-bottom: 1px solid #ccc; } .landing.vhb .hero-image { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/3M/vhb-tape/hero-mobile.png") center -119px no-repeat; height: 238px; border-radius: 0; } .landing.vhb .hero-image .tile-btn-mobile { margin: 0 2%; margin-top: 162px; } .landing.vhb .mobile-logo { background: url("/v2.1.18/Content/themes/SignetNew/css/../img/landing/shared/signet-3M-logo.jpg") top left no-repeat; width: 292px; background-size: contain; } .landing.vhb .we-stock-row .tab-toggle a { background: #f2f2f2; } .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper p { min-height: 65px; } .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper .tile-title { padding-left: 0; } .landing.vhb .we-stock-row .tab-pane .tile-row-sub-content .tile-wrapper .tile-title h2 { padding-left: 0; } } @media screen and (max-width: 767px) and (orientation: landscape) { .landing .coupon-code-row .note { width: 30%; } } @media screen and (min-width: 768px) and (max-width: 979px) { .redlinesaver-background { background-image: none; min-height: initial; } } @media screen and (max-width: 767px) { .redlinesaver-background { background-image: none; min-height: initial; } } @media screen and (min-width: 320px) and (max-width: 767px) { body, html { background: #fff !important; } .container, .navbar .container { width: auto; padding: 0; } .navbar.navbar-main { height: 48px; } .container-fluid.menu .navbar.navbar-main .navbar-inner .menu-toggle { margin-top: 7px; margin-left: 8px; } .navbar.navbar-main .store-search .form-search .search-bar { width: calc(100% - 12px); } .store-search .search-button.btn-search { margin-right: 10px; } .store-search .search-button.btn-search .icon-mag-glass::before { top: 2px; right: 0px; } footer .footer-advertisement { padding: 20px 0; } footer .footer-advertisement .promo-column { width: 100%; float: none; text-align: center; margin: 0; padding: 0; } .promo-callout .promo-text { text-align: center; font-size: 18px; margin: 0 20px; } footer .footer-advertisement .promo-container .promo-callout { padding: 10px 0; } footer .footer-advertisement .promo-form-column { width: 100%; float: none; text-align: center; } footer .footer-advertisement label { padding: 0; margin: 0; font-size: 15px; } footer .footer-advertisement .controls { width: 70%; margin: 0 auto; } footer .footer-advertisement .controls input { margin-bottom: 4px; } footer .footer-menu { padding: 30px 0; } footer .footer-menu .footer-images { float: none; margin: 0 0 8px 0; text-align: center; } footer #google-trusted-stores-badge { float: none; margin: 0 auto; } .accordion-inner ul.dropdown-menu.categories.external-menu { padding: 0; } .accordion-inner ul.dropdown-menu.categories.external-menu li, .tab-content ul.dropdown-menu.categories.external-menu li, .cms-page ul.dropdown-menu.categories.external-menu li { width: 100%; max-width: 100%; } .row-fluid .span9.list-main { padding: 0 15px; width: 100%; } .list-main .products .list-content .product::after { background: #fff; } .nav-tiles .tile .tile-link { padding: 10px 0 10px 20px; overflow: hidden; } .nav-tiles .tile .tile-link .tile-image { float: left; width: 80px; } .nav-tiles .tile .tile-link .tile-title { text-align: left; margin: 0 0 0 92px; width: auto; } .nav-tiles .tile { margin-bottom: 2px; } .slider .slider-body .slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item.product .product-summary-deferred, .slider .slider-body .caption-slider-content .carousel.multiple-items .carousel-inner > .slider-row > .item.product .product-summary-deferred { height: auto; } form.form { margin: 0 5%; } div[ng-controller=SignetCheckoutController] .row-fluid .span12 .container .row-fluid .span12 .container-fluid .row-fluid .span12 .container .row-fluid div.span12 { padding: 0; margin: 0; } #Product.container { padding-top: 0; } .product-content-container { padding: 0; } .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent > .dropdown-menu.external-menu.categories, .navbar.navbar-main .navbar-inner .nav > li.external-menu-parent .external-menu-wrapper { width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1248px) { .page { padding-top: 16px; } .container { width: 95%; } .container .container { width: 100%; } .navbar .container { width: 95%; } footer .footer-advertisement { padding: 30px 0; } footer .footer-advertisement .promo-column { width: 100%; float: none; text-align: center; margin: 0; padding: 0; } .promo-callout .promo-text { text-align: center; } footer .footer-advertisement .promo-container .promo-callout { padding: 10px 0; } footer .footer-advertisement .promo-form-column { width: 100%; float: none; text-align: center; } footer .footer-advertisement label { float: left; width: 25%; padding: 0 2% 0 0; margin: 0; line-height: 44px; text-align: right; font-size: 15px; } footer .footer-advertisement .controls { float: left; width: 68%; } footer .footer-menu { padding: 30px 0; } .nav-well .nav-list { padding: 0 12px 10px 12px; } .nav-well .nav-list ul.dropdown-menu { min-width: 120px; } .span3 .well.nav-well { margin-top: 16px; } .container-fluid.page .span3 .well.nav-well { margin-top: 0; } .blog-list-screen, .blog-details { margin: 16px 0; padding-top: 16px; background: #fff; } .list-aside .category-main .btn-group a { width: calc(100% - 32px); padding: 0; text-align: left; } } @media screen and (min-width: 768px) and (max-width: 998px) { .navbar.navbar-main .navbar-inner .nav > li > a, .navbar.navbar-main .navbar-inner .nav > li > a:hover, .navbar.navbar-main .navbar-inner .nav > li > a:active, .navbar.navbar-main .navbar-inner .nav > li > a:visited { font-size: 12px; } .navbar.navbar-main .store-search { width: 300px; } .store-search .form-search .search-button.btn-search { width: 45px; } .store-search .form-search .search-button.btn-search .icon-mag-glass::before { right: 14px; top: 7px; } .navbar.navbar-top .container { width: 100%; } .navbar.navbar-top .nav > li { padding: 0 8px; } .navbar.navbar-top .nav > li a { font-size: 11px; } .btn-group.gst-toggle button, .btn-group.gst-toggle button:hover { background-image: url("/v2.1.18/Content/themes/SignetNew/css/../img/interface/gst-icons@2x.png"); background-size: 175px auto; } .user .cart .items .cart-link-btn { clear: none; margin-top: 1px; } header .user .user-account { padding-right: 15px; } header .user .cart { padding-left: 15px; } .accordion-inner ul.dropdown-menu.categories.external-menu li, .tab-content ul.dropdown-menu.categories.external-menu li, .cms-page ul.dropdown-menu.categories.external-menu li { width: 33%; } } @media screen and (min-width: 1262px) { .navbar.navbar-main .navbar-inner .nav { margin-left: -14px; } .cms-page .row-fluid .container-fluid .row-fluid .span12 .container .row-fluid:nth-child(5) .span8 { width: calc(100% - 327px); } .cms-page .row-fluid .container-fluid .row-fluid .span12 .container .row-fluid:nth-child(5) .span4 { width: 300px; } .slider-single { margin: 0; padding: 20px 0; border-bottom: 2px solid #e5e5e5; background: #fff; } .slider-row img { display: block; margin: 0 auto; } .slider-row .slide-content p { background: #fff; padding: 0; margin: 0; } .carousel.contentCarousel .carousel-controls { position: absolute; right: 31px; bottom: 4px; } .carousel.contentCarousel .carousel-controls li { background: #e5e5e5; border: none; } .carousel.contentCarousel .carousel-controls li.active { background: #ffdf00; border: none; -moz-box-shadow: 0 0px 0 0 transparent; -webkit-box-shadow: 0 0px 0 0 transparent; box-shadow: 0 0px 0 0 transparent; } .nav-tiles .tile .tile-link { padding: 37px 0 22px 0; } .span3 .well.nav-well { margin-top: 26px; } .page .span3 .well.nav-well { margin-top: 0; } .blog-list-screen, .blog-details { margin: 26px 0; padding-top: 6px; background: #fff; } .span12 #Contact.page form { background: #fff; padding: 15px 2%; } .login .row-border-separated-left { margin: 26px 0; } } @media screen and (min-width: 768px) { #skrollr-body.landing { background: #fff; margin-top: -26px; padding-top: 26px; } .landing .carousel-section .carousel-controls { position: static !important; } header .user .user-account .account-wrapper { max-width: 566px; } .cart-list-table .well.checkout-upsell.ng-scope { width: 97%; } } @media screen and (min-width: 1262px) { .container.checkout-container.checkout-container-small .navbar.navbar-main .navbar-inner .nav { margin-left: 0 !important; } .container.checkout-container.checkout-container-small .container-padded { padding: 40px; } } @media screen and (min-width: 1262px) { .slider-single { padding: 0; } .slider-single .carousel.contentCarousel .carousel-controls { bottom: 14px; } }  #skrollr-body.landing { margin-top: -37px; } .btn-danger:hover, .btn-danger:active, .btn-danger:visited, .btn-danger.active, .btn-primary.btn-danger:hover, .btn-primary.btn-danger:active, .btn-primary.btn-danger:visited, .btn-primary.btn-danger.active, .cart-list-table .cart-update .btn-danger { color: white !important; background: #9f1717 !important; background-color: #9f1717 !important; background-image: none !important; } .container.checkout-container.checkout-container-small, .container.checkout-container.checkout-container-small .container-padded { background: #fff; } .container.checkout-container.checkout-container-small .navbar.navbar-main { height: auto !important; } @media screen and (min-width: 768px) { #skrollr-body.landing { background: #fff; margin-top: -26px; padding-top: 26px; } .landing .carousel-section .carousel-controls { position: static !important; } header .user .user-account .account-wrapper { max-width: 566px; } .cart-list-table .well.checkout-upsell.ng-scope { width: 97%; margin-bottom: 50px; } } @media screen and (min-width: 1262px) { .container.checkout-container.checkout-container-small .navbar.navbar-main .navbar-inner .nav { margin-left: 0 !important; } .container.checkout-container.checkout-container-small .container-padded { padding: 40px; } .slider-single { padding: 0 !important; } .slider-single .carousel.contentCarousel .carousel-controls { bottom: 25px !important; } } .product .product-images .product-overlay-badges .product-overlay-badge { display:none; } .list-content .product .redline-saver-border { border-color: #c3272f; } .redline-saver-border .prices-container table.prices tbody tr td.price span { color: #c3272f; } @media screen and (min-width: 768px) { .list-content .product .redline-saver-border { border-color: #fff; } .product .product-images .product-overlay-badges { background: url(https://cdn.signet.net.au/Content/user/Signet/img/redline-product-overlay.png) no-repeat 0 0; background-size: 100% auto; top: 60px; left: -2px; right: -2px; height: 165px; width: auto; } .list-main-content .product .product-images .product-overlay-badges { top: 96px; left: -10px; right: -10px; } } @media screen and (min-width: 916px) { .list-main-content .product .product-images .product-overlay-badges { top: 85px; left: -5px; right: -5px; } } @media screen and (min-width: 980px) { .carousel .product .product-images .product-overlay-badges { top: 60px; left: -20px; right: -20px; height: 170px; } .list-main-content .product .product-images .product-overlay-badges { top: 85px; left: -16px; right: -16px; height: 179px; } } @media screen and (min-width: 1074px) { .list-main-content .product .product-images .product-overlay-badges { top: 85px; left: -10px; right: -10px; } } @media screen and (min-width: 1130px) { .list-main-content .product .product-images .product-overlay-badges { top: 70px; left: -5px; right: -5px; } } @media screen and (min-width: 1248px) { .list-main-content .product .product-images .product-overlay-badges { top: 63px; left: 0; right: 0; } } .slider a.carousel-control.right.right, .slider a.carousel-control.left.right, .slider a.carousel-control.right.left, .slider a.carousel-control.left.left { background: #ffffff; border: none; } .carousel-control .icon-chevron-right:before, .carousel-control .icon-chevron-left:before { content: none; } .slider a.carousel-control.left::after, .slider a.carousel-control.right::before { content: none; } .slider a.carousel-control.right i { width: 20px; height: 20px; right: 6px; margin-top: -10px; background: url(https://cdn.signet.net.au/Content/user/Signet/img/slider-arrow-right.png) no-repeat center center; background-size: 100% auto; } .slider a.carousel-control.left i { width: 20px; height: 20px; left: 6px; margin-top: -10px; background: url(https://cdn.signet.net.au/Content/user/Signet/img/slider-arrow-left.png) no-repeat center center; background-size: 100% auto; } .blogPost { box-shadow: 0 0 0 0 rgba(0,0,0,0); border-bottom: 2px solid #e5e5e5; background: #fff; padding: 12px 12px 0 12px; } .blogPost h3 { line-height: 1.2; font-size: 18px; margin-bottom: 4px; } .blogPost h3 a { text-decoration: none; } .blogPost p { line-height: 1.2; } p.blogPostMeta { margin: 0; padding: 10px 0 0 0; color: #666; } h2.blogPostMasterTitle { margin: 0; padding: 0; font-weight: normal; font-size: 20px; text-align: left; position: relative; margin: 12px 12px 0 12px; } h2.blogPostMasterTitle:after { content: \"\"; position: absolute; right: 0; top: 50%; height: 1px; background: #d9d9d9; width: calc(90% - 30px); } @media screen and (min-width: 500px) { .blogPost { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -ms-flex-flow: row wrap; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 20px 12px 1px 20px; } .blogPostImg, .blogPostText { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; flex: 0 1 auto; width: 50%; } .blogPost h3 { margin-top: 0; } .blogPostAlt { flex-direction: row-reverse; } .blogPostAlt .blogPostText { flex-direction: row-reverse; } p.blogPostMeta { padding: 0; margin-bottom: 20px; } } @media screen and (min-width: 768px) { h2.blogPostMasterTitle { margin: 0 0 20px 0; } .blogPost { padding: 20px 30px 20px 20px; margin-bottom: 20px; } .blogPostImg { max-width: 624px; } .blogPostText { align-self: center; width: 46%; } .blogPost h3 { margin-bottom: 10px; } .blogPost p { line-height: 1.4; } } @media screen and (min-width: 1110px) { .blogPost { justify-content: flex-start; padding:0; } .blogPostText { padding-left: 40px; width: 43%; } .blogPostAlt .blogPostText { padding: 0 55px 0 0px; width: 42%; } .blogPost h3 { font-size: 24px; } .blogPost p { font-size: 14px; } } #tool-tip { background: #e5e5e5; padding: 1px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } #tool-tip .tool-tip-inner { background: #fff; color:#000; } #tool-tip .tool-tip-inner * { color: #000; font-weight: bold; } #tool-tip .tool-tip-tip { border-bottom-color: #e5e5e5; } #tool-tip .tool-tip-tip::before { border-bottom-color: #e5e5e5; } #tool-tip .tool-tip-inner .tool-tip-inner-tip { border-bottom-color: #fff; border-width: 16px; top: -30px; right: 23px; } footer #google-trusted-stores-badge { display: none; }