User Tools
Differences
This shows you the differences between two versions of the page.
|
offtoa [2014/09/17 14:44] mdavis |
offtoa [2016/09/19 13:19] |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ | ||
| - | html { | ||
| - | font-family: sans-serif; | ||
| - | -webkit-text-size-adjust: 100%; | ||
| - | -ms-text-size-adjust: 100%; | ||
| - | } | ||
| - | body { | ||
| - | margin: 0; | ||
| - | } | ||
| - | article, | ||
| - | aside, | ||
| - | details, | ||
| - | figcaption, | ||
| - | figure, | ||
| - | footer, | ||
| - | header, | ||
| - | hgroup, | ||
| - | main, | ||
| - | nav, | ||
| - | section, | ||
| - | summary { | ||
| - | display: block; | ||
| - | } | ||
| - | audio, | ||
| - | canvas, | ||
| - | progress, | ||
| - | video { | ||
| - | display: inline-block; | ||
| - | vertical-align: baseline; | ||
| - | } | ||
| - | audio:not([controls]) { | ||
| - | display: none; | ||
| - | height: 0; | ||
| - | } | ||
| - | [hidden], | ||
| - | template { | ||
| - | display: none; | ||
| - | } | ||
| - | a { | ||
| - | background: transparent; | ||
| - | } | ||
| - | a:active, | ||
| - | a:hover { | ||
| - | outline: 0; | ||
| - | } | ||
| - | abbr[title] { | ||
| - | border-bottom: 1px dotted; | ||
| - | } | ||
| - | b, | ||
| - | strong { | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | dfn { | ||
| - | font-style: italic; | ||
| - | } | ||
| - | h1 { | ||
| - | margin: 0 0 .67em 0; | ||
| - | font-size: 2em; | ||
| - | } | ||
| - | mark { | ||
| - | color: #000; | ||
| - | background: #ff0; | ||
| - | } | ||
| - | small { | ||
| - | font-size: 80%; | ||
| - | } | ||
| - | sub, | ||
| - | sup { | ||
| - | position: relative; | ||
| - | font-size: 75%; | ||
| - | line-height: 0; | ||
| - | vertical-align: baseline; | ||
| - | } | ||
| - | sup { | ||
| - | top: -.5em; | ||
| - | } | ||
| - | sub { | ||
| - | bottom: -.25em; | ||
| - | } | ||
| - | img { | ||
| - | border: 0; | ||
| - | } | ||
| - | svg:not(:root) { | ||
| - | overflow: hidden; | ||
| - | } | ||
| - | figure { | ||
| - | margin: 1em 40px; | ||
| - | } | ||
| - | hr { | ||
| - | height: 0; | ||
| - | -moz-box-sizing: content-box; | ||
| - | box-sizing: content-box; | ||
| - | } | ||
| - | pre { | ||
| - | overflow: auto; | ||
| - | } | ||
| - | code, | ||
| - | kbd, | ||
| - | pre, | ||
| - | samp { | ||
| - | font-family: monospace, monospace; | ||
| - | font-size: 1em; | ||
| - | } | ||
| - | button, | ||
| - | input, | ||
| - | optgroup, | ||
| - | select, | ||
| - | textarea { | ||
| - | margin: 0; | ||
| - | font: inherit; | ||
| - | color: inherit; | ||
| - | } | ||
| - | button { | ||
| - | overflow: visible; | ||
| - | } | ||
| - | button, | ||
| - | select { | ||
| - | text-transform: none; | ||
| - | } | ||
| - | button, | ||
| - | html input[type="button"], | ||
| - | input[type="reset"], | ||
| - | input[type="submit"] { | ||
| - | -webkit-appearance: button; | ||
| - | cursor: pointer; | ||
| - | } | ||
| - | button[disabled], | ||
| - | html input[disabled] { | ||
| - | cursor: default; | ||
| - | } | ||
| - | button::-moz-focus-inner, | ||
| - | input::-moz-focus-inner { | ||
| - | padding: 0; | ||
| - | border: 0; | ||
| - | } | ||
| - | input { | ||
| - | line-height: normal; | ||
| - | } | ||
| - | input[type="checkbox"], | ||
| - | input[type="radio"] { | ||
| - | box-sizing: border-box; | ||
| - | padding: 0; | ||
| - | } | ||
| - | input[type="number"]::-webkit-inner-spin-button, | ||
| - | input[type="number"]::-webkit-outer-spin-button { | ||
| - | height: auto; | ||
| - | } | ||
| - | 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-cancel-button, | ||
| - | input[type="search"]::-webkit-search-decoration { | ||
| - | -webkit-appearance: none; | ||
| - | } | ||
| - | fieldset { | ||
| - | padding: .35em .625em .75em; | ||
| - | margin: 0 2px; | ||
| - | border: 1px solid #c0c0c0; | ||
| - | } | ||
| - | legend { | ||
| - | padding: 0; | ||
| - | border: 0; | ||
| - | } | ||
| - | textarea { | ||
| - | overflow: auto; | ||
| - | } | ||
| - | optgroup { | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | table { | ||
| - | border-spacing: 0; | ||
| - | border-collapse: collapse; | ||
| - | } | ||
| - | td, | ||
| - | th { | ||
| - | padding: 0; | ||
| - | } | ||
| - | @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) ")"; | ||
| - | } | ||
| - | 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; | ||
| - | } | ||
| - | p, | ||
| - | h2, | ||
| - | h3 { | ||
| - | orphans: 3; | ||
| - | widows: 3; | ||
| - | } | ||
| - | h2, | ||
| - | h3 { | ||
| - | page-break-after: avoid; | ||
| - | } | ||
| - | select { | ||
| - | background: #fff !important; | ||
| - | } | ||
| - | .navbar { | ||
| - | display: none; | ||
| - | } | ||
| - | .table td, | ||
| - | .table th { | ||
| - | background-color: #fff !important; | ||
| - | } | ||
| - | .btn > .caret, | ||
| - | .dropup > .btn > .caret { | ||
| - | border-top-color: #000 !important; | ||
| - | } | ||
| - | .label { | ||
| - | border: 1px solid #000; | ||
| - | } | ||
| - | .table { | ||
| - | border-collapse: collapse !important; | ||
| - | } | ||
| - | .table-bordered th, | ||
| - | .table-bordered td { | ||
| - | border: 1px solid #ddd !important; | ||
| - | } | ||
| - | } | ||
| - | * { | ||
| - | -webkit-box-sizing: border-box; | ||
| - | -moz-box-sizing: border-box; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | *:before, | ||
| - | *:after { | ||
| - | -webkit-box-sizing: border-box; | ||
| - | -moz-box-sizing: border-box; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | |||
| - | html { | ||
| - | font-size: 62.5%; | ||
| - | |||
| - | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
| - | } | ||
| - | body { | ||
| - | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
| - | font-size: 14px; | ||
| - | line-height: 1.428571429; | ||
| - | color: #333; | ||
| - | background-color: #fff; | ||
| - | } | ||
| - | input, | ||
| - | button, | ||
| - | select, | ||
| - | textarea { | ||
| - | font-family: inherit; | ||
| - | font-size: inherit; | ||
| - | line-height: inherit; | ||
| - | } | ||
| - | a { | ||
| - | text-decoration: none; | ||
| - | } | ||
| - | a:hover, | ||
| - | a:focus { | ||
| - | text-decoration: underline; | ||
| - | } | ||
| - | a:focus { | ||
| - | outline: thin dotted; | ||
| - | outline: 5px auto -webkit-focus-ring-color; | ||
| - | outline-offset: -2px; | ||
| - | } | ||
| - | figure { | ||
| - | margin: 0; | ||
| - | } | ||
| - | img { | ||
| - | max-width: 100%; | ||
| - | height: auto; | ||
| - | vertical-align: middle; | ||
| - | } | ||
| - | .img-responsive { | ||
| - | display: block; | ||
| - | max-width: 100%; | ||
| - | height: auto; | ||
| - | } | ||
| - | .img-rounded { | ||
| - | border-radius: 6px; | ||
| - | } | ||
| - | .img-thumbnail { | ||
| - | display: inline-block; | ||
| - | max-width: 100%; | ||
| - | height: auto; | ||
| - | padding: 4px; | ||
| - | line-height: 1.428571429; | ||
| - | background-color: #fff; | ||
| - | border: 1px solid #ddd; | ||
| - | border-radius: 4px; | ||
| - | -webkit-transition: all .2s ease-in-out; | ||
| - | transition: all .2s ease-in-out; | ||
| - | } | ||
| - | .img-circle { | ||
| - | border-radius: 50%; | ||
| - | } | ||
| - | hr { | ||
| - | margin-top: 20px; | ||
| - | margin-bottom: 20px; | ||
| - | border: 0; | ||
| - | border-top: 1px solid #eee; | ||
| - | } | ||
| - | .sr-only { | ||
| - | position: absolute; | ||
| - | width: 1px; | ||
| - | height: 1px; | ||
| - | padding: 0; | ||
| - | margin: -1px; | ||
| - | overflow: hidden; | ||
| - | clip: rect(0, 0, 0, 0); | ||
| - | border: 0; | ||
| - | } | ||
| - | h1, | ||
| - | h2, | ||
| - | h3, | ||
| - | h4, | ||
| - | h5, | ||
| - | h6, | ||
| - | .h1, | ||
| - | .h2, | ||
| - | .h3, | ||
| - | .h4, | ||
| - | .h5, | ||
| - | .h6 { | ||
| - | font-family: inherit; | ||
| - | font-weight: 500; | ||
| - | line-height: 1.1; | ||
| - | color: inherit; | ||
| - | } | ||
| - | h1 small, | ||
| - | h2 small, | ||
| - | h3 small, | ||
| - | h4 small, | ||
| - | h5 small, | ||
| - | h6 small, | ||
| - | .h1 small, | ||
| - | .h2 small, | ||
| - | .h3 small, | ||
| - | .h4 small, | ||
| - | .h5 small, | ||
| - | .h6 small, | ||
| - | h1 .small, | ||
| - | h2 .small, | ||
| - | h3 .small, | ||
| - | h4 .small, | ||
| - | h5 .small, | ||
| - | h6 .small, | ||
| - | .h1 .small, | ||
| - | .h2 .small, | ||
| - | .h3 .small, | ||
| - | .h4 .small, | ||
| - | .h5 .small, | ||
| - | .h6 .small { | ||
| - | font-weight: normal; | ||
| - | line-height: 1; | ||
| - | color: #999; | ||
| - | } | ||
| - | h1, | ||
| - | .h1, | ||
| - | h2, | ||
| - | .h2, | ||
| - | h3, | ||
| - | .h3 { | ||
| - | margin-top: 0; | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | h1 small, | ||
| - | .h1 small, | ||
| - | h2 small, | ||
| - | .h2 small, | ||
| - | h3 small, | ||
| - | .h3 small, | ||
| - | h1 .small, | ||
| - | .h1 .small, | ||
| - | h2 .small, | ||
| - | .h2 .small, | ||
| - | h3 .small, | ||
| - | .h3 .small { | ||
| - | font-size: 65%; | ||
| - | } | ||
| - | h4, | ||
| - | .h4, | ||
| - | h5, | ||
| - | .h5, | ||
| - | h6, | ||
| - | .h6 { | ||
| - | margin-top: 10px; | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | h4 small, | ||
| - | .h4 small, | ||
| - | h5 small, | ||
| - | .h5 small, | ||
| - | h6 small, | ||
| - | .h6 small, | ||
| - | h4 .small, | ||
| - | .h4 .small, | ||
| - | h5 .small, | ||
| - | .h5 .small, | ||
| - | h6 .small, | ||
| - | .h6 .small { | ||
| - | font-size: 75%; | ||
| - | } | ||
| - | h1, | ||
| - | .h1 { | ||
| - | font-size: 28px; | ||
| - | } | ||
| - | h2, | ||
| - | .h2 { | ||
| - | font-size: 24px; | ||
| - | } | ||
| - | h3, | ||
| - | .h3 { | ||
| - | font-size: 20px; | ||
| - | } | ||
| - | h4, | ||
| - | .h4 { | ||
| - | font-size: 18px; | ||
| - | } | ||
| - | h5, | ||
| - | .h5 { | ||
| - | font-size: 14px; | ||
| - | } | ||
| - | h6, | ||
| - | .h6 { | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | p { | ||
| - | margin: 0 0 15px; | ||
| - | } | ||
| - | .lead { | ||
| - | margin-bottom: 20px; | ||
| - | font-size: 16px; | ||
| - | font-weight: 200; | ||
| - | line-height: 1.4; | ||
| - | } | ||
| - | @media (min-width: 768px) { | ||
| - | .lead { | ||
| - | font-size: 21px; | ||
| - | } | ||
| - | } | ||
| - | small, | ||
| - | .small { | ||
| - | font-size: 85%; | ||
| - | } | ||
| - | cite { | ||
| - | font-style: normal; | ||
| - | } | ||
| - | .text-left { | ||
| - | text-align: left; | ||
| - | } | ||
| - | .text-right { | ||
| - | text-align: right; | ||
| - | } | ||
| - | .text-center { | ||
| - | text-align: center; | ||
| - | } | ||
| - | .text-justify { | ||
| - | text-align: justify; | ||
| - | } | ||
| - | .text-muted { | ||
| - | color: #999; | ||
| - | } | ||
| - | .page-header { | ||
| - | padding-bottom: 9px; | ||
| - | margin: 40px 0 20px; | ||
| - | border-bottom: 1px solid #eee; | ||
| - | } | ||
| - | ul, | ||
| - | ol { | ||
| - | margin-top: 0; | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | ul ul, | ||
| - | ol ul, | ||
| - | ul ol, | ||
| - | ol ol { | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | .list-unstyled { | ||
| - | padding-left: 0; | ||
| - | list-style: none; | ||
| - | } | ||
| - | .list-inline { | ||
| - | padding-left: 0; | ||
| - | list-style: none; | ||
| - | } | ||
| - | .list-inline > li { | ||
| - | display: inline-block; | ||
| - | padding-right: 5px; | ||
| - | padding-left: 5px; | ||
| - | } | ||
| - | .list-inline > li:first-child { | ||
| - | padding-left: 0; | ||
| - | } | ||
| - | dl { | ||
| - | margin-top: 0; | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | dt, | ||
| - | dd { | ||
| - | line-height: 1.428571429; | ||
| - | } | ||
| - | dt { | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | dd { | ||
| - | margin-left: 0; | ||
| - | } | ||
| - | @media (min-width: 768px) { | ||
| - | .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; | ||
| - | } | ||
| - | } | ||
| - | abbr[title], | ||
| - | abbr[data-original-title] { | ||
| - | cursor: help; | ||
| - | border-bottom: 1px dotted #999; | ||
| - | } | ||
| - | .initialism { | ||
| - | font-size: 90%; | ||
| - | text-transform: uppercase; | ||
| - | } | ||
| - | blockquote { | ||
| - | padding: 10px 20px; | ||
| - | margin: 0 0 20px; | ||
| - | font-size: 17.5px; | ||
| - | border-left: 5px solid #eee; | ||
| - | } | ||
| - | blockquote p:last-child, | ||
| - | blockquote ul:last-child, | ||
| - | blockquote ol:last-child { | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | blockquote footer, | ||
| - | blockquote small, | ||
| - | blockquote .small { | ||
| - | display: block; | ||
| - | font-size: 80%; | ||
| - | line-height: 1.428571429; | ||
| - | color: #999; | ||
| - | } | ||
| - | blockquote footer:before, | ||
| - | blockquote small:before, | ||
| - | blockquote .small:before { | ||
| - | content: '%%\%%2014 %%\%%00A0'; | ||
| - | } | ||
| - | .blockquote-reverse, | ||
| - | blockquote.pull-right { | ||
| - | padding-right: 15px; | ||
| - | padding-left: 0; | ||
| - | text-align: right; | ||
| - | border-right: 5px solid #eee; | ||
| - | border-left: 0; | ||
| - | } | ||
| - | .blockquote-reverse footer:before, | ||
| - | blockquote.pull-right footer:before, | ||
| - | .blockquote-reverse small:before, | ||
| - | blockquote.pull-right small:before, | ||
| - | .blockquote-reverse .small:before, | ||
| - | blockquote.pull-right .small:before { | ||
| - | content: ''; | ||
| - | } | ||
| - | .blockquote-reverse footer:after, | ||
| - | blockquote.pull-right footer:after, | ||
| - | .blockquote-reverse small:after, | ||
| - | blockquote.pull-right small:after, | ||
| - | .blockquote-reverse .small:after, | ||
| - | blockquote.pull-right .small:after { | ||
| - | content: '%%\%%00A0 %%\%%2014'; | ||
| - | } | ||
| - | blockquote:before, | ||
| - | blockquote:after { | ||
| - | content: ""; | ||
| - | } | ||
| - | address { | ||
| - | margin-bottom: 20px; | ||
| - | font-style: normal; | ||
| - | line-height: 1.428571429; | ||
| - | } | ||
| - | code, | ||
| - | kbd, | ||
| - | pre, | ||
| - | samp { | ||
| - | font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | ||
| - | } | ||
| - | code { | ||
| - | padding: 2px 4px; | ||
| - | font-size: 90%; | ||
| - | color: #c7254e; | ||
| - | white-space: nowrap; | ||
| - | background-color: #f9f2f4; | ||
| - | border-radius: 4px; | ||
| - | } | ||
| - | kbd { | ||
| - | padding: 2px 4px; | ||
| - | font-size: 90%; | ||
| - | color: #fff; | ||
| - | background-color: #333; | ||
| - | border-radius: 3px; | ||
| - | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); | ||
| - | } | ||
| - | pre { | ||
| - | display: block; | ||
| - | padding: 9.5px; | ||
| - | margin: 0 0 10px; | ||
| - | font-size: 13px; | ||
| - | line-height: 1.428571429; | ||
| - | color: #333; | ||
| - | word-break: break-all; | ||
| - | word-wrap: break-word; | ||
| - | background-color: #f5f5f5; | ||
| - | border: 1px solid #ccc; | ||
| - | border-radius: 4px; | ||
| - | } | ||
| - | pre code { | ||
| - | padding: 0; | ||
| - | font-size: inherit; | ||
| - | color: inherit; | ||
| - | white-space: pre-wrap; | ||
| - | background-color: transparent; | ||
| - | border-radius: 0; | ||
| - | } | ||
| - | .pre-scrollable { | ||
| - | max-height: 340px; | ||
| - | overflow-y: scroll; | ||
| - | } | ||
| - | |||
| - | /* Helper Classes */ | ||
| - | |||
| - | .clearfix:before, | ||
| - | .clearfix:after, | ||
| - | .container:before, | ||
| - | .container:after, | ||
| - | .container-fluid:before, | ||
| - | .container-fluid:after, | ||
| - | .row:before, | ||
| - | .row:after, | ||
| - | .form-horizontal .form-group:before, | ||
| - | .form-horizontal .form-group:after, | ||
| - | .btn-toolbar:before, | ||
| - | .btn-toolbar:after, | ||
| - | .btn-group-vertical > .btn-group:before, | ||
| - | .btn-group-vertical > .btn-group:after, | ||
| - | .nav:before, | ||
| - | .nav:after, | ||
| - | .navbar:before, | ||
| - | .navbar:after, | ||
| - | .navbar-header:before, | ||
| - | .navbar-header:after, | ||
| - | .navbar-collapse:before, | ||
| - | .navbar-collapse:after, | ||
| - | .pager:before, | ||
| - | .pager:after, | ||
| - | .panel-body:before, | ||
| - | .panel-body:after, | ||
| - | .modal-footer:before, | ||
| - | .modal-footer:after { | ||
| - | display: table; | ||
| - | content: " "; | ||
| - | } | ||
| - | .clearfix:after, | ||
| - | .container:after, | ||
| - | .container-fluid:after, | ||
| - | .row:after, | ||
| - | .form-horizontal .form-group:after, | ||
| - | .btn-toolbar:after, | ||
| - | .btn-group-vertical > .btn-group:after, | ||
| - | .nav:after, | ||
| - | .navbar:after, | ||
| - | .navbar-header:after, | ||
| - | .navbar-collapse:after, | ||
| - | .pager:after, | ||
| - | .panel-body:after, | ||
| - | .modal-footer:after { | ||
| - | clear: both; | ||
| - | } | ||
| - | .center-block { | ||
| - | display: block; | ||
| - | |||
| - | ====== Offtoa Help Center ====== | ||
| - | |||
| - | ^BROWSE HELP TOPICS ^SEARCH HELP CENTER | | | | ||
| - | |**[[:get_started|Get Started]]** \\ <font 11px/arial>Welcome to Offtoa! Learn what the first steps are to get started</font> |{searchform} | | | | ||
| - | |**[[:why_offtoa|Why Offtoa?]]** \\ <font 11px/arial>What makes Offtoa different? Find out now</font> |{{:wiki:faquestionmark3.jpg?nolink&300x41}} | | | | ||
| - | |**[[:using_offtoa_to_plan_my_business:assumptions|Assumptions]]** \\ <font 11px/arial>Key points of your company to analyse. General, Expense, Financing, Revenue Assumptions</font> | \\ **[[:offtoa_releases|Updates and Changes]]** \\ \\ **<font 14px/arial>Coming soon!</font>** \\ <font 11px/arial>Version 3 of Offtoa…a more intuitive and navigable interface.</font> | | | | ||
| - | |**[[:using_offtoa_to_plan_my_business:financial_reports|Financial Reports]]** \\ <font 11px/arial>After entering your Assumptions, view your financial performance on //Pro Forma// reports</font> |::: | | | | ||
| - | |**[[:using_offtoa_to_plan_my_business:analyze_business|Analyze Business]]** \\ <font 11px/arial>Offtoa spots areas of opportunity before they arise ensuring that your business is as successful \\ as possible. Let us analyze your business and propose ways to improve.</font> |::: | | | | ||
| - | |**[[:using_offtoa_to_plan_my_business:offtoascore|OfftoaScore]]** \\ <font 11px/arial>Our patended [[:offtoascore|OfftoaScore]] shows you instantaneous progress on what your changes have done \\ for your businesses future.</font> | | | | | ||
| - | |**[[:using_offtoa_to_plan_my_business:user_options|User Options]]** \\ <font 11px/arial>Edit fine-toothed settings to ensure that your results are great.</font> | | | | | ||
| - | |**[[:the_accounting_behind_offtoa|The Accounting Behind Offtoa]]** \\ <font 11px/arial>Find out how Offtoa works behind the scenes so that you are more informed.</font> | | | | | ||
| - | |||
| - | margin-right: auto; | ||
| - | margin-left: auto; | ||
| - | } | ||
| - | .pull-right { | ||
| - | float: right !important; | ||
| - | } | ||
| - | .pull-left { | ||
| - | float: left !important; | ||
| - | } | ||
| - | .hide { | ||
| - | display: none !important; | ||
| - | } | ||
| - | .show { | ||
| - | display: block !important; | ||
| - | } | ||
| - | .invisible { | ||
| - | visibility: hidden; | ||
| - | } | ||
| - | .text-hide { | ||
| - | font: 0/0 a; | ||
| - | color: transparent; | ||
| - | text-shadow: none; | ||
| - | background-color: transparent; | ||
| - | border: 0; | ||
| - | } | ||
| - | .hidden { | ||
| - | display: none !important; | ||
| - | visibility: hidden !important; | ||
| - | } | ||
| - | .affix { | ||
| - | position: fixed; | ||
| - | } | ||
| - | @-ms-viewport { | ||
| - | width: device-width; | ||
| - | } | ||
| - | |||
| - | .hover-fade:hover { | ||
| - | opacity: 0.75; | ||
| - | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; | ||
| - | filter: alpha(opacity=75); | ||
| - | } | ||
| - | |||
| - | .bottom {margin-bottom:0!important;} | ||
| - | .bottom10 {margin-bottom:10px !important;} | ||
| - | .bottom20 {margin-bottom:20px !important;} | ||
| - | .bottom30 {margin-bottom:30px !important;} | ||
| - | .bottom40 {margin-bottom:40px !important;} | ||
| - | .bottom50 {margin-bottom:50px !important;} | ||
| - | .top {margin-top:0!important;} | ||
| - | .top10 {margin-top:10px !important;} | ||
| - | .top20 {margin-top:20px !important;} | ||
| - | .top30 {margin-top:30px !important;} | ||
| - | .top40 {margin-top:40px !important;} | ||
| - | .top50 {margin-top:50px !important;} | ||
| - | |||
| - | /* START Bigcommerce General Styles */ | ||
| - | |||
| - | body { | ||
| - | background-color: #fff; | ||
| - | font-size: 14px; | ||
| - | font-family: "Open Sans", Arial, Sans-Serif; | ||
| - | font-weight: normal; | ||
| - | -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ | ||
| - | } | ||
| - | |||
| - | input, select, textarea { | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | |||
| - | /* Layout */ | ||
| - | |||
| - | .inner:after { | ||
| - | clear: both; | ||
| - | content: ""; | ||
| - | display: table; | ||
| - | } | ||
| - | |||
| - | /*#Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner, .container { | ||
| - | margin: 0 auto; | ||
| - | }*/ | ||
| - | |||
| - | /* Top Navigational Menu */ | ||
| - | |||
| - | .TopMenu { | ||
| - | margin-bottom: 10px; | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | |||
| - | .TopMenu .container { | ||
| - | padding-top: 10px; | ||
| - | padding-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .TopMenu ul { | ||
| - | padding: 0; | ||
| - | margin: 0; | ||
| - | text-align: right; | ||
| - | } | ||
| - | |||
| - | .TopMenu li { | ||
| - | display: inline-block; | ||
| - | *display: inline; | ||
| - | *zoom: 1; | ||
| - | white-space: nowrap; | ||
| - | list-style: none; | ||
| - | margin: 0; | ||
| - | line-height: 20px; | ||
| - | padding:0 5px; | ||
| - | } | ||
| - | |||
| - | .TopMenu li.First a { | ||
| - | border-left: 0; | ||
| - | } | ||
| - | |||
| - | .TopMenu li.last{ | ||
| - | padding-right: 0; | ||
| - | border-right: none; | ||
| - | } | ||
| - | |||
| - | .TopMenu .CartLink span{ | ||
| - | width: auto; | ||
| - | display: inline-block; | ||
| - | *display: inline; | ||
| - | zoom: 1; | ||
| - | } | ||
| - | |||
| - | .TopMenu a { | ||
| - | padding: 0; | ||
| - | margin: 0; | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | .TopMenu li.last a { | ||
| - | display: inline-block; | ||
| - | *display: inline; | ||
| - | *zoom: 1; | ||
| - | } | ||
| - | |||
| - | .TopMenu li.CartLink a:hover { | ||
| - | text-decoration: none; | ||
| - | } | ||
| - | |||
| - | /* Header wrapper */ | ||
| - | |||
| - | .header { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | /* Header */ | ||
| - | |||
| - | #Header { | ||
| - | position: relative; | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | /* == Main Navigation == */ | ||
| - | |||
| - | .header .PrimaryMenu-wrap { | ||
| - | position: relative; | ||
| - | margin: 0; | ||
| - | z-index: 30; | ||
| - | border: 1px solid #ddd; | ||
| - | border-left: none; | ||
| - | border-right: none; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu { | ||
| - | position: relative; | ||
| - | z-index: 50; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu h3 { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | list-style: none; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu > ul > li, | ||
| - | #PrimaryMenu ul.category-list > li { | ||
| - | float: left; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu li { | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu > ul > li > a, | ||
| - | #PrimaryMenu ul.category-list > li > a { | ||
| - | display: block; | ||
| - | padding: 12px 18px; | ||
| - | font-size: 1em; | ||
| - | text-decoration: none; | ||
| - | color: #222; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu a { | ||
| - | text-decoration: none; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li a .caret { | ||
| - | display: inline-block; | ||
| - | width: 0; | ||
| - | height: 0; | ||
| - | margin-top: 8px; | ||
| - | margin-left: 4px; | ||
| - | text-indent: -99999px; | ||
| - | *text-indent: 0; | ||
| - | vertical-align: top; | ||
| - | border-left: 4px solid transparent; | ||
| - | border-right: 4px solid transparent; | ||
| - | border-top: 4px solid #222; | ||
| - | opacity: 0.3; | ||
| - | filter: alpha(opacity=30); | ||
| - | content: "%%\%%2193"; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu > ul > li > a:hover, | ||
| - | #PrimaryMenu > ul > li.dropdown.open > a, | ||
| - | #PrimaryMenu > ul > li.ActivePage > a, | ||
| - | #PrimaryMenu ul.category-list > li > a:hover, | ||
| - | #PrimaryMenu ul.category-list > li.dropdown.open > a, | ||
| - | #PrimaryMenu ul.category-list > li.ActivePage > a { | ||
| - | color: #999; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu > ul > li > a:hover > .caret, | ||
| - | #PrimaryMenu > ul > li.dropdown.open > a > .caret, | ||
| - | #PrimaryMenu ul.category-list > li > a:hover > .caret, | ||
| - | #PrimaryMenu ul.category-list > li.dropdown.open > a > .caret { | ||
| - | opacity: 1; | ||
| - | filter: alpha(opacity=100); | ||
| - | } | ||
| - | |||
| - | /* Drop Down */ | ||
| - | |||
| - | #PrimaryMenu ul li { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li a { | ||
| - | *margin-bottom: -3px; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li a:active, | ||
| - | #PrimaryMenu .dropdown-toggle:active, | ||
| - | #PrimaryMenu .open .dropdown-toggle { | ||
| - | outline: 0; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li.dropdown ul { | ||
| - | position: absolute; | ||
| - | top: 100%; | ||
| - | left: 0; | ||
| - | z-index: 1000; | ||
| - | float: left; | ||
| - | display: none; | ||
| - | min-width: 200px; | ||
| - | padding: 4px 0; | ||
| - | margin: 0; | ||
| - | list-style: none; | ||
| - | background-color: #ffffff; | ||
| - | border-color: #ccc; | ||
| - | border-style: solid; | ||
| - | border-width: 1px; | ||
| - | -webkit-border-radius: 4px; | ||
| - | -moz-border-radius: 4px; | ||
| - | border-radius: 4px; | ||
| - | -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; | ||
| - | *border-right-width: 2px; | ||
| - | *border-bottom-width: 2px; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li.dropdown ul:before { | ||
| - | content: ''; | ||
| - | display: inline-block; | ||
| - | border-left: 7px solid transparent; | ||
| - | border-right: 7px solid transparent; | ||
| - | border-bottom: 7px solid #ccc; | ||
| - | position: absolute; | ||
| - | top: -7px; | ||
| - | left: 9px; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li.dropdown ul: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: 10px; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li:hover, | ||
| - | #PrimaryMenu ul .dropdown.open { | ||
| - | *z-index: 1000; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li:hover > ul { | ||
| - | display: block; | ||
| - | } | ||
| - | #PrimaryMenu ul .dropdown.open > .dropdown-menu { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu li.dropdown li a { | ||
| - | display: block; | ||
| - | padding: 3px 15px; | ||
| - | clear: both; | ||
| - | font-weight: 400; | ||
| - | color: #555555; | ||
| - | white-space: nowrap; | ||
| - | } | ||
| - | |||
| - | /* 2nd level and below drop down styles */ | ||
| - | #PrimaryMenu ul li.dropdown ul li a .caret { | ||
| - | position: absolute; | ||
| - | right: 8px; | ||
| - | top: 2px; | ||
| - | border-top: 4px solid transparent; | ||
| - | border-left: 4px solid #777; | ||
| - | border-bottom: 4px solid transparent; | ||
| - | opacity: 0.3; | ||
| - | filter: alpha(opacity=30); | ||
| - | content: "%%\%%2193"; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li.dropdown ul li > a:hover > .caret { | ||
| - | border-left: 4px solid #fff; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li.dropdown ul li.dropdown.open > a > .caret { | ||
| - | opacity: 1; | ||
| - | filter: alpha(opacity=100); | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li.dropdown ul li ul { | ||
| - | top: -3px; | ||
| - | left: 157px; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li.dropdown ul li ul:before { | ||
| - | border-top: 7px solid transparent; | ||
| - | border-left: none; | ||
| - | border-right: 7px solid #ccc; | ||
| - | border-bottom: 7px solid transparent; | ||
| - | top: 7px; | ||
| - | left: -7px; | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu ul li.dropdown ul li ul:after { | ||
| - | border-top: 6px solid transparent; | ||
| - | border-left: none; | ||
| - | border-right: 6px solid #fff; | ||
| - | border-bottom: 6px solid transparent; | ||
| - | top: 8px; | ||
| - | left: -6px; | ||
| - | } | ||
| - | |||
| - | /* End Navigation */ | ||
| - | |||
| - | /* Main Categories Menu */ | ||
| - | |||
| - | #HeaderLower #SideCategoryList .SideCategoryListClassic li a { | ||
| - | width: auto; | ||
| - | margin: 15px 10px; | ||
| - | padding: 0 0 0 0px; | ||
| - | font-size: 14px; | ||
| - | line-height: 20px; | ||
| - | text-transform: uppercase; | ||
| - | } | ||
| - | |||
| - | #HeaderLower #SideCategoryList .SideCategoryListClassic li:before { | ||
| - | float: left; | ||
| - | margin-top: 16px; | ||
| - | content: "|"; | ||
| - | } | ||
| - | |||
| - | #HeaderLower #SideCategoryList .SideCategoryListClassic ul:first-child { | ||
| - | color: #fff; | ||
| - | } | ||
| - | |||
| - | /* Horizontal Category List (Default & Flyout) */ | ||
| - | |||
| - | #SideCategoryList h2 { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | /* Logo */ | ||
| - | .header-logo { | ||
| - | float: left; | ||
| - | } | ||
| - | .header-logo a { | ||
| - | display:inline-block; | ||
| - | } | ||
| - | |||
| - | /* Top Search Form */ | ||
| - | |||
| - | #SearchForm{ | ||
| - | position: relative; | ||
| - | float: right; | ||
| - | } | ||
| - | |||
| - | #SearchForm form { | ||
| - | padding: 0; | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | #SearchForm label { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | #SearchForm input { | ||
| - | border-right: 0; | ||
| - | font-size: 13px; | ||
| - | height: 35px; | ||
| - | line-height: 35px; | ||
| - | padding: 0 1em; | ||
| - | margin: 0; | ||
| - | float: left; | ||
| - | width: 80%; | ||
| - | -webkit-box-sizing: border-box; | ||
| - | -moz-box-sizing: border-box; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | |||
| - | #SearchForm input#search_query { | ||
| - | border-width: 0 !important; | ||
| - | } | ||
| - | |||
| - | #SearchForm .Button { | ||
| - | cursor: pointer; | ||
| - | border: 0 !important; | ||
| - | vertical-align: top; | ||
| - | margin: 0; | ||
| - | width: 20%; | ||
| - | height: 35px; | ||
| - | padding: 0; | ||
| - | border-radius: 0px; | ||
| - | -moz-border-radius: 0px; | ||
| - | -webkit-border-radius: 0px; | ||
| - | background: url(../images/searchIcon.png) 50% 50% no-repeat transparent; | ||
| - | -moz-transition: background-color 150ms ease; | ||
| - | -webkit-transition: background-color 150ms ease; | ||
| - | -o-transition: background-color 150ms ease; | ||
| - | transition: background-color 150ms ease; | ||
| - | } | ||
| - | |||
| - | #SearchForm p { | ||
| - | display: none; | ||
| - | font-size: 0.85em; | ||
| - | margin: 5px 0 0 0; | ||
| - | } | ||
| - | |||
| - | /* Select styling */ | ||
| - | |||
| - | select.Field45 { | ||
| - | width: auto; | ||
| - | } | ||
| - | |||
| - | .no-sel { | ||
| - | height: auto; | ||
| - | line-height: inherit; | ||
| - | } | ||
| - | |||
| - | .page-content #LayoutColumn2 a.pname:hover { | ||
| - | background-color: transparent; | ||
| - | } | ||
| - | |||
| - | .header-logo h1 { | ||
| - | font-size: 46px; | ||
| - | font-weight: 300; | ||
| - | padding: 0; | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | /* Buttons */ | ||
| - | |||
| - | .btn { | ||
| - | display: inline-block; | ||
| - | padding: 8px 12px; | ||
| - | margin-bottom: 0; | ||
| - | font-size: 14px; | ||
| - | font-weight: normal; | ||
| - | line-height: 1.428571429; | ||
| - | text-align: center; | ||
| - | white-space: nowrap; | ||
| - | vertical-align: middle; | ||
| - | cursor: pointer; | ||
| - | -webkit-user-select: none; | ||
| - | -moz-user-select: none; | ||
| - | -ms-user-select: none; | ||
| - | -o-user-select: none; | ||
| - | user-select: none; | ||
| - | background-image: none; | ||
| - | border: none; | ||
| - | } | ||
| - | .btn:focus { | ||
| - | outline: thin dotted; | ||
| - | outline: 5px auto -webkit-focus-ring-color; | ||
| - | outline-offset: -2px; | ||
| - | } | ||
| - | .btn:hover, | ||
| - | .btn:focus { | ||
| - | text-decoration: none; | ||
| - | } | ||
| - | .btn:active, | ||
| - | .btn.active { | ||
| - | background-image: none; | ||
| - | outline: 0; | ||
| - | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
| - | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
| - | } | ||
| - | .btn.btn-block { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .btn.text { | ||
| - | background:none; | ||
| - | outline: 0; | ||
| - | } | ||
| - | |||
| - | .btn.btn-link, | ||
| - | .btn.btn-link:hover { | ||
| - | background:none; | ||
| - | } | ||
| - | |||
| - | /* Headings */ | ||
| - | |||
| - | .footer-main h4 { | ||
| - | padding: 0; | ||
| - | font-size: 16px; | ||
| - | font-weight: bold; | ||
| - | text-transform: none; | ||
| - | } | ||
| - | |||
| - | .productPage .PriceRow.p-price { | ||
| - | padding: 15px; | ||
| - | background: #f4f4f4; | ||
| - | font-size: 22px; | ||
| - | } | ||
| - | |||
| - | .productPage .dateselector { | ||
| - | display: inline; | ||
| - | } | ||
| - | |||
| - | .TitleHeading { | ||
| - | font-size: 30px; | ||
| - | margin-bottom: 20px; | ||
| - | padding-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .TitleHeading.zero { | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | |||
| - | /*Standardised Forms*/ | ||
| - | |||
| - | fieldset { | ||
| - | margin: 0 0 20px; | ||
| - | border: 0; | ||
| - | } | ||
| - | |||
| - | /*Horizontal Forms*/ | ||
| - | |||
| - | .horizontal-form input { | ||
| - | margin-right: 1em !important; | ||
| - | } | ||
| - | |||
| - | .horizontal-form fieldset { | ||
| - | margin-right: 20px; | ||
| - | display: inline-block; | ||
| - | } | ||
| - | |||
| - | /* Forms */ | ||
| - | |||
| - | .HorizontalFormContainer { | ||
| - | max-width: 1000px; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dl, | ||
| - | .VerticalFormContainer dl { | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dl:after, | ||
| - | .VerticalFormContainer dl:after { | ||
| - | content: ""; | ||
| - | display: table; | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dt img { | ||
| - | vertical-align: middle; | ||
| - | float: left; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dt .fieldLabel { | ||
| - | float:left; | ||
| - | padding-top: 4px; | ||
| - | padding-left: 4px; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dt { | ||
| - | width: 20%; | ||
| - | float: left; | ||
| - | clear: left; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dd.ProductField { | ||
| - | height: 20px; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dd { | ||
| - | padding-top:4px; | ||
| - | margin-left: 180px; | ||
| - | } | ||
| - | |||
| - | form .HorizontalFormContainer dd { | ||
| - | float: left; | ||
| - | } | ||
| - | |||
| - | .NarrowFormContainer dt { | ||
| - | width: 110px; | ||
| - | } | ||
| - | |||
| - | .NarrowFormContainer dd { | ||
| - | margin-left: 120px; | ||
| - | } | ||
| - | |||
| - | .NarrowFormContainer p.Submit { | ||
| - | margin-left: 120px; | ||
| - | } | ||
| - | |||
| - | .VerticalFormContainer dt { | ||
| - | float: none; | ||
| - | margin-bottom: 6px; | ||
| - | width: auto !important; | ||
| - | } | ||
| - | |||
| - | .VerticalFormContainer dd { | ||
| - | margin-bottom: 25px; | ||
| - | margin-left: 0 !important; | ||
| - | } | ||
| - | |||
| - | /* override inline styles on zip code fields */ | ||
| - | |||
| - | #FormField_13, #FormField_23 { | ||
| - | width: 180px !important; | ||
| - | } | ||
| - | |||
| - | .AddBillingAddress dd .selector, | ||
| - | .AddShippingAddress dd .selector { | ||
| - | width: auto !important; | ||
| - | } | ||
| - | |||
| - | /* Page Containers */ | ||
| - | |||
| - | #ContainerLower { | ||
| - | clear: both; | ||
| - | float: left; | ||
| - | width: 100%; | ||
| - | padding: 0 0 20px 0; | ||
| - | } | ||
| - | |||
| - | /* Outer Content Wrapper (Surrounds header & content) */ | ||
| - | #Outer { | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .centerer { | ||
| - | margin:0 auto; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | input.Textbox, textarea, | ||
| - | input[type="text"], | ||
| - | input[type="password"] { | ||
| - | margin: 0; | ||
| - | height: 35px; | ||
| - | line-height: 35px; | ||
| - | padding: 0 6px; | ||
| - | background: #ffffff; | ||
| - | font-size: 13px; | ||
| - | vertical-align: middle; | ||
| - | -webkit-box-sizing: border-box; | ||
| - | -moz-box-sizing: border-box; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | |||
| - | textarea { | ||
| - | min-height: 100px; | ||
| - | padding: 10px; | ||
| - | line-height: 1.4; | ||
| - | } | ||
| - | |||
| - | /* Left Content Area */ | ||
| - | |||
| - | .Left { | ||
| - | float: left; | ||
| - | padding-right: 20px; | ||
| - | width: 16.666666666666664%; | ||
| - | } | ||
| - | |||
| - | .Left h3 { | ||
| - | padding-top: 0; | ||
| - | font-size: 18px; | ||
| - | } | ||
| - | |||
| - | .Left h4 { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .Left .BlockContent { | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | .Left ul { | ||
| - | margin: 0 0 20px 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .Left li { | ||
| - | clear: both; | ||
| - | list-style: none; | ||
| - | margin: 0 0 5px 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .Left .slist li li a { | ||
| - | font-weight: normal; | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | |||
| - | /* Primary Content Area */ | ||
| - | .Content { | ||
| - | padding: 0 0 20px 0; | ||
| - | min-height: 200px; | ||
| - | } | ||
| - | .Content:before, | ||
| - | .Content:after { | ||
| - | display: table; | ||
| - | content: " "; | ||
| - | } | ||
| - | .Content:after { | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .Content .Block { | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .Block { | ||
| - | margin-top: 0; | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | /* Primary Content Area (column span of 2) */ | ||
| - | .Content.Wide, | ||
| - | #LayoutColumn2 { | ||
| - | float: left; | ||
| - | width: 83.33333333333334%; | ||
| - | } | ||
| - | |||
| - | /* Primary Content Area (column span of 3 - spans entire page width) */ | ||
| - | .Content.Widest { | ||
| - | width: 100%; | ||
| - | } | ||
| - | |||
| - | /* Right Content Area */ | ||
| - | .Right { | ||
| - | float: right; | ||
| - | width: 16.666666666666664%; | ||
| - | } | ||
| - | |||
| - | .Right .Block { | ||
| - | padding: 0 0 10px 0; | ||
| - | } | ||
| - | |||
| - | .Right .BlockContent { | ||
| - | margin: 0 10px 0 10px; | ||
| - | } | ||
| - | |||
| - | .Right ul { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .Right li { | ||
| - | clear: both; | ||
| - | list-style: none; | ||
| - | margin: 0; | ||
| - | padding: 5px 0 7px 0; | ||
| - | } | ||
| - | |||
| - | /* == Side Category List == */ | ||
| - | |||
| - | #SideCategoryList ul { | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | |||
| - | /* == Side Category Popout == */ | ||
| - | |||
| - | #SideCatPopOut { | ||
| - | position: relative; | ||
| - | z-index: 69; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul li { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul li a { | ||
| - | display: block; | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul li a .caret { | ||
| - | display: inline-block; | ||
| - | width: 0; | ||
| - | height: 0; | ||
| - | position: absolute; | ||
| - | right: 8px; | ||
| - | top: 8px; | ||
| - | text-indent: -99999px; | ||
| - | *text-indent: 0; | ||
| - | vertical-align: top; | ||
| - | border-top: 4px solid transparent; | ||
| - | border-left: 4px solid #777; | ||
| - | border-bottom: 4px solid transparent; | ||
| - | opacity: 0.3; | ||
| - | filter: alpha(opacity=30); | ||
| - | content: "%%\%%2193"; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul.category-list > li > a:hover > .caret, | ||
| - | #SideCatPopOut ul.category-list > li.dropdown.open > a > .caret { | ||
| - | opacity: 1; | ||
| - | filter: alpha(opacity=100); | ||
| - | } | ||
| - | |||
| - | /* popout styles */ | ||
| - | #SideCatPopOut ul li ul { | ||
| - | position: absolute; | ||
| - | top: -4px; | ||
| - | left: 100%; | ||
| - | z-index: 1000; | ||
| - | float: left; | ||
| - | display: none; | ||
| - | width: 220px; | ||
| - | padding: 4px 0; | ||
| - | margin: 0; | ||
| - | list-style: none; | ||
| - | background-color: #ffffff; | ||
| - | border: 1px solid #ccc!important; | ||
| - | -webkit-border-radius: 4px; | ||
| - | -moz-border-radius: 4px; | ||
| - | border-radius: 4px; | ||
| - | -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; | ||
| - | *border-right-width: 2px; | ||
| - | *border-bottom-width: 2px; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul li ul:before { | ||
| - | content: ''; | ||
| - | display: inline-block; | ||
| - | border-top: 7px solid transparent; | ||
| - | border-right: 7px solid #ccc; | ||
| - | border-bottom: 7px solid transparent; | ||
| - | position: absolute; | ||
| - | top: 7px; | ||
| - | left: -7px; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul li ul:after { | ||
| - | content: ''; | ||
| - | display: inline-block; | ||
| - | border-top: 6px solid transparent; | ||
| - | border-right: 6px solid #fff; | ||
| - | border-bottom: 6px solid transparent; | ||
| - | position: absolute; | ||
| - | top: 8px; | ||
| - | left: -6px; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul li ul li { | ||
| - | margin: 0px 3px; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul li:hover, | ||
| - | #SideCatPopOut ul .dropdown.open { | ||
| - | *z-index: 1000; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul li a:active, | ||
| - | #SideCatPopOut .dropdown-toggle:active, | ||
| - | #SideCatPopOut .open .dropdown-toggle { | ||
| - | outline: 0; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul li:hover > ul { display: block; } | ||
| - | #SideCatPopOut ul .dropdown.open > .dropdown-menu { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut li li a { | ||
| - | display: block; | ||
| - | padding: 3px 15px; | ||
| - | clear: both; | ||
| - | font-weight: 400; | ||
| - | text-decoration: none; | ||
| - | color: #555555; | ||
| - | white-space: nowrap; | ||
| - | } | ||
| - | |||
| - | /* 2nd level and below drop down styles */ | ||
| - | #SideCatPopOut ul li ul li ul { | ||
| - | left: 220px; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul li ul li > a:hover > .caret { | ||
| - | border-left: 4px solid #fff; | ||
| - | } | ||
| - | |||
| - | #SideCatPopOut ul li ul li.dropdown.open > a > .caret { | ||
| - | opacity: 1; | ||
| - | filter: alpha(opacity=100); | ||
| - | } | ||
| - | |||
| - | /* End Side Category PopOut */ | ||
| - | |||
| - | /* Top Banner styles */ | ||
| - | |||
| - | .Block.banner_home_page_top, | ||
| - | .Block.banner_category_page_top, | ||
| - | .Block.banner_brand_page_top, | ||
| - | .Block.banner_search_page_top { | ||
| - | position: relative; | ||
| - | z-index: 0; | ||
| - | } | ||
| - | |||
| - | .Block.banner_home_page_top *, | ||
| - | .Block.banner_category_page_top *, | ||
| - | .Block.banner_brand_page_top *, | ||
| - | .Block.banner_search_page_top * { | ||
| - | padding: 0; | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | /* Bottom Banner styles */ | ||
| - | |||
| - | .Block.banner_home_page_bottom, | ||
| - | .Block.banner_category_page_bottom, | ||
| - | .Block.banner_brand_page_bottom, | ||
| - | .Block.banner_search_page_bottom { | ||
| - | position: relative; | ||
| - | left: 0; | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | |||
| - | .Block.banner_home_page_bottom div, | ||
| - | .Block.banner_category_page_bottom div, | ||
| - | .Block.banner_brand_page_bottom div, | ||
| - | .Block.banner_search_page_bottom div { | ||
| - | float: left; | ||
| - | width: 320px; | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | .Block.banner_home_page_bottom div, | ||
| - | .Block.banner_category_page_bottom div, | ||
| - | .Block.banner_brand_page_bottom div, | ||
| - | .Block.banner_search_page_bottom div { | ||
| - | margin-left: 10px; | ||
| - | } | ||
| - | |||
| - | .Block.banner_home_page_bottom div:first-child, | ||
| - | .Block.banner_category_page_bottom div:first-child, | ||
| - | .Block.banner_brand_page_bottom div:first-child, | ||
| - | .Block.banner_search_page_bottom div:first-child { | ||
| - | margin-left: 0; | ||
| - | } | ||
| - | |||
| - | .Block.banner_home_page_bottom div .text, | ||
| - | .Block.banner_category_page_bottom div .text, | ||
| - | .Block.banner_brand_page_bottom div .text, | ||
| - | .Block.banner_search_page_bottom div .text { | ||
| - | position: absolute; | ||
| - | top: 35px; | ||
| - | left: 15px; | ||
| - | width: 200px; | ||
| - | z-index: 99; | ||
| - | } | ||
| - | |||
| - | .Block.banner_home_page_bottom div .text h2, | ||
| - | .Block.banner_category_page_bottom div .text h2, | ||
| - | .Block.banner_brand_page_bottom div .text h2, | ||
| - | .Block.banner_search_page_bottom div .text h2 { | ||
| - | font-size: 2.7em; | ||
| - | line-height: 1em; | ||
| - | margin-bottom: 12px; | ||
| - | } | ||
| - | |||
| - | .Block.banner_home_page_bottom div .text h3, | ||
| - | .Block.banner_category_page_bottom div .text h3, | ||
| - | .Block.banner_brand_page_bottom div .text h3, | ||
| - | .Block.banner_search_page_bottom div .text h3 { | ||
| - | font-size: 1.6em; | ||
| - | line-height: 1em; | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .Block.banner_home_page_bottom div .text p, | ||
| - | .Block.banner_category_page_bottom div .text p, | ||
| - | .Block.banner_brand_page_bottom div .text p, | ||
| - | .Block.banner_search_page_bottom div .text p { | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .image-container-centered { | ||
| - | display: table-cell; | ||
| - | vertical-align: middle; | ||
| - | text-align: center; | ||
| - | float: none !important; | ||
| - | } | ||
| - | |||
| - | .category-featured .image-container-centered { | ||
| - | width: 320px; | ||
| - | height: 264px; | ||
| - | } | ||
| - | |||
| - | .category-featured .image-container-centered img { | ||
| - | max-width: 320px; | ||
| - | max-height: 264px; | ||
| - | } | ||
| - | |||
| - | .category-featured h3 { | ||
| - | text-transform: uppercase; | ||
| - | } | ||
| - | |||
| - | /* Contains links lists & newsletter */ | ||
| - | |||
| - | .footer-columns li ul, | ||
| - | .footer-columns li:hover ul { | ||
| - | display: none !important; | ||
| - | } | ||
| - | |||
| - | .footer-columns .RecentNews li p { | ||
| - | margin: 5px 0; | ||
| - | } | ||
| - | |||
| - | /* Newsletter Subscription Form */ | ||
| - | |||
| - | .newsletter-subscription { | ||
| - | border-width: 1px 0; | ||
| - | border-style: solid; | ||
| - | } | ||
| - | |||
| - | .newsletter-subscription h4 { | ||
| - | margin-top: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .newsletter-subscription .container { | ||
| - | padding-top: 20px; | ||
| - | padding-bottom: 5px; | ||
| - | } | ||
| - | |||
| - | .newsletter-subscription form { | ||
| - | margin-top: 7px; | ||
| - | } | ||
| - | |||
| - | .newsletter-subscription label { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .newsletter-subscription input { | ||
| - | width: 100%; | ||
| - | } | ||
| - | |||
| - | /* News Lists */ | ||
| - | |||
| - | #HomeRecentBlogs ul { | ||
| - | padding-left: 0; | ||
| - | margin-left: 0; | ||
| - | } | ||
| - | |||
| - | #HomeRecentBlogs li { | ||
| - | list-style: none; | ||
| - | padding: 5px 0 5px 10px; | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | #LowerRight .FeedLink { | ||
| - | float: left; | ||
| - | margin: 6px 4px 0 0; | ||
| - | } | ||
| - | |||
| - | /* Product Listings */ | ||
| - | |||
| - | .ProductList { | ||
| - | margin: 0 0 0 -20px; | ||
| - | font-size: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .ProductList li { | ||
| - | display: inline-block; | ||
| - | *display: inline; | ||
| - | *zoom: 1; | ||
| - | padding: 0 0 20px 20px; | ||
| - | list-style: none; | ||
| - | height: auto !important; | ||
| - | margin: 0; | ||
| - | font-size: 14px; | ||
| - | width: 25%; | ||
| - | vertical-align: top; | ||
| - | text-align: center; | ||
| - | -webkit-box-sizing: border-box; | ||
| - | -moz-box-sizing: border-box; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | |||
| - | .ProductList li .ProductCompareButton { | ||
| - | font-size: 11px; | ||
| - | margin: 10px 0; | ||
| - | text-transform: uppercase; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .ProductList.List .ProductActionAdd { | ||
| - | text-align: left; | ||
| - | } | ||
| - | |||
| - | .ProductList .ProductPriceRating { | ||
| - | padding-bottom: 5px; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .ProductList .ProductActionAdd { | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .ProductList .ProductImage, | ||
| - | .brand-img, | ||
| - | #ProductDetails .ProductThumbImage { | ||
| - | overflow: hidden; | ||
| - | text-align: center; | ||
| - | display: table; | ||
| - | table-layout: fixed; | ||
| - | width: 100%; | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | .ProductList .ProductImage a, | ||
| - | .ProductThumbImage a { | ||
| - | display: table-cell; | ||
| - | width: 100%; | ||
| - | vertical-align: middle; | ||
| - | line-height: 0; | ||
| - | } | ||
| - | |||
| - | .ProductList .ProductImage img, | ||
| - | #ProductDetails .ProductThumbImage img { | ||
| - | max-height: 100%; | ||
| - | max-width: 100%; | ||
| - | line-height: 1.5em; /* If the image takes a while to load or doesn't load at all the alt text will display. This spaces this text. */ | ||
| - | } | ||
| - | |||
| - | .ProductList .ProductDetails { | ||
| - | padding: 10px 0 0 0; | ||
| - | word-wrap: break-word; | ||
| - | -webkit-box-sizing: content-box; | ||
| - | -moz-box-sizing: content-box; | ||
| - | box-sizing: content-box; | ||
| - | } | ||
| - | |||
| - | .ProductList em { | ||
| - | display: block; | ||
| - | padding-bottom: 5px; | ||
| - | font-style: normal; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .ProductList .Rating { | ||
| - | display: block; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .ProductList .pname { | ||
| - | display: block; | ||
| - | padding-bottom: 5px; | ||
| - | line-height: 18px; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .ProductList .p-name { | ||
| - | font-size: 14px; | ||
| - | font-weight: 600; | ||
| - | margin-bottom: 10px; | ||
| - | padding-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | #SimilarMultiProductsByCustomerViews .ProductList li { | ||
| - | width: 20%; | ||
| - | } | ||
| - | |||
| - | /* Product Listings - Horizontal */ | ||
| - | |||
| - | .List.ProductList li .ProductPriceRating { | ||
| - | padding: 8px 10% 0 0; | ||
| - | width: auto; | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | .List.ProductList li .ProductCompareButton { | ||
| - | width: auto; | ||
| - | clear: none; | ||
| - | padding: 0 20px 0 0; | ||
| - | margin: 5px 0 0 0; | ||
| - | } | ||
| - | |||
| - | .List.ProductList li .ProductCompareButton { | ||
| - | padding-top: 7px; | ||
| - | } | ||
| - | |||
| - | .ProductList.List { | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | .ProductList.List li { | ||
| - | display: block; | ||
| - | margin-bottom: 0; | ||
| - | padding: 0; | ||
| - | position: relative; | ||
| - | width: auto; | ||
| - | text-align: left; | ||
| - | } | ||
| - | |||
| - | .ProductList.List .ProductImage { | ||
| - | float: left; | ||
| - | width: 190px; | ||
| - | } | ||
| - | |||
| - | .ProductList.List .ProductDetails { | ||
| - | padding: 20px; | ||
| - | overflow: hidden; | ||
| - | } | ||
| - | |||
| - | .ProductList.List .QuickViewBtn { | ||
| - | text-align: center; | ||
| - | width: 170px; | ||
| - | } | ||
| - | |||
| - | .ProductList.List .ProductQty { | ||
| - | margin-left: 10px; | ||
| - | } | ||
| - | |||
| - | .ProductList.List .ProductDescription { | ||
| - | font-style: normal; | ||
| - | margin-top: 5px; | ||
| - | } | ||
| - | |||
| - | .ProductList .ProductRightCol { | ||
| - | float: right; | ||
| - | } | ||
| - | |||
| - | .ProductList.List li .ProductCompareButton { | ||
| - | text-align: left; | ||
| - | margin-top: 10px; | ||
| - | } | ||
| - | |||
| - | /* Add to cart popup __master overrides */ | ||
| - | |||
| - | .fastCartContent { | ||
| - | min-height: 0; | ||
| - | width: auto; | ||
| - | } | ||
| - | |||
| - | #fastCartContainer .ProductList .ProductImage { | ||
| - | height: auto; /* Have to keep to override master */ | ||
| - | width: 100%; /* Have to keep to override master */ | ||
| - | } | ||
| - | |||
| - | .SubBrandListGrid .RowDivider { | ||
| - | display: none!important; | ||
| - | } | ||
| - | |||
| - | .brand-img { | ||
| - | float: left; | ||
| - | width: 100%; | ||
| - | padding: 5px 0; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .brand-img img { | ||
| - | width: auto; | ||
| - | } | ||
| - | |||
| - | .Left .ProductList li, | ||
| - | .Right .ProductList li { | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .Left .ProductList .ProductImage, .Right .ProductList .ProductImage { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | /* Top Seller Block Specific */ | ||
| - | |||
| - | .Right .TopSellers, .Left .TopSellers { | ||
| - | clear: both; | ||
| - | padding: 0 0 10px 0; | ||
| - | } | ||
| - | |||
| - | .Right .TopSellers ul, .Left .TopSellers ul { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .Right .TopSellers li, .Left .TopSellers li { | ||
| - | clear: both; | ||
| - | margin: 0 0 5px 0; | ||
| - | } | ||
| - | |||
| - | .Right .TopSellers li .TopSellerNumber, .Left .TopSellers li .TopSellerNumber { /* Contains the number of the item */ | ||
| - | float: left; | ||
| - | width: 22px; | ||
| - | font-size: 1.3em; | ||
| - | text-align: center; | ||
| - | padding: 1px 0 2px 0; | ||
| - | } | ||
| - | |||
| - | /* Contains the details of the item */ | ||
| - | .Right .TopSellers .ProductDetails, .Left .TopSellers .ProductDetails { | ||
| - | margin: 0; | ||
| - | margin-left: 28px; | ||
| - | } | ||
| - | |||
| - | .Right .TopSellers li.TopSeller1 img, .Left .TopSellers li.TopSeller1 img { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .Right .TopSellers li.TopSeller1 .ProductImage, | ||
| - | .Left .TopSellers li.TopSeller1 .ProductImage { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .Content .TopSellers li.TopSeller1 .TopSellerNumber, | ||
| - | .Content .TopSellers li .TopSellerNumber { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | /* Page Breadcrumbs */ | ||
| - | |||
| - | .Breadcrumb { | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .Breadcrumb ul { | ||
| - | list-style-type: none; | ||
| - | margin: 0 0 20px 0; | ||
| - | padding-left: 0; | ||
| - | overflow: hidden; | ||
| - | width: 100%; | ||
| - | } | ||
| - | |||
| - | .Breadcrumb li { | ||
| - | list-style-type: none; | ||
| - | font-size: 11px; | ||
| - | font-weight: 300; | ||
| - | padding: 0 12px 0 0; | ||
| - | display: block; | ||
| - | float: left; | ||
| - | background: none; | ||
| - | } | ||
| - | |||
| - | .Breadcrumb li a { | ||
| - | padding-right: 18px; | ||
| - | background: url(../images/icon_bullet_breadcrumb.png) no-repeat 100% 50%; | ||
| - | display: inline-block; | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | |||
| - | .top-title { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | .top-title h2 { | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | .productlist-page .top-title{ | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | |||
| - | /* Helpers */ | ||
| - | |||
| - | .hide-visually { | ||
| - | overflow: hidden; | ||
| - | position: absolute !important; | ||
| - | width: 1px; | ||
| - | height: 1px; | ||
| - | margin: -1px; | ||
| - | padding: 0; | ||
| - | border: 0; | ||
| - | clip: rect(0 0 0 0); | ||
| - | } | ||
| - | |||
| - | .cf:after { | ||
| - | content: ""; | ||
| - | display: table; | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | /* It is added because the app is generating the class 'ClearLeft'*/ | ||
| - | |||
| - | .ClearLeft{ | ||
| - | clear: left; | ||
| - | } | ||
| - | |||
| - | /* Miscellaneous Definitions */ | ||
| - | |||
| - | .Left .FeedLink, | ||
| - | .Right .FeedLink { | ||
| - | float: left; | ||
| - | margin: 0 7px 0 0; | ||
| - | } | ||
| - | |||
| - | .Content .FeedLink { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .SortBox { | ||
| - | font-size: 0.95em; | ||
| - | color: @primary-color; | ||
| - | padding: 12px 5px 0 0; | ||
| - | } | ||
| - | |||
| - | .SortBox label { | ||
| - | text-transform: uppercase; | ||
| - | } | ||
| - | |||
| - | .CompareButton { | ||
| - | text-align: right; | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .Required { | ||
| - | color: red; | ||
| - | } | ||
| - | |||
| - | .ShippingAddressList, | ||
| - | .ShippingAddressList li { | ||
| - | list-style: none; | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .ShippingAddressList li { | ||
| - | width: 30%; | ||
| - | float: left; | ||
| - | margin-right: 10px; | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | #ProductDetails h1 { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | font-size: 20px; | ||
| - | word-wrap: break-word; | ||
| - | } | ||
| - | |||
| - | .PrimaryProductDetails .BrandName { | ||
| - | padding: 0; | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .PrimaryProductDetails .ProductThumb { | ||
| - | width: auto !important; | ||
| - | height: auto !important; | ||
| - | margin-bottom: 20px; | ||
| - | text-align: center; | ||
| - | } | ||
| - | .PrimaryProductDetails .ProductThumb .ProductThumbImage .zoomPad { | ||
| - | float: none; | ||
| - | display: inline-block; | ||
| - | *display: inline; | ||
| - | *zoom: 1; | ||
| - | } | ||
| - | |||
| - | .PrimaryProductDetails .ProductMain { | ||
| - | overflow: hidden; | ||
| - | padding: 0 0 20px 20px; | ||
| - | float: right; | ||
| - | width: 60%; | ||
| - | -webkit-box-sizing: border-box; | ||
| - | -moz-box-sizing: border-box; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | |||
| - | .PrimaryProductDetails .ProductThumb p a { | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | |||
| - | .ProductDescription, .ProductReviews, .ProductsByCategory, .ProductOtherDetails { | ||
| - | margin-top: 20px; | ||
| - | } | ||
| - | |||
| - | .PrimaryProductDetails dl { | ||
| - | font-size: 0.90em; | ||
| - | } | ||
| - | |||
| - | .PrimaryProductDetails dt { | ||
| - | font-weight: bold; | ||
| - | width: 80px; | ||
| - | clear: left; | ||
| - | } | ||
| - | |||
| - | .PrimaryProductDetails dd { | ||
| - | margin-left: 90px; | ||
| - | } | ||
| - | |||
| - | .Right hr { | ||
| - | margin: 5px 0 0; | ||
| - | } | ||
| - | |||
| - | .ComparisonCheckbox { | ||
| - | float: left; | ||
| - | } | ||
| - | |||
| - | .SideRecentlyViewed .ProductList li { | ||
| - | margin-left: 0; | ||
| - | } | ||
| - | |||
| - | .SideRecentlyViewed .ProductDetails { | ||
| - | margin-left: 20px; | ||
| - | } | ||
| - | |||
| - | /* Product Comparisons */ | ||
| - | |||
| - | .ComparisonTable { | ||
| - | table-layout: fixed; | ||
| - | width: 100%; | ||
| - | } | ||
| - | |||
| - | .ComparisonTable img { | ||
| - | max-height: 100%; | ||
| - | max-width: 100%; | ||
| - | } | ||
| - | |||
| - | .ComparisonTable td { | ||
| - | font-size: 14px; | ||
| - | padding: 10px; | ||
| - | vertical-align: center; | ||
| - | } | ||
| - | |||
| - | .CompareFieldName { | ||
| - | width: 95px; | ||
| - | padding: 8px 10px 8px 15px; | ||
| - | } | ||
| - | |||
| - | .CompareFieldTop { | ||
| - | padding: 5px; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .CompareFieldTop a { | ||
| - | font-size: 14px; | ||
| - | } | ||
| - | |||
| - | .CompareLeft { | ||
| - | padding:5px 10px 5px 10px; | ||
| - | } | ||
| - | |||
| - | .CompareCenter { | ||
| - | padding: 5px; | ||
| - | } | ||
| - | |||
| - | .CompareRating { | ||
| - | text-align:center; | ||
| - | padding-top:8px; | ||
| - | vertical-align:middle; | ||
| - | } | ||
| - | |||
| - | .CompareProductOption { | ||
| - | margin-left:20px; | ||
| - | padding-left:5px; | ||
| - | } | ||
| - | |||
| - | .Availability { | ||
| - | color:gray; | ||
| - | } | ||
| - | |||
| - | .LittleNote { | ||
| - | color:gray; | ||
| - | font-size: 0.85em; | ||
| - | } | ||
| - | |||
| - | .ViewCartLink { | ||
| - | padding-left: 30px; | ||
| - | padding-top: 10px; | ||
| - | padding-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | /* General Tables */ | ||
| - | |||
| - | table.General, | ||
| - | table.CartContents, | ||
| - | table.General { | ||
| - | margin: 20px 0; | ||
| - | width: 100%; | ||
| - | } | ||
| - | |||
| - | table.General thead tr th, | ||
| - | table.CartContents thead tr th { | ||
| - | padding: 6px 10px; | ||
| - | text-align: left; | ||
| - | } | ||
| - | |||
| - | table.General tbody td, | ||
| - | table.CartContents tbody td { | ||
| - | vertical-align: top; | ||
| - | } | ||
| - | |||
| - | table.General tbody tr.First td { | ||
| - | border-top: 0; | ||
| - | } | ||
| - | |||
| - | /* == Cart Contents Table == */ | ||
| - | |||
| - | .CartContents tbody td { | ||
| - | border-bottom: 0; | ||
| - | } | ||
| - | .CartContents .ProductName a { | ||
| - | font-weight:700; | ||
| - | } | ||
| - | |||
| - | .CartContents tbody tr td { | ||
| - | padding: 20px; | ||
| - | } | ||
| - | |||
| - | .CartContents tfoot .SubTotal td { | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | |||
| - | .cart-wrap { | ||
| - | padding: 0px 20px 20px; | ||
| - | background: #f8f8f8; | ||
| - | border: 3px solid #ddd; | ||
| - | } | ||
| - | |||
| - | .cart-wrap table.CartContents { | ||
| - | margin-top: 0; | ||
| - | border: none; | ||
| - | } | ||
| - | |||
| - | .CartContents thead, | ||
| - | .CartContents thead tr th, | ||
| - | table.General thead tr th { | ||
| - | background: none; | ||
| - | border: none; | ||
| - | } | ||
| - | .cart-wrap table.CartContents > tbody > tr { | ||
| - | border: 1px solid #ddd; | ||
| - | } | ||
| - | .cart-wrap table.CartContents tbody tr td { | ||
| - | background: #fff; | ||
| - | } | ||
| - | .cart-wrap table.CartContents tbody tr td a { | ||
| - | text-decoration: none; | ||
| - | } | ||
| - | .cart-wrap table.CartContents tbody tr td a:hover { | ||
| - | text-decoration: none; | ||
| - | } | ||
| - | .cart-wrap table.CartContents tbody tr td .productAttributes { | ||
| - | margin-top: 10px; | ||
| - | } | ||
| - | .cart-wrap .ProductPrice { | ||
| - | font-style: normal; | ||
| - | } | ||
| - | |||
| - | .CartContents tfoot .gtotal.SubTotal td, | ||
| - | .CartContents tfoot .gtotal.SubTotal td .ProductPrice { | ||
| - | font-size: 22px; | ||
| - | } | ||
| - | .CartContents tfoot .gtotal.SubTotal td .ProductPrice { | ||
| - | display: inline-block; | ||
| - | padding-left: 10px; | ||
| - | } | ||
| - | |||
| - | /* Cart Codes */ | ||
| - | |||
| - | .CartCode { | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | .CartCode .CouponCode, | ||
| - | .CartCode .GiftCertificate { | ||
| - | float: none; | ||
| - | width: auto; | ||
| - | } | ||
| - | .CartCode .code-item { | ||
| - | padding: 15px; | ||
| - | background: #fff; | ||
| - | border: 1px dashed #ddd; | ||
| - | } | ||
| - | .CartCode .code-item h3 { | ||
| - | margin-bottom: 10px; | ||
| - | font-size: 18px; | ||
| - | font-weight: 600; | ||
| - | } | ||
| - | |||
| - | .ProductOptionList, | ||
| - | .ProductOptionList li { | ||
| - | list-style: none; | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .ProductOptionList li { | ||
| - | margin-bottom: 3px; | ||
| - | margin-left: 2px; | ||
| - | } | ||
| - | |||
| - | .MiniCart h3 { | ||
| - | font-size: 1.3em; | ||
| - | } | ||
| - | .MiniCart .SubTotal { | ||
| - | text-align: center; | ||
| - | font-size: 1.1em; | ||
| - | } | ||
| - | |||
| - | .JustAddedProduct { | ||
| - | width: 128px; | ||
| - | overflow: hidden; | ||
| - | margin: auto; | ||
| - | text-align: center; | ||
| - | padding: 5px; | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .JustAddedProduct strong, | ||
| - | .JustAddedProduct a { | ||
| - | font-size: 1em; | ||
| - | font-weight: normal; | ||
| - | display: block; | ||
| - | margin-bottom: 3px; | ||
| - | } | ||
| - | |||
| - | .JustAddedProduct .ProductDetails { | ||
| - | font-size: 1.2em; | ||
| - | padding-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .CategoryPagination .PagingList, | ||
| - | .CategoryPagination .PagingList li { | ||
| - | list-style: none; | ||
| - | padding: 0; | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | .CategoryPagination{ | ||
| - | float: left; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .CategoryPagination .PagingList li { | ||
| - | display: inline; | ||
| - | } | ||
| - | |||
| - | /* Quick Search */ | ||
| - | .QuickSearch { | ||
| - | background-color: #fff; | ||
| - | margin: 0; | ||
| - | min-width: 400px; | ||
| - | position: absolute; | ||
| - | top: 100%; | ||
| - | right: 0; | ||
| - | width: 100%; | ||
| - | z-index: 9999; | ||
| - | } | ||
| - | |||
| - | .RatingIMG { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .QuickSearchTitle td, .QuickSearchAllResults td { | ||
| - | font-weight: bold; | ||
| - | padding: 4px; | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | |||
| - | .QuickSearchResult td { | ||
| - | font-size: 12px; | ||
| - | padding: 0 10px; | ||
| - | cursor: pointer; | ||
| - | } | ||
| - | |||
| - | .QuickSearchResultImage { | ||
| - | margin-left: 4px; | ||
| - | margin-right: 10px; | ||
| - | text-align: center; | ||
| - | background: #fff !important; | ||
| - | } | ||
| - | |||
| - | .QuickSearchResultNoImage { | ||
| - | padding-top: 10px; | ||
| - | color: #777; | ||
| - | } | ||
| - | |||
| - | .QuickSearchResultName { | ||
| - | display: block; | ||
| - | padding-bottom: 5px; | ||
| - | } | ||
| - | |||
| - | .QuickSearchResult .Price { | ||
| - | font-weight: bold; | ||
| - | font-size: 12px; | ||
| - | padding-right: 5px; | ||
| - | } | ||
| - | |||
| - | .QuickSearchHover{ | ||
| - | background: #D6D6D6; | ||
| - | } | ||
| - | |||
| - | .QuickSearchAllResults { | ||
| - | text-indent: 0; | ||
| - | padding: 0; | ||
| - | line-height: 20px; | ||
| - | } | ||
| - | |||
| - | .QuickSearch .QuickSearchAllResults a, | ||
| - | .QuickSearch .QuickSearchAllResults a:hover { | ||
| - | height: 30px; | ||
| - | line-height: 30px; | ||
| - | display: inline-block; | ||
| - | } | ||
| - | |||
| - | .QuickSearchAllResults a:active, | ||
| - | .QuickSearchAllResults a { | ||
| - | outline: none; | ||
| - | -moz-outline-style: none; | ||
| - | } | ||
| - | |||
| - | /* Brand Tag Clouds */ | ||
| - | .BrandCloud .smallest { | ||
| - | font-size:12px; | ||
| - | } | ||
| - | |||
| - | .BrandCloud .small { | ||
| - | font-size:15px; | ||
| - | } | ||
| - | |||
| - | .BrandCloud .medium { | ||
| - | font-size:18px; | ||
| - | } | ||
| - | |||
| - | .BrandCloud .large { | ||
| - | font-size:20px; | ||
| - | } | ||
| - | |||
| - | .BrandCloud .largest { | ||
| - | font-size:26px; | ||
| - | } | ||
| - | |||
| - | .BrandCloud a { | ||
| - | padding-right: 5px; | ||
| - | } | ||
| - | |||
| - | .DownloadExpires { | ||
| - | padding-top: 3px; | ||
| - | font-style: italic; | ||
| - | color: gray; | ||
| - | } | ||
| - | |||
| - | .DownloadExpiresToday { | ||
| - | color: red; | ||
| - | } | ||
| - | |||
| - | .CheckoutRedeemCoupon h4 { | ||
| - | margin-top: 0; | ||
| - | } | ||
| - | |||
| - | .CheckoutRedeemCoupon p { | ||
| - | margin-top: 10px; | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | |||
| - | .BillingDetails { | ||
| - | float: left; | ||
| - | width: 48%; | ||
| - | margin-right: 10px; | ||
| - | margin-bottom: 15px; | ||
| - | } | ||
| - | |||
| - | .ShippingDetails { | ||
| - | float: left; | ||
| - | width: 48%; | ||
| - | margin-bottom: 15px; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid .DetailRow.product-heading { | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid dt { | ||
| - | width: 140px; | ||
| - | margin-bottom: 6px; | ||
| - | float: left; | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid dd { | ||
| - | margin-left: 140px; | ||
| - | margin-bottom: 6px; | ||
| - | } | ||
| - | |||
| - | .SubCategoryList { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .SubCategoryList ul, | ||
| - | .SubCategoryList li { | ||
| - | margin-left: 0; | ||
| - | } | ||
| - | .SubCategoryList li a { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | /*# MOBILE SUBCAT MENU #*/ | ||
| - | .SubCategoryList.mobile { | ||
| - | color: #999; | ||
| - | display: none; | ||
| - | } | ||
| - | .SubCategoryList.mobile * { | ||
| - | -moz-box-sizing: border-box; | ||
| - | -webkit-box-sizing: border-box; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | .SubCategoryList.mobile .selector { | ||
| - | height: auto; | ||
| - | width: 100%; | ||
| - | } | ||
| - | .SubCategoryList.mobile span { | ||
| - | height: auto | ||
| - | } | ||
| - | |||
| - | .SearchTips .Examples { | ||
| - | padding: 8px; | ||
| - | color: #555; | ||
| - | margin-left: 30px; | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .ProductDetails .ProductThumb p { | ||
| - | margin-top: 10px; | ||
| - | font-size: 0.9em; | ||
| - | } | ||
| - | |||
| - | .ProductReviewList { | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .ProductReviewList li { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .ProductReviewList li:last-child { | ||
| - | border: 0; | ||
| - | } | ||
| - | |||
| - | .ReviewTitle img { | ||
| - | margin-left: 10px; | ||
| - | } | ||
| - | |||
| - | .SoldOut { | ||
| - | color: #999; | ||
| - | } | ||
| - | |||
| - | .AddToWishlistLink { | ||
| - | position: relative; | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | .AddToWishlistLink .wishlist-button { | ||
| - | position: absolute; | ||
| - | top: -70px; | ||
| - | left: 165px; | ||
| - | font-weight: bold; | ||
| - | cursor: pointer; | ||
| - | color: @primary-color; | ||
| - | background: #fff; | ||
| - | border: 0; | ||
| - | } | ||
| - | |||
| - | /* sizing and positioning of the inside part of a swatch */ | ||
| - | |||
| - | .productOptionPickListSwatch .thumbnail, | ||
| - | .productOptionPickListSwatch .swatchColour { | ||
| - | display: inline-block; | ||
| - | width: 30px !important; | ||
| - | height: 30px !important; | ||
| - | } | ||
| - | |||
| - | .productOptionPickListSwatch ul { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .productOptionPickListSwatch li .validation { | ||
| - | top: 5px; | ||
| - | left: 5px; | ||
| - | } | ||
| - | |||
| - | .productOptionPickListSwatch .textureContainer, | ||
| - | .productOptionPickListSwatch .swatchColours { | ||
| - | display: inline-block !important; | ||
| - | margin: 0 !important; | ||
| - | padding: 2px !important; | ||
| - | } | ||
| - | |||
| - | .productAttributeValue { | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .ShippingProviderList li { | ||
| - | list-style: none; | ||
| - | margin: 0 0 10px 0; | ||
| - | } | ||
| - | |||
| - | .GoogleCheckout p, | ||
| - | .PayPalExpressCheckout p, | ||
| - | .AlternativeCheckout p { | ||
| - | margin: 0; | ||
| - | float: none !important; | ||
| - | } | ||
| - | |||
| - | /** Top Right Locale Chooser (list of flags) **/ | ||
| - | |||
| - | .TopMenu li.Flag div { | ||
| - | border: 0; | ||
| - | } | ||
| - | |||
| - | .TopMenu li.Flag img { | ||
| - | margin: 3px; | ||
| - | } | ||
| - | |||
| - | .TopMenu li.Flag img.Last { | ||
| - | margin-right: 0px; | ||
| - | } | ||
| - | |||
| - | .TopMenu li.Flag img.Selected { | ||
| - | margin: 1px 3px; | ||
| - | } | ||
| - | |||
| - | /** Currency Selector **/ | ||
| - | |||
| - | .CurrencyList dl { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .CurrencyList dd { | ||
| - | margin: 0px; | ||
| - | background-color: #F9F9F9; | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .CurrencyList a { | ||
| - | display: block; | ||
| - | padding: 5px 10px; | ||
| - | font-size: 11px; | ||
| - | } | ||
| - | |||
| - | .selected-currency .Flag, | ||
| - | .CurrencyList a .Flag { | ||
| - | float: left; | ||
| - | margin-top: 1px; | ||
| - | } | ||
| - | |||
| - | .CurrencyList a .Text { | ||
| - | display: block; | ||
| - | padding-left: 16px; | ||
| - | } | ||
| - | |||
| - | .currency-converter { | ||
| - | cursor: pointer; | ||
| - | position: relative; | ||
| - | text-align: left; | ||
| - | z-index: 60; | ||
| - | } | ||
| - | |||
| - | .currency-converter:hover .CurrencyChooser { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .currency-converter p { | ||
| - | color: #b3b3b3; | ||
| - | font-size: 11px; | ||
| - | margin: 0; | ||
| - | } | ||
| - | .currency-converter p img { | ||
| - | margin-left: 5px; | ||
| - | position: relative; | ||
| - | top: 1px | ||
| - | } | ||
| - | |||
| - | .CurrencyChooser { | ||
| - | display: none; | ||
| - | position: absolute; | ||
| - | float: left; | ||
| - | right: 0; | ||
| - | top: 100%; | ||
| - | padding: 15px; | ||
| - | background: #ffffff; | ||
| - | min-width: 150px; | ||
| - | } | ||
| - | |||
| - | .CurrencyChooser h2 { | ||
| - | font-size: 13px; | ||
| - | font-weight:normal; | ||
| - | padding: 0 0 10px 0; | ||
| - | } | ||
| - | |||
| - | .CurrencyChooser a span { | ||
| - | font-size: 11px; | ||
| - | line-height: 22px; | ||
| - | } | ||
| - | |||
| - | .CurrencyList a .Text { | ||
| - | padding-left: 27px; | ||
| - | } | ||
| - | |||
| - | .selected-currency { | ||
| - | cursor: pointer; | ||
| - | padding: 10px 20px 10px 9px !important; | ||
| - | background: url(../images/icon_arrow_down.png) no-repeat 95% center; | ||
| - | } | ||
| - | .TopMenu .selected-currency { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .selected-currency span { | ||
| - | font-size: 11px; | ||
| - | } | ||
| - | |||
| - | .CurrencyChooser .BlockContent { | ||
| - | position: relative; | ||
| - | margin-top: -1px; | ||
| - | } | ||
| - | |||
| - | .CurrencyChooser .BlockContent .CurrencyList { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .PrimaryProductDetails .YouSave { | ||
| - | font-weight: bold; | ||
| - | margin-top: 3px; | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | /* == Product Tabs == */ | ||
| - | |||
| - | .TabNav:before, | ||
| - | .TabNav:after { | ||
| - | content: " "; | ||
| - | display: table; | ||
| - | } | ||
| - | |||
| - | .TabNav:after { | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .TabNav { | ||
| - | *zoom: 1; | ||
| - | } | ||
| - | |||
| - | .TabNav, .TabNav li { | ||
| - | list-style: none; | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .TabNav li { | ||
| - | float: left; | ||
| - | margin-left: 8px; | ||
| - | cursor: pointer; /* for social share tabs on order.html */ | ||
| - | } | ||
| - | |||
| - | .TabNav li:first-child { | ||
| - | margin-left: 0; | ||
| - | } | ||
| - | |||
| - | .TabNav li a { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .TabNav li a, | ||
| - | #share-product .TabNav li { | ||
| - | padding: 8px 10px; | ||
| - | background: #E5E5E5; | ||
| - | font-size: 14px; | ||
| - | font-weight: 700; | ||
| - | text-decoration: none; | ||
| - | color: #222; | ||
| - | } | ||
| - | |||
| - | .TabNav li a:hover { | ||
| - | text-decoration: none; | ||
| - | } | ||
| - | |||
| - | .TabNav li a:hover, | ||
| - | .TabNav li.Active a, | ||
| - | #share-product .TabNav li.active { | ||
| - | background: #F4F4F4; | ||
| - | color: #222; | ||
| - | } | ||
| - | |||
| - | .TabPanels, | ||
| - | #tabcontent.TabPanels { | ||
| - | margin-bottom: 20px; | ||
| - | padding: 10px 10px; | ||
| - | background: #F4F4F4; | ||
| - | /* for social share tabs on order.html */ | ||
| - | border: none; | ||
| - | -webkit-border-radius: 0; | ||
| - | -moz-border-radius: 0; | ||
| - | border-radius: 0; | ||
| - | } | ||
| - | |||
| - | .TabPanels .Block { | ||
| - | margin: 10px 0; | ||
| - | } | ||
| - | |||
| - | /* Shipping Estimation on Cart Contents Page */ | ||
| - | |||
| - | .EstimateShipping { | ||
| - | padding: 20px !important; | ||
| - | } | ||
| - | |||
| - | .EstimateShipping dt { | ||
| - | width: 100px; | ||
| - | float: left; | ||
| - | margin-bottom: 8px; | ||
| - | clear: left; | ||
| - | } | ||
| - | |||
| - | .EstimateShipping dd { | ||
| - | margin-bottom: 8px; | ||
| - | font-weight: normal; | ||
| - | margin-left: 114px; | ||
| - | } | ||
| - | |||
| - | .EstimateShipping p.Submit { | ||
| - | margin: 20px 0 0 0; | ||
| - | } | ||
| - | |||
| - | .EstimateShipping label { | ||
| - | display: block; | ||
| - | margin-bottom: 5px; | ||
| - | } | ||
| - | |||
| - | .EstimatedShippingMethods { | ||
| - | clear: both; | ||
| - | padding: 20px 0 0 0 !important; | ||
| - | text-align: left; | ||
| - | } | ||
| - | |||
| - | .EstimatedShippingMethods table { | ||
| - | margin: 0 !important; | ||
| - | } | ||
| - | |||
| - | .ShippingMethodList { | ||
| - | padding: 0 !important; | ||
| - | } | ||
| - | |||
| - | .EstimatedShippingMethods table { | ||
| - | width: 100%; | ||
| - | border-collapse: collapse; | ||
| - | } | ||
| - | |||
| - | .EstimatedShippingMethods .VendorShipping { | ||
| - | margin-left: 20px; | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .EstimatedShippingMethods .Submit { | ||
| - | text-align: right; | ||
| - | } | ||
| - | |||
| - | .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td { | ||
| - | text-align: left; | ||
| - | } | ||
| - | |||
| - | .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price { | ||
| - | text-align: right; | ||
| - | } | ||
| - | |||
| - | .SharePublicWishList { | ||
| - | padding:5px; | ||
| - | } | ||
| - | |||
| - | /* Express Checkout */ | ||
| - | .ExpressCheckoutBlock .ExpressCheckoutTitle { | ||
| - | position: relative; | ||
| - | margin: 0 0 20px 0; | ||
| - | padding: 10px; | ||
| - | cursor: auto; | ||
| - | font-weight: bold; | ||
| - | text-transform: uppercase; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutBlock h3 a { | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutBlock .ExpressCheckoutCompletedContent { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent { | ||
| - | display: inline; | ||
| - | font-size: 12px; | ||
| - | font-weight: normal; | ||
| - | font-style: normal; | ||
| - | top: 0; | ||
| - | padding: 22px; | ||
| - | white-space: nowrap; | ||
| - | text-transform: none; | ||
| - | color: #bebebe; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutBlockCollapsed .ExpressCheckoutContent { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | a.ChangeLink { | ||
| - | position: absolute; | ||
| - | right: 15px; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutBlock a.ChangeLink { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutBlockCompleted a.ChangeLink { | ||
| - | display: inline; | ||
| - | top: auto; | ||
| - | right: 20px; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutCompletedContent { | ||
| - | position: absolute; | ||
| - | left: 350px; | ||
| - | } | ||
| - | |||
| - | .LoadingIndicator { | ||
| - | margin-left: 10px; | ||
| - | } | ||
| - | |||
| - | .LoadingIndicator img { | ||
| - | vertical-align: middle; | ||
| - | margin-right: 10px; | ||
| - | } | ||
| - | |||
| - | .HeaderLiveChat img { | ||
| - | vertical-align: middle; | ||
| - | } | ||
| - | |||
| - | .SubCategoryListGrid { | ||
| - | border-bottom: 1px solid #d6d6d6; | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .SubCategoryListGrid ul, | ||
| - | .SubCategoryListGrid li { | ||
| - | list-style: none; | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | .SubCategoryListGrid .sub-cat-name { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .SubCategoryListGrid > ul li { | ||
| - | display: inline-block; | ||
| - | margin: 0 20px 20px 0; | ||
| - | vertical-align: bottom; | ||
| - | text-align: center; | ||
| - | width: 150px; | ||
| - | } | ||
| - | |||
| - | .SubCategoryListGrid > ul li img { | ||
| - | max-width: 100% | ||
| - | } | ||
| - | |||
| - | .SubCategoryListGrid ol { | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .SubBrandList ul, | ||
| - | .SubBrandList li { | ||
| - | list-style: none; | ||
| - | margin-left: 0; | ||
| - | } | ||
| - | |||
| - | .SubBrandList li { | ||
| - | margin-bottom: 4px; | ||
| - | padding-left: 25px; | ||
| - | background: url('../images/SubBrand.gif') no-repeat 3px 50%; | ||
| - | } | ||
| - | |||
| - | .SubBrandListGrid ul, | ||
| - | .SubBrandListGrid li { | ||
| - | list-style: none; | ||
| - | margin-left: 0; | ||
| - | } | ||
| - | |||
| - | .SubBrandListGrid li { | ||
| - | margin-bottom: 4px; | ||
| - | margin-right: 20px; | ||
| - | background: #fff; | ||
| - | float: left; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .SubBrandListGrid ol { | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .ProductAddToCart dt { | ||
| - | float: left; | ||
| - | font-weight: bold; | ||
| - | width: 140px; | ||
| - | margin-bottom: 4px; | ||
| - | } | ||
| - | |||
| - | .ProductAddToCart dd { | ||
| - | margin-left: 140px; | ||
| - | margin-bottom: 4px; | ||
| - | } | ||
| - | |||
| - | .ProductAddToCart.cannot-purchase .add-to-cart { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .ProductAddToCart dt div.Required, | ||
| - | #CartEditProductFieldsForm dt div.Required { | ||
| - | width: 8px; | ||
| - | } | ||
| - | |||
| - | .ProductAddToCart textarea, | ||
| - | #CartEditProductFieldsForm textarea { | ||
| - | width:183px; | ||
| - | height: 50px; | ||
| - | } | ||
| - | |||
| - | .CartContents .CartProductFieldsLink { | ||
| - | font-size: 11px; | ||
| - | color: #666; | ||
| - | margin-top: 6px; | ||
| - | padding-left: 22px; | ||
| - | background: url('../images/GiftWrappingAvailable.png') no-repeat; | ||
| - | padding-bottom: 4px; | ||
| - | } | ||
| - | |||
| - | .ProductFields dd { | ||
| - | margin-bottom: 4px; | ||
| - | } | ||
| - | |||
| - | .ProductFields { | ||
| - | margin-bottom: 15px; | ||
| - | } | ||
| - | |||
| - | .ProductFields input.Textbox { | ||
| - | width:100%; | ||
| - | } | ||
| - | |||
| - | .ProductFields TextArea { | ||
| - | width:100%; | ||
| - | } | ||
| - | |||
| - | .CartContents .CartProductFieldsRow { | ||
| - | border-top: 0; | ||
| - | } | ||
| - | |||
| - | .CartContents .CartProductFieldsRow dl { | ||
| - | margin-top:15px; | ||
| - | } | ||
| - | |||
| - | p.QuantityInput, | ||
| - | p.AddCartButton { | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .ProductAddToCart dt.QuantityInput { | ||
| - | margin-top: 4px; | ||
| - | } | ||
| - | |||
| - | .ProductAddToCart dd.AddCartButton span { | ||
| - | margin-top: 4px; | ||
| - | padding-right: 5px; | ||
| - | } | ||
| - | |||
| - | .TagList { | ||
| - | margin-top: 20px; | ||
| - | } | ||
| - | |||
| - | .CartThumb { | ||
| - | text-align: center; | ||
| - | width: 1px; | ||
| - | } | ||
| - | |||
| - | .WrappingOptions { | ||
| - | font-size: 11px; | ||
| - | color: #666; | ||
| - | margin-top: 6px; | ||
| - | padding-left: 22px; | ||
| - | background: url('../images/GiftWrappingAvailable.png') no-repeat; | ||
| - | padding-bottom: 4px; | ||
| - | line-height: 1.6; | ||
| - | } | ||
| - | |||
| - | .ViewAllLink a { | ||
| - | padding-top: 10px; | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .SelectGiftWrapMultiple { | ||
| - | /*max-height: 400px;*/ | ||
| - | } | ||
| - | |||
| - | /* Tabbed Navigation */ | ||
| - | |||
| - | .ProductAddToCart dd.AddCartButton div.BulkDiscount { | ||
| - | display: inline-block; | ||
| - | float:left; | ||
| - | } | ||
| - | |||
| - | .ProductAddToCart .BulkDiscount { | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .ProductAddToCart .BulkDiscount input { | ||
| - | margin-right: 10px; | ||
| - | } | ||
| - | |||
| - | #VendorLogo .BlockContent, | ||
| - | #VendorPhoto .BlockContent { | ||
| - | margin: 0; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .TransitTime { | ||
| - | font-weight: normal; | ||
| - | color: gray; | ||
| - | } | ||
| - | |||
| - | .ContentList { | ||
| - | list-style-type: none; | ||
| - | margin: 20px 0 0 0; | ||
| - | padding: 0; | ||
| - | list-style-image: none; | ||
| - | } | ||
| - | |||
| - | .ContentList li { | ||
| - | list-style-type: none; | ||
| - | margin: 0 0 10px 0; | ||
| - | padding: 10px 0; | ||
| - | border-top: 0; | ||
| - | } | ||
| - | |||
| - | .OrderItemMessage { | ||
| - | padding:7px; | ||
| - | margin:10px 0px 10px 0px; | ||
| - | } | ||
| - | |||
| - | /* Custom Fields - Start */ | ||
| - | |||
| - | .LittleNotePassword { | ||
| - | color:gray; | ||
| - | font-size: 0.85em; | ||
| - | font-weight: normal; | ||
| - | padding:2px 0px 2px 0; | ||
| - | } | ||
| - | |||
| - | .RequiredClear { | ||
| - | visibility: hidden; | ||
| - | } | ||
| - | |||
| - | /* Custom Fields - End */ | ||
| - | |||
| - | /* Product Details Price */ | ||
| - | |||
| - | .ProductOptionList ul, | ||
| - | .ProductOptionList li { | ||
| - | list-style: none; | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .ProductOptionList li { | ||
| - | margin-bottom: 3px; | ||
| - | } | ||
| - | |||
| - | .ProductOptionList input { | ||
| - | vertical-align: middle; | ||
| - | } | ||
| - | |||
| - | /** Search All Form Result - Start **/ | ||
| - | |||
| - | .SearchPaging { | ||
| - | float: right; | ||
| - | font-size: 0.95em; | ||
| - | } | ||
| - | |||
| - | .SearchSorting { | ||
| - | float: right; | ||
| - | font-size: 0.95em; | ||
| - | margin: 8px 0px; | ||
| - | } | ||
| - | |||
| - | #SearchResultsCategoryAndBrand { | ||
| - | margin: 20px 0; | ||
| - | } | ||
| - | |||
| - | .ContentList em, | ||
| - | .QuickSearchResultMeta em { | ||
| - | font-size: 0.8em; | ||
| - | } | ||
| - | |||
| - | /** Search All Form Result - End **/ | ||
| - | |||
| - | /** AJAX loading box - Start **/ | ||
| - | |||
| - | #AjaxLoading { | ||
| - | background-color: rgba(0,0,0,.5); | ||
| - | color: #fff; | ||
| - | padding: 10px 20px; | ||
| - | display: none; | ||
| - | position: fixed; | ||
| - | text-align: center; | ||
| - | z-index: 10000000000; | ||
| - | line-height: 32px; | ||
| - | left: 0; | ||
| - | right: 0; | ||
| - | } | ||
| - | |||
| - | #AjaxLoading img { | ||
| - | vertical-align: bottom; | ||
| - | margin-right: 5px; | ||
| - | } | ||
| - | |||
| - | /** AJAX loading box - End **/ | ||
| - | |||
| - | /** Product image gallery **/ | ||
| - | |||
| - | #ProductDetails #ImageScrollPrev, | ||
| - | #ProductDetails #ImageScrollNext { | ||
| - | float: left; | ||
| - | background:none; | ||
| - | border:none; | ||
| - | margin-top:16px; | ||
| - | cursor:pointer; | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .ProductTinyImageList img:hover { | ||
| - | cursor: pointer; | ||
| - | } | ||
| - | |||
| - | .ProductTinyImageList ul li div { | ||
| - | display: table-cell; | ||
| - | text-align: center; | ||
| - | border: none 0 !important; | ||
| - | } | ||
| - | |||
| - | #ProductDetails .ProductTinyImageList ul { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | list-style-type: none; | ||
| - | text-align: left; | ||
| - | } | ||
| - | |||
| - | .carousel { | ||
| - | position: relative; | ||
| - | visibility: hidden; | ||
| - | left: -5000px; | ||
| - | width: 180px; | ||
| - | } | ||
| - | |||
| - | /***** Product Attribute List *****/ | ||
| - | |||
| - | /* set up the row for css table-like alignment */ | ||
| - | |||
| - | #QuickViewProductDetails .required, | ||
| - | #QuickViewProductDetails .Required, | ||
| - | .ProductMain .Required, | ||
| - | .required { | ||
| - | color: #be0303 !important; | ||
| - | display: block; | ||
| - | left: -12px; | ||
| - | position: absolute; | ||
| - | top: 0; | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | |||
| - | .ProductMain table.ExpectedReleaseDate { | ||
| - | margin-top: 0; | ||
| - | } | ||
| - | |||
| - | /* position the label in the left-padding area of the row */ | ||
| - | |||
| - | .productAttributeList .productAttributeLabel { | ||
| - | margin: 0 !important; | ||
| - | float: none !important; | ||
| - | width: auto !important; | ||
| - | padding-top: 0 !important; | ||
| - | } | ||
| - | |||
| - | .productAttributeList .productAttributeLabel label { | ||
| - | display: block; | ||
| - | margin-bottom: 10px !important; | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | /* Below is required to overwrite __Master defaults */ | ||
| - | .ProductDetailsGrid .productAttributeList .productAttributeRow, | ||
| - | .ProductDetailsGrid .productAttributeRow { | ||
| - | padding-left: 0; | ||
| - | padding-bottom: 5px; | ||
| - | margin: 0 0 15px 0; | ||
| - | clear: both; | ||
| - | border-bottom: 1px solid #ddd; | ||
| - | } | ||
| - | .productAttributeList .productAttributeRow.productAttributeConfigurableEntryCheckbox { | ||
| - | padding-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .productAttributeList li { | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .productAttributeList ul.list-horizontal { | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | .productOptionViewProductPickListWithImage { | ||
| - | border-color: #ddd !important; | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .productOptionViewProductPickListWithImage .scrollContainer { | ||
| - | max-height: 250px !important; | ||
| - | } | ||
| - | |||
| - | .productOptionViewProductPickListWithImage td { | ||
| - | padding: 10px 5px !important; | ||
| - | vertical-align: middle !important; | ||
| - | } | ||
| - | |||
| - | .productOptionViewRectangle .option label { | ||
| - | background-color: #fff; | ||
| - | padding: 10px !important; | ||
| - | min-width: 30px; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | #tabcontent { | ||
| - | border-radius: 0; | ||
| - | } | ||
| - | |||
| - | #tabcontent .photo { | ||
| - | margin-right: 20px; | ||
| - | float: left; | ||
| - | width: 200px; | ||
| - | } | ||
| - | |||
| - | #tabcontent .photo img { | ||
| - | height: auto; | ||
| - | max-height: 100%; | ||
| - | max-width: 100%; | ||
| - | } | ||
| - | |||
| - | #tabcontent #url { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | ul.tabs li { | ||
| - | border-radius: 0; | ||
| - | } | ||
| - | |||
| - | /* Product Videos */ | ||
| - | |||
| - | .previewImageContainer { | ||
| - | height: 30px; | ||
| - | width: 50px; | ||
| - | } | ||
| - | |||
| - | .videoRow img { | ||
| - | float: left; | ||
| - | padding-right: 5px; | ||
| - | } | ||
| - | |||
| - | .videoRowTitle { | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | |||
| - | .videoRowDescription { | ||
| - | max-height: 50px; | ||
| - | overflow:hidden; | ||
| - | } | ||
| - | |||
| - | .VideoOverlay { | ||
| - | background-image: url('../images/VideoOverlay.png'); | ||
| - | background-position: center center; | ||
| - | position: absolute; | ||
| - | left: 0; | ||
| - | height: 100%; | ||
| - | width: 100%; | ||
| - | top: 0; | ||
| - | } | ||
| - | |||
| - | .VideoContentContainer { | ||
| - | position: relative; | ||
| - | margin-left: 3px; | ||
| - | padding-left: 92px; | ||
| - | } | ||
| - | |||
| - | /** If you change the width of the .VideoPreviewSize class below, change the padding-left of the .VideoContentContainer class above **/ | ||
| - | |||
| - | .VideoPreviewSize { | ||
| - | width: 92px; | ||
| - | height: 69px; | ||
| - | } | ||
| - | |||
| - | .videoRowLength { | ||
| - | padding-left: 4px; | ||
| - | } | ||
| - | |||
| - | .videoRow, | ||
| - | .videoRowTitle, | ||
| - | .videoRow img, | ||
| - | .videoRowLength { | ||
| - | cursor: pointer; | ||
| - | } | ||
| - | |||
| - | #VideoList ul { | ||
| - | position: relative; | ||
| - | overflow-y: auto; | ||
| - | padding:0; | ||
| - | margin: 0; | ||
| - | width: 240px; | ||
| - | height: 265px; | ||
| - | } | ||
| - | |||
| - | .VideoSingleTitle { | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | |||
| - | .VideoSingleDescription { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .Left #VideoMiddleContainer, | ||
| - | .Right #VideoMiddleContainer { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .Content #VideoSideContainer { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | #VideoSideContainer ul { | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | #VideoSideContainer ul li { | ||
| - | margin-bottom: 5px; | ||
| - | } | ||
| - | |||
| - | .VideoSideDescription { | ||
| - | padding: 2px 10px; | ||
| - | } | ||
| - | |||
| - | .VideoImageContainer { | ||
| - | position: relative; | ||
| - | float: left; | ||
| - | } | ||
| - | |||
| - | .ToggleSearchFormLink { | ||
| - | position: relative; | ||
| - | overflow: hidden; | ||
| - | z-index: 2; | ||
| - | } | ||
| - | |||
| - | .Panel#ProductTabs { | ||
| - | padding-top: 0px; | ||
| - | } | ||
| - | |||
| - | .PinterestButtonContainer { | ||
| - | margin: 10px 0; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | /* Accordion for product page | ||
| - | ....................................................................... */ | ||
| - | |||
| - | #prodAccordion .Block { | ||
| - | padding: 0 !important; | ||
| - | margin: 0 !important; | ||
| - | } | ||
| - | |||
| - | .prodAccordionContent { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .current .prodAccordionContent { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | /* Account Menu (horizontal) | ||
| - | ....................................................................... */ | ||
| - | |||
| - | #SideAccountMenu li, | ||
| - | #GiftCertificatesMenu li { | ||
| - | list-style: none; | ||
| - | line-height: 1.2em; | ||
| - | padding: 0 0 10px 0; | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | /* Cart Contents | ||
| - | ....................................................................... */ | ||
| - | |||
| - | .Left #SideCategoryList .SideCategoryListFlyout .sf-shadow ul, | ||
| - | .Right #SideCategoryList .SideCategoryListFlyout .sf-shadow ul { | ||
| - | background: none !important; | ||
| - | } | ||
| - | |||
| - | .inner .Block { | ||
| - | display: block; | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .FeaturedProducts, | ||
| - | .NewProducts, | ||
| - | .TopSellers{ | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | table.General, | ||
| - | table.CartContent, | ||
| - | table.CartContents { | ||
| - | border-collapse: collapse; | ||
| - | } | ||
| - | |||
| - | .CartContents tfoot .SubTotal td { | ||
| - | padding-bottom: 25px; | ||
| - | padding: 0; | ||
| - | border-top: 1px solid #d6d6d6; | ||
| - | border-bottom: 1px solid #d6d6d6; | ||
| - | } | ||
| - | |||
| - | .BlockContent .CartThumb img { | ||
| - | max-width: 100px; | ||
| - | height: auto; | ||
| - | } | ||
| - | |||
| - | #SharingDataWrapper { | ||
| - | height: auto; | ||
| - | } | ||
| - | |||
| - | #SharingDataChoices { | ||
| - | float: none; | ||
| - | } | ||
| - | |||
| - | #SharingDataChoices li { | ||
| - | width: auto; | ||
| - | height: auto; | ||
| - | } | ||
| - | |||
| - | .EstimateShippingButtons { | ||
| - | text-align: right; | ||
| - | } | ||
| - | |||
| - | .EstimateShippingButtons input { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | #uniform-sel_billing_address { | ||
| - | width: auto; | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .left-content { | ||
| - | float: left; | ||
| - | width: 40%; | ||
| - | } | ||
| - | |||
| - | .left-content .ProductList li { | ||
| - | width: 20%; | ||
| - | padding: 0 0 10px 10px; | ||
| - | } | ||
| - | |||
| - | .left-content .ProductList { | ||
| - | margin: 0 0 10px -10px; | ||
| - | } | ||
| - | |||
| - | .left-content .ProductList .ProductImage a { | ||
| - | height: 100px; | ||
| - | } | ||
| - | |||
| - | .left-content .ProductList .ProductDetails { | ||
| - | font-size: 12px; | ||
| - | margin: 0; | ||
| - | padding: 10px 10px 0 0; | ||
| - | word-wrap: break-word; | ||
| - | } | ||
| - | |||
| - | .left-content .ProductList .ProductDetails .pname { | ||
| - | border: solid 0px; | ||
| - | font-size: 12px; | ||
| - | line-height: 17px; | ||
| - | } | ||
| - | |||
| - | .left-content .ProductList .ProductPriceRating { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .left-content .ProductList em.p-price { | ||
| - | font-size: 12px; | ||
| - | padding-left: 0; | ||
| - | padding-left: 0; | ||
| - | padding-top: 0; | ||
| - | margin-top: 0; | ||
| - | } | ||
| - | |||
| - | #recaptcha_area { | ||
| - | max-width: 100%; | ||
| - | margin-right: auto; | ||
| - | } | ||
| - | |||
| - | .PagingList .icon { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .SortBox div.selector, | ||
| - | .SearchSortingSelectContainer div.selector { | ||
| - | padding-top: 0 !important; | ||
| - | padding-bottom: 0 !important; | ||
| - | } | ||
| - | |||
| - | .SortBox div.selector span, | ||
| - | .SearchSortingSelectContainer div.selector span { | ||
| - | height: 35px; | ||
| - | line-height: 35px; | ||
| - | padding-top: 0 !important; | ||
| - | padding-bottom: 0 !important; | ||
| - | } | ||
| - | |||
| - | ul.AccountOrdersList { | ||
| - | list-style: none outside none; | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | list-style-image: none; | ||
| - | } | ||
| - | |||
| - | .AccountOrderStatusList li { | ||
| - | position: relative; | ||
| - | list-style-image: none; | ||
| - | } | ||
| - | |||
| - | #LayoutColumn1 .h3tt { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | #LayoutColumn2 .multiStep { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .banner_category_page_top { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | .banner_category_page_top h2 { | ||
| - | font-weight: normal !important; | ||
| - | line-height: 1.25 !important; | ||
| - | position: relative; | ||
| - | clear: both; | ||
| - | color: #312E29 !important; | ||
| - | display: block; | ||
| - | font-size: 34px !important; | ||
| - | font-weight: 600 !important; | ||
| - | text-transform: uppercase !important; | ||
| - | bottom: 75px; | ||
| - | left: 50px; | ||
| - | position: absolute; | ||
| - | } | ||
| - | |||
| - | .CartContents tfoot .gtotal.SubTotal td { | ||
| - | font-size: 17px; | ||
| - | text-transform: uppercase; | ||
| - | } | ||
| - | |||
| - | .CartContents .ProductPrice { | ||
| - | font-style: normal; | ||
| - | } | ||
| - | |||
| - | .HowToPay, | ||
| - | .NotifyMessage { | ||
| - | margin: 0 0 15px 0; | ||
| - | background: none repeat scroll 0 0 #fff; | ||
| - | padding: 20px; | ||
| - | border-radius: 0; | ||
| - | } | ||
| - | |||
| - | .HowToPay p { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .OrderItem1 .selector, | ||
| - | .OrderItem2 .selector { | ||
| - | width: 75px; | ||
| - | } | ||
| - | |||
| - | .BlockContent img { | ||
| - | max-width: 100%; | ||
| - | height: auto; | ||
| - | } | ||
| - | |||
| - | /* == Features Box == */ | ||
| - | |||
| - | .features-box { | ||
| - | } | ||
| - | .features-box .features-item { | ||
| - | margin-bottom: 15px; | ||
| - | } | ||
| - | .features-box .features-item img { | ||
| - | float: left; | ||
| - | } | ||
| - | .features-box .features-item p { | ||
| - | float: left; | ||
| - | width: 119px; | ||
| - | margin: 0 0 0 10px; | ||
| - | font-size: 15px; | ||
| - | } | ||
| - | .features-box .features-item p span { | ||
| - | display: block; | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | |||
| - | .body-cart .features-box { | ||
| - | margin-top: 70px; | ||
| - | } | ||
| - | .body-checkout .features-box { | ||
| - | margin-top: 45px; | ||
| - | } | ||
| - | |||
| - | /* recapcha */ | ||
| - | |||
| - | .recaptchatable .recaptcha_image_cell center { | ||
| - | height: auto !important; | ||
| - | } | ||
| - | |||
| - | .recaptchatable .recaptcha_image_cell center img { | ||
| - | height: auto !important; | ||
| - | max-width: 238px !important; | ||
| - | } | ||
| - | |||
| - | .recaptchatable #recaptcha_response_field { | ||
| - | width: 220px !important; | ||
| - | } | ||
| - | |||
| - | .recaptchatable #recaptcha_image { | ||
| - | height: auto !important; | ||
| - | width: auto !important; | ||
| - | } | ||
| - | |||
| - | .recaptchatable .recaptcha_image_cell { | ||
| - | width: 240px !important; | ||
| - | } | ||
| - | |||
| - | .recaptchatable #recaptcha_response_field { | ||
| - | width: 220px !important; | ||
| - | } | ||
| - | |||
| - | #recaptcha_reload_btn { | ||
| - | display: block; | ||
| - | background: url(../images/recapRefresh.png) 0 0 no-repeat !important; | ||
| - | } | ||
| - | |||
| - | #recaptcha_reload_btn img { | ||
| - | visibility: hidden; | ||
| - | } | ||
| - | |||
| - | #recaptcha_switch_audio_btn { | ||
| - | display: block; | ||
| - | background: url(../images/recapAudio.png) 0 0 no-repeat !important; | ||
| - | } | ||
| - | #recaptcha_switch_audio_btn img { | ||
| - | visibility: hidden; | ||
| - | } | ||
| - | |||
| - | #recaptcha_whatsthis_btn { | ||
| - | display: block; | ||
| - | background: url(../images/recapHelp.png) 0 0 no-repeat !important; | ||
| - | } | ||
| - | |||
| - | #recaptcha_whatsthis_btn img { | ||
| - | visibility: hidden;isibility: hidden; | ||
| - | } | ||
| - | |||
| - | .zoomWindow { | ||
| - | left: 0 !important; | ||
| - | top: -1px !important; | ||
| - | } | ||
| - | .zoomWrapper { | ||
| - | position: relative; | ||
| - | z-index: 110; | ||
| - | } | ||
| - | |||
| - | #PageMenu { | ||
| - | position: relative; | ||
| - | z-index: 10; | ||
| - | } | ||
| - | |||
| - | /* fancybox */ | ||
| - | |||
| - | #fancy_bg { | ||
| - | display: none !important; | ||
| - | } | ||
| - | |||
| - | #fancy_content { | ||
| - | padding-top: 0 !important; | ||
| - | } | ||
| - | |||
| - | #fancy_close { | ||
| - | background: url("../images/icon-close.png") no-repeat scroll 0 0 transparent !important; | ||
| - | height: 11px !important; | ||
| - | top: 10px !important; | ||
| - | right: 10px !important; | ||
| - | text-indent: 999px; | ||
| - | width: 12px !important; | ||
| - | } | ||
| - | |||
| - | .PageMenu h4 { | ||
| - | display: none !important; | ||
| - | } | ||
| - | |||
| - | #ModalOverlay { | ||
| - | background: #000 !important; | ||
| - | opacity: 0.7 !important; | ||
| - | } | ||
| - | |||
| - | #ModalContentContainer { | ||
| - | box-shadow: none !important; | ||
| - | -webkit-border-radius: 0px !important; | ||
| - | -moz-border-radius: 0px !important; | ||
| - | border-radius: 0px !important; | ||
| - | background: #fff; | ||
| - | |||
| - | } | ||
| - | |||
| - | #ModalContent, | ||
| - | .ModalContent { | ||
| - | padding: 20px !important; | ||
| - | border: none!important; | ||
| - | font-size: inherit; | ||
| - | } | ||
| - | |||
| - | #ModalContent:after, | ||
| - | .ModalContent:after { | ||
| - | content: ""; | ||
| - | display: table; | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | #ModalButtonRow, .ModalButtonRow { | ||
| - | background: none !important; | ||
| - | border: none !important; | ||
| - | padding: 15px !important; | ||
| - | height: auto !important; | ||
| - | } | ||
| - | |||
| - | #ModalContainer .modalClose { | ||
| - | top: 10px !important; | ||
| - | right: 11px !important; | ||
| - | padding-right: 0 !important; | ||
| - | } | ||
| - | |||
| - | .ModalButtonRow input { | ||
| - | font-weight: normal !important; | ||
| - | } | ||
| - | |||
| - | .AddBillingAddress dt, | ||
| - | .AddShippingAddress dt { | ||
| - | clear: none; | ||
| - | } | ||
| - | |||
| - | .AddBillingAddress dd, | ||
| - | .AddShippingAddress dd { | ||
| - | margin: 0; | ||
| - | padding: 0 0 20px 15px !important; | ||
| - | float: left; | ||
| - | width: 30%; | ||
| - | min-height: 40px; | ||
| - | } | ||
| - | |||
| - | .Content .Button, | ||
| - | .form .Button { | ||
| - | display: inline-block; | ||
| - | } | ||
| - | |||
| - | .QuickSearch tbody tr { | ||
| - | display: block; | ||
| - | padding: 10px; | ||
| - | } | ||
| - | |||
| - | .QuickSearch tbody tr td { | ||
| - | border: none; | ||
| - | vertical-align: text-top; | ||
| - | } | ||
| - | |||
| - | .QuickSearch tbody tr.QuickSearchResult:hover { | ||
| - | background-color: #ededed; | ||
| - | } | ||
| - | |||
| - | .QuickSearchResult .QuickSearchResultImage { | ||
| - | width: 70px; | ||
| - | height: 65px; | ||
| - | vertical-align: middle; | ||
| - | text-align: center; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | /* inner */ | ||
| - | |||
| - | .inner #CategoryPagingTop, | ||
| - | .inner #CategoryPagingBottom { | ||
| - | float: left; | ||
| - | width: auto; | ||
| - | clear: none; | ||
| - | } | ||
| - | |||
| - | .inner #CategoryPagingTop { | ||
| - | padding-left: 20px; | ||
| - | } | ||
| - | |||
| - | .PagingList { | ||
| - | float: left; | ||
| - | } | ||
| - | |||
| - | .CategoryPagination .PagingList li { | ||
| - | padding: 0 5px; | ||
| - | } | ||
| - | |||
| - | .CategoryPagination .PagingList a { | ||
| - | color: #b4b4b4; | ||
| - | } | ||
| - | |||
| - | .CategoryPagination .PagingList a:hover { | ||
| - | color: #312E29 ; | ||
| - | } | ||
| - | |||
| - | .inner #CategoryHeading { | ||
| - | float: none; | ||
| - | width: auto; | ||
| - | clear: none; | ||
| - | } | ||
| - | |||
| - | .SortBox, | ||
| - | .SearchSorting { | ||
| - | font-size: 13px; | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .SortBox label, | ||
| - | .SearchSorting label { | ||
| - | float: left; | ||
| - | font-size: 12px; | ||
| - | padding: 1px 10px 0 0; | ||
| - | } | ||
| - | |||
| - | .SortBox div.selector, | ||
| - | .SearchSorting div.selector { | ||
| - | float: right; | ||
| - | line-height: 37px; | ||
| - | min-height: 37px !important; | ||
| - | padding: 0; | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | |||
| - | div.selector select { | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | |||
| - | #uniform-revrating { | ||
| - | width: 200px !important; | ||
| - | } | ||
| - | |||
| - | .SortBox div.selector span, | ||
| - | .SearchSorting div.selector span { | ||
| - | background: #ffffff; | ||
| - | margin-right: 23px; | ||
| - | line-height: 35px; | ||
| - | height: 35px; | ||
| - | padding-right: 10px; | ||
| - | } | ||
| - | |||
| - | .FormContainer .box { | ||
| - | display: block; | ||
| - | clear: both; | ||
| - | width: 100%; | ||
| - | float: left; | ||
| - | padding: 20px 0 40px 0; | ||
| - | } | ||
| - | |||
| - | .FormContainer .box dt { | ||
| - | width: 232px; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dt { | ||
| - | text-align: left; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dt, | ||
| - | .HorizontalFormContainer dd { | ||
| - | line-height: 36px; | ||
| - | padding-bottom: 20px; | ||
| - | font-size: 13px; | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dd .selector span { | ||
| - | font-weight: normal; | ||
| - | font-size: 13px; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dt p, | ||
| - | .HorizontalFormContainer dd p { | ||
| - | font-weight: normal; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dd { | ||
| - | padding: 0 0 20px 0; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer p.Submit { | ||
| - | padding-top:20px; | ||
| - | } | ||
| - | |||
| - | #ProductReviews .form dt, | ||
| - | #ProductReviews .form dd { | ||
| - | float: left; | ||
| - | clear: both; | ||
| - | width: 100%; | ||
| - | padding: 5px 0 0 0; | ||
| - | text-align: left; | ||
| - | } | ||
| - | |||
| - | #ProductReviews .form dd { | ||
| - | padding-bottom: 15px; | ||
| - | } | ||
| - | |||
| - | #ProductReviews .btn { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | #ProductReviews p.Submit { | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | |||
| - | #message_content { | ||
| - | height: 240px; | ||
| - | } | ||
| - | |||
| - | .UtilityLinks { | ||
| - | float: left; | ||
| - | width: 100%; | ||
| - | clear: both; | ||
| - | margin: 20px 0 5px 0; | ||
| - | } | ||
| - | |||
| - | ul.ShippingAddressList h4 { | ||
| - | display: block; | ||
| - | clear: both; | ||
| - | padding-bottom: 8px; | ||
| - | } | ||
| - | |||
| - | table thead tr th, | ||
| - | table.General thead tr th, | ||
| - | table.CartContents thead tr th, | ||
| - | table tbody tr td, | ||
| - | table.General tbody tr td, | ||
| - | table.CartContents tbody tr td { | ||
| - | padding: 20px 10px; | ||
| - | } | ||
| - | |||
| - | table tbody tr td, | ||
| - | table.General tbody tr td, | ||
| - | table, | ||
| - | table.General, | ||
| - | table.CartContents { | ||
| - | margin: 20px 0; | ||
| - | } | ||
| - | |||
| - | /* == Checkout == */ | ||
| - | |||
| - | .body-checkout .PrimaryMenu-wrap { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | a.ChangeLink { | ||
| - | top: 12px; | ||
| - | right: 10px; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutContent { | ||
| - | padding: 0 0 20px 20px; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutContent .CreateAccount, | ||
| - | .ExpressCheckoutContent .AccountLogin { | ||
| - | float: left; | ||
| - | width: 46%; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutContent .CreateAccount { | ||
| - | padding-right: 2%; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutContent .AccountLogin { | ||
| - | padding-left: 2%; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutContent .AccountLogin dd { | ||
| - | float: none; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutContent .CreateAccount .HorizontalFormContainer dt, | ||
| - | .ExpressCheckoutContent .AccountLogin .HorizontalFormContainer dt { | ||
| - | text-align: left; | ||
| - | padding-bottom: 0; | ||
| - | clear: none; | ||
| - | float: none; | ||
| - | width: auto; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutContent .CreateAccount .HorizontalFormContainer dd, | ||
| - | .ExpressCheckoutContent .AccountLogin .HorizontalFormContainer dd { | ||
| - | padding-bottom: 0; | ||
| - | margin-left: 0; | ||
| - | } | ||
| - | |||
| - | #CheckoutStepConfirmation .SubTotal td strong, | ||
| - | #CheckoutStepConfirmation .SubTotal td em { | ||
| - | display: block; | ||
| - | padding-top: 0; | ||
| - | } | ||
| - | |||
| - | #CheckoutStepConfirmation .SubTotal .Block { | ||
| - | margin-bottom: 0; | ||
| - | } | ||
| - | |||
| - | #CheckoutStepConfirmation .SubTotal.st td { | ||
| - | border-top: 1px solid #d6d6d6; | ||
| - | border-bottom: 1px solid #d6d6d6; | ||
| - | } | ||
| - | |||
| - | /* == Checkout Wrap == */ | ||
| - | |||
| - | .checkout-wrap { | ||
| - | margin-bottom: 20px; | ||
| - | padding: 20px 20px 20px; | ||
| - | background: #f8f8f8; | ||
| - | border: 3px solid #ddd; | ||
| - | } | ||
| - | |||
| - | .HorizontalFormContainer dd { | ||
| - | font-weight: 400; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutBlock.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle { | ||
| - | background: #fff; | ||
| - | color: #333; | ||
| - | } | ||
| - | |||
| - | #CheckoutStepConfirmation .SubTotal td strong, | ||
| - | #CheckoutStepConfirmation .SubTotal td em { | ||
| - | font-style: normal; | ||
| - | } | ||
| - | |||
| - | .AccountMessageList { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | list-style: none; | ||
| - | } | ||
| - | |||
| - | .AccountMessageList li { | ||
| - | padding: 0 0 20px 0; | ||
| - | margin: 0; | ||
| - | border-bottom: 1px solid #d6d6d6; | ||
| - | } | ||
| - | |||
| - | .AccountMessageList .by { | ||
| - | position: relative; | ||
| - | display: block; | ||
| - | padding: 0 0 0 25px; | ||
| - | } | ||
| - | |||
| - | .AccountMessageList .by img { | ||
| - | position: absolute; | ||
| - | left: 0; | ||
| - | top: 2px; | ||
| - | } | ||
| - | |||
| - | .AccountMessageList blockquote { | ||
| - | margin-left: 0; | ||
| - | padding-top: 5px; | ||
| - | } | ||
| - | |||
| - | .AccountOrderStatusList { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | list-style: none; | ||
| - | } | ||
| - | |||
| - | .Meta { | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | |||
| - | .OrderItemList { | ||
| - | margin: 10px 60px; | ||
| - | } | ||
| - | |||
| - | .AccountOrderStatusList li { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | .li-list { | ||
| - | padding: 20px 0; | ||
| - | border-bottom: 1px solid #d6d6d6; | ||
| - | } | ||
| - | |||
| - | .AccountOrderStatusList .box1 { | ||
| - | padding: 0 10px 0 20px; | ||
| - | } | ||
| - | |||
| - | .btns { | ||
| - | position: absolute; | ||
| - | right: 0; | ||
| - | top: 10px; | ||
| - | float: left; | ||
| - | z-index: 2; | ||
| - | color: #5e5c5c; | ||
| - | font-size: 13px; | ||
| - | line-height: 28px; | ||
| - | font-weight: normal; | ||
| - | } | ||
| - | |||
| - | .btns form { | ||
| - | display: inline; | ||
| - | float: right; | ||
| - | } | ||
| - | |||
| - | .btns span.FloatRight { | ||
| - | padding: 0 5px; | ||
| - | } | ||
| - | |||
| - | .btns .btn-clear { | ||
| - | float: left; | ||
| - | clear: none; | ||
| - | } | ||
| - | |||
| - | .bg-gray { | ||
| - | float: left; | ||
| - | padding: 20px; | ||
| - | width: 90%; | ||
| - | background: #ededed; | ||
| - | display: block; | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .ShippingMethodList table { | ||
| - | clear: both; | ||
| - | padding-top: 20px; | ||
| - | width: 100%; | ||
| - | } | ||
| - | |||
| - | .ShippingMethodList table td { | ||
| - | padding: 15px 10px 10px 10px!important; | ||
| - | } | ||
| - | |||
| - | .CartItemQuantity div.selector span, | ||
| - | .DetailRow.qty .selector span { | ||
| - | margin: 0px 0 0 0; | ||
| - | line-height: 20px; | ||
| - | height: 20px; | ||
| - | } | ||
| - | |||
| - | .CartRemoveLink { | ||
| - | float: right; | ||
| - | width: 20px; | ||
| - | height: 20px; | ||
| - | margin-top: 2px; | ||
| - | background: url(../images/icon_sprite.png) no-repeat -46px -46px; | ||
| - | } | ||
| - | |||
| - | .SubTotal td { | ||
| - | padding: 20px 0 0 0; | ||
| - | } | ||
| - | |||
| - | .ProceedToCheckout, | ||
| - | .KeepShopping { | ||
| - | text-align: right; | ||
| - | } | ||
| - | |||
| - | .ProceedToCheckout .PayPalExpressCheckout p { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .ProceedToCheckout .FloatRight, | ||
| - | .ProceedToCheckout .FloatLeft { | ||
| - | float: none !important; | ||
| - | } | ||
| - | |||
| - | .ProceedToCheckout.btm { | ||
| - | padding: 0 20px 30px 20px; | ||
| - | } | ||
| - | |||
| - | .ProceedToCheckout .CheckoutButton { | ||
| - | padding-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .boxin { | ||
| - | display: block; | ||
| - | width: 100%; | ||
| - | padding: 20px 0; | ||
| - | border-bottom: 1px solid #6a6a6a; | ||
| - | } | ||
| - | |||
| - | .boxin .mtop { | ||
| - | margin-top: 20px; | ||
| - | } | ||
| - | |||
| - | .GiftCertificateThemeList label { | ||
| - | float: left; | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | /* == Product Page == */ | ||
| - | |||
| - | #ProductDetails .ProductTinyImageList ul li { | ||
| - | background-color: #fff; | ||
| - | border: 0 none !important; | ||
| - | display: inline-block; | ||
| - | margin: 0 10px 0 0; | ||
| - | padding: 0; | ||
| - | list-style-image: none; | ||
| - | } | ||
| - | |||
| - | #ProductDetails .ProductTinyImageList ul li a { | ||
| - | display: block; | ||
| - | padding: 0 !important; | ||
| - | } | ||
| - | |||
| - | #ProductDetails .ProductTinyImageList { | ||
| - | white-space: nowrap; | ||
| - | overflow: hidden; | ||
| - | float:left; | ||
| - | } | ||
| - | |||
| - | .ImageCarouselBox { | ||
| - | padding-left: 0!important; | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .productOptionPickListSwatch ul { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | list-style: none; | ||
| - | } | ||
| - | |||
| - | #ProductDetails #ImageScrollPrev, | ||
| - | #ProductDetails #ImageScrollNext { | ||
| - | margin-top: 35px; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid .DetailRow, .ProductDetailsGrid .s-price { | ||
| - | margin-bottom: 15px; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid .DetailRow { | ||
| - | padding-bottom: 15px; | ||
| - | border-bottom: 1px solid #ddd; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid .DetailRow .BrandName { | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid .DetailRow.nop { | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid .DetailRow.product-rating { | ||
| - | padding: 5px 0 15px; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid .Label, | ||
| - | .ProductAddToCart .productAttributeLabel { | ||
| - | font-weight: bold; | ||
| - | margin: 0 0 10px 0; | ||
| - | line-height: 20px; | ||
| - | text-align: left !important; | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid .Label { | ||
| - | float: left; | ||
| - | width: 20%; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid .s-price .YouSave { | ||
| - | font-weight: 300; | ||
| - | margin: 0 0 10px 0; | ||
| - | } | ||
| - | |||
| - | .ProductDetailsGrid .DetailRow.RetailPrice { | ||
| - | width: auto; | ||
| - | overflow: hidden; | ||
| - | } | ||
| - | |||
| - | .DetailRow.RetailPrice .Label { | ||
| - | margin: 0 10px 0 0; | ||
| - | } | ||
| - | |||
| - | .OutOfStockMessage { | ||
| - | display: none; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .OutOfStockMessage p { | ||
| - | padding-left: 25px; | ||
| - | } | ||
| - | |||
| - | .OutOfStockMessage .CurrentlySoldOut { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | .icon-outofstock { | ||
| - | position: absolute; | ||
| - | float: left; | ||
| - | width: 14px; | ||
| - | height: 14px; | ||
| - | left: 0; | ||
| - | top: 3px; | ||
| - | background: url(../images/icon-outofstock.png) no-repeat 0 0; | ||
| - | } | ||
| - | |||
| - | /* Share Buttons */ | ||
| - | |||
| - | .product-share .PinterestButtonContainer { | ||
| - | float: left; | ||
| - | margin: 0; | ||
| - | text-align: left; | ||
| - | } | ||
| - | |||
| - | .product-share .AddThisButtonBox { | ||
| - | float: left; | ||
| - | margin: 3px 0 0 !important; | ||
| - | } | ||
| - | |||
| - | /* Product Accordion */ | ||
| - | |||
| - | #prodAccordion { | ||
| - | clear: both; | ||
| - | padding-bottom: 30px; | ||
| - | } | ||
| - | |||
| - | #prodAccordion .current .subtitle { | ||
| - | background: url(../images/icon_arrow_down.png) no-repeat right center; | ||
| - | } | ||
| - | |||
| - | #prodAccordion .subtitle { | ||
| - | margin: 0; | ||
| - | border: solid 0px; | ||
| - | font-size: 16px; | ||
| - | font-weight: 700; | ||
| - | padding: 15px 30px 15px 0; | ||
| - | float: none; | ||
| - | background: url(../images/icon_arrow_left.png) no-repeat right center; | ||
| - | cursor: pointer; | ||
| - | } | ||
| - | |||
| - | .prodAccordionContent { | ||
| - | border-top: 0px solid #EAEAEA; | ||
| - | } | ||
| - | |||
| - | /* == Fast Cart == */ | ||
| - | |||
| - | #fastCartContainer .ProductList { | ||
| - | margin: 0 10px 0 -20px; | ||
| - | } | ||
| - | |||
| - | #fastCartContainer .ProductList li, | ||
| - | #home #fastCartContainer .ProductList li { | ||
| - | height: auto !important; | ||
| - | margin: 0; | ||
| - | padding: 0 0 0 20px; | ||
| - | width: 25%; | ||
| - | } | ||
| - | |||
| - | #fastCartContainer .ProductList li .ProductPriceRating { | ||
| - | margin-top: 0; | ||
| - | } | ||
| - | |||
| - | .fastCartThumb, | ||
| - | .fastCartItemBox, | ||
| - | .fastCartSummaryBox { | ||
| - | width: 33.333333%; | ||
| - | max-width: none; | ||
| - | float: left; | ||
| - | -webkit-box-sizing: border-box; | ||
| - | -moz-box-sizing: border-box; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | |||
| - | .fastCartThumb { | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .fastCartItemBox { | ||
| - | margin-left: 0; | ||
| - | padding: 0 20px; | ||
| - | } | ||
| - | |||
| - | .fastCartSummaryBox { | ||
| - | padding: 20px; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .fastCartSummaryBox .ProceedToCheckout { | ||
| - | margin: 0 0 20px 0; | ||
| - | } | ||
| - | |||
| - | .fastCartSummaryBox .ProceedToCheckout a { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .fastCartSummaryBox .subtotal { | ||
| - | /* These are overrides for __Master */ | ||
| - | clear: none; | ||
| - | font-size: inherit; | ||
| - | font-weight: normal; | ||
| - | margin: 0 0 20px 0; | ||
| - | } | ||
| - | |||
| - | .fastCartSummaryBox .subtotal .ProductPrice { | ||
| - | font-size: 40px; | ||
| - | word-wrap: break-word; | ||
| - | } | ||
| - | |||
| - | .fastCartSummaryBox .actionLink { | ||
| - | margin: 0 0 20px 0; | ||
| - | } | ||
| - | |||
| - | .fastCartSummaryBox .actionLink { | ||
| - | line-height: 1.5em; | ||
| - | } | ||
| - | |||
| - | .fastCartSummaryBox .actionLink .btn { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .fastCartSummaryBox .PayPalExpressCheckout { | ||
| - | text-align: center; | ||
| - | width: 100%; | ||
| - | } | ||
| - | |||
| - | .modalClose { | ||
| - | float: left; | ||
| - | width: 12px!important; | ||
| - | height: 11px!important; | ||
| - | text-indent: 999px; | ||
| - | overflow: hidden; | ||
| - | right: -10px!important; | ||
| - | background: url(../images/icon-close.png) no-repeat 0 0!important; | ||
| - | } | ||
| - | |||
| - | #ModalTitle, | ||
| - | .ModalTitle { | ||
| - | display: none!important; | ||
| - | } | ||
| - | |||
| - | #ModalContainer { | ||
| - | position: fixed; | ||
| - | /* The below need importants because we can't stop edit imodal. May be able to replace with another modal popup and implement it better. */ | ||
| - | height: auto !important; | ||
| - | left: 0 !important; | ||
| - | margin: 0 auto !important; | ||
| - | max-height: 95%; | ||
| - | max-width: 920px !important; | ||
| - | overflow-x: hidden; | ||
| - | overflow-y: auto; | ||
| - | right: 0 !important; | ||
| - | top: 20px !important; | ||
| - | width: 100% !important; | ||
| - | } | ||
| - | |||
| - | /* == Footer == */ | ||
| - | |||
| - | .footer { | ||
| - | text-align: left; | ||
| - | overflow: hidden; | ||
| - | } | ||
| - | |||
| - | .footer-main .container { | ||
| - | padding-top: 15px; | ||
| - | padding-bottom: 0; | ||
| - | } | ||
| - | |||
| - | .footer-main { | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | |||
| - | .subscribe_form ul { | ||
| - | text-align: right; | ||
| - | } | ||
| - | |||
| - | .footer #SideCategoryList li ul, | ||
| - | .footer #SideCategoryList .sf-menu li ul { | ||
| - | display: none!important; | ||
| - | } | ||
| - | |||
| - | .footer .subtitle { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | .footer ul { | ||
| - | margin-left: 0; | ||
| - | padding: 0; | ||
| - | list-style: none; | ||
| - | } | ||
| - | |||
| - | .footer .footer-columns li { | ||
| - | padding: 5px 0; | ||
| - | } | ||
| - | |||
| - | /*.footer #SideCategoryList li a, | ||
| - | .footer #SideCategoryList .sf-menu li a, | ||
| - | .footer .CategoryList .sf-menu li a { | ||
| - | height: auto; | ||
| - | font-size: inherit; | ||
| - | font-weight: inherit; | ||
| - | text-align: left; | ||
| - | padding: 0 !important; | ||
| - | }*/ | ||
| - | |||
| - | .footer-links ul { | ||
| - | float: left; | ||
| - | width: 100%; | ||
| - | margin: 30px 0 0 0!important; | ||
| - | padding: 15px 0!important; | ||
| - | border-top: 1px solid #6a6a6a; | ||
| - | } | ||
| - | |||
| - | .footer-links p { | ||
| - | display: block; | ||
| - | clear: both; | ||
| - | padding: 20px 0; | ||
| - | margin: 0; | ||
| - | font-size: 11px; | ||
| - | } | ||
| - | |||
| - | .footer .powered-by { | ||
| - | float: right; | ||
| - | } | ||
| - | |||
| - | #VideoSideContainer { | ||
| - | display: none; | ||
| - | } | ||
| - | |||
| - | #FeaturedVideo { | ||
| - | position: relative; | ||
| - | padding-bottom: 56.25%; | ||
| - | padding-top: 30px; | ||
| - | height: 0; | ||
| - | overflow: hidden; | ||
| - | } | ||
| - | |||
| - | #FeaturedVideo iframe, | ||
| - | #FeaturedVideo object, | ||
| - | #FeaturedVideo embed { | ||
| - | position: absolute; | ||
| - | top: 0; | ||
| - | left: 0; | ||
| - | width: 100%; | ||
| - | height: 100%; | ||
| - | } | ||
| - | |||
| - | #VideoList { | ||
| - | float: none; | ||
| - | clear: both; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | #VideoList ul { | ||
| - | height: auto; | ||
| - | width: auto; | ||
| - | } | ||
| - | |||
| - | #VideoList li { | ||
| - | padding: 10px; | ||
| - | height: 69px; | ||
| - | margin: 0; | ||
| - | border: solid #fff 0px; | ||
| - | } | ||
| - | |||
| - | .currentVideo { | ||
| - | background-color: #fff; | ||
| - | border: 0px; | ||
| - | } | ||
| - | |||
| - | .fullwidth{ | ||
| - | padding: 0 !important; | ||
| - | } | ||
| - | |||
| - | #ProductBreadcrumb ul.last { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .Message{ | ||
| - | padding: 20px; | ||
| - | } | ||
| - | |||
| - | .ccode label{ | ||
| - | float: left; | ||
| - | width: 200px; | ||
| - | padding: 0 20px; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | input[type="radio"], | ||
| - | input[type="checkbox"] { | ||
| - | margin-right: 5px; | ||
| - | } | ||
| - | |||
| - | #provider_list { | ||
| - | line-height: 200%; | ||
| - | } | ||
| - | |||
| - | #ChooseShippingAddress, #ChooseBillingAddress { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | #ChooseBillingAddress label, | ||
| - | #ChooseShippingAddress label { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | .SelectBillingAddress, | ||
| - | .SelectShippingAddress { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | #multiAddressForm div.selector { | ||
| - | width: 450px; | ||
| - | } | ||
| - | |||
| - | .CartItemIndividualPrice { | ||
| - | text-align: right; | ||
| - | } | ||
| - | |||
| - | #cookieNotification button { | ||
| - | margin-top: 17px; | ||
| - | } | ||
| - | |||
| - | #cookieNotification .icon-info { | ||
| - | background: url("../images/cookie-sprite.png") no-repeat scroll 0 2px transparent !important; | ||
| - | float: left; | ||
| - | height: 40px; | ||
| - | margin-right: 5px !important; | ||
| - | margin-top: 15px !important; | ||
| - | width: 40px; | ||
| - | } | ||
| - | |||
| - | .productAttributes { | ||
| - | margin: 15px 0; | ||
| - | font-size: 11px; | ||
| - | } | ||
| - | |||
| - | .productAttributes label, | ||
| - | .productAttributes span { | ||
| - | white-space: nowrap; | ||
| - | } | ||
| - | |||
| - | select.JSHidden { | ||
| - | opacity: 0 !important; | ||
| - | filter: ~"alpha(opacity = 0) !important"; | ||
| - | } | ||
| - | |||
| - | #fastCartContainer { | ||
| - | margin: 20px auto 0 auto; | ||
| - | } | ||
| - | |||
| - | .zoomWindow { | ||
| - | width: 100%; | ||
| - | } | ||
| - | |||
| - | #uniform-eway_ccexpm, #uniform-eway_ccexpy, | ||
| - | #uniform-creditcard_ccexpm, #uniform-creditcard_ccexpy { | ||
| - | width: 75px !important; | ||
| - | } | ||
| - | |||
| - | .CartCode { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .CartCode .GiftCertificate input.btn, .CartCode .CouponCode input.btn { | ||
| - | min-width: 35px; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | #uniform-EventDateMonth, | ||
| - | #uniform-EventDateDay, | ||
| - | #uniform-EventDateYear { | ||
| - | width: auto !important; | ||
| - | } | ||
| - | |||
| - | /* Over writes of defaults */ | ||
| - | |||
| - | .sf-menu a.sf-with-ul { | ||
| - | min-width: 0 !important; | ||
| - | padding-right: 0 !important; | ||
| - | } | ||
| - | |||
| - | .product-nav { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .product-nav #CategoryPagingTop, | ||
| - | .product-nav #CategoryPagingBottom, | ||
| - | .product-nav .CategoryPagination, | ||
| - | .product-nav .SortBox { | ||
| - | margin: 0; | ||
| - | line-height: 35px; | ||
| - | } | ||
| - | |||
| - | .fastCartTop { | ||
| - | padding: 0 10px 0 0; | ||
| - | } | ||
| - | |||
| - | .fastCartBottom { | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .FormFieldLabel { | ||
| - | margin-right: 5px; | ||
| - | } | ||
| - | |||
| - | .addthis_default_style .at300b, | ||
| - | .addthis_default_style .at300bo, | ||
| - | .addthis_default_style .at300m { | ||
| - | padding: 0 2px; | ||
| - | margin: 0 2px; | ||
| - | } | ||
| - | |||
| - | #ModalContent .btn, .ModalContent .btn, | ||
| - | #ModalContent .btn:hover, .ModalContent .btn:hover { | ||
| - | color: #fff; | ||
| - | } | ||
| - | |||
| - | .SubBrandListGrid ul { | ||
| - | padding: 0; | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | .SubBrandListGrid ul li { | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | #fastCartWrapper { | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | html.javascript .productOptionViewRectangle input, | ||
| - | html.javascript .productOptionPickListSwatch input { | ||
| - | left: -10000px !important; | ||
| - | opacity: 0 !important; | ||
| - | } | ||
| - | |||
| - | #WishLists { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | #sel_billing_address { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | /*For Uniform space between buttons and for reflecting this change at only in specified place*/ | ||
| - | .addto #SideProductAddToWishList input{ | ||
| - | margin-right: 10px; | ||
| - | } | ||
| - | |||
| - | /* Finish Order Page */ | ||
| - | |||
| - | #share-product ul.tabs li img { | ||
| - | top: 0; | ||
| - | } | ||
| - | |||
| - | /* Utilities | ||
| - | -------------------------------------------------------------- */ | ||
| - | |||
| - | /* Spacing */ | ||
| - | |||
| - | /* spacing helpers | ||
| - | p,m = padding,margin | ||
| - | a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical | ||
| - | s,m,l,n = small(10px),medium(20px),large(40px),none(0px) | ||
| - | */ | ||
| - | |||
| - | .ptn,.pvn,.pan{padding-top:0px !important} | ||
| - | .pts,.pvs,.pas{padding-top:10px !important} | ||
| - | .ptm,.pvm,.pam{padding-top:20px !important} | ||
| - | .ptl,.pvl,.pal{padding-top:40px !important} | ||
| - | .prn,.phn,.pan{padding-right:0px !important} | ||
| - | .prs,.phs,.pas{padding-right:10px !important} | ||
| - | .prm,.phm,.pam{padding-right:20px !important} | ||
| - | .prl,.phl,.pal{padding-right:40px !important} | ||
| - | .pbn,.pvn,.pan{padding-bottom:0px !important} | ||
| - | .pbs,.pvs,.pas{padding-bottom:10px !important} | ||
| - | .pbm,.pvm,.pam{padding-bottom:20px !important} | ||
| - | .pbl,.pvl,.pal{padding-bottom:40px !important} | ||
| - | .pln,.phn,.pan{padding-left:0px !important} | ||
| - | .pls,.phs,.pas{padding-left:10px !important} | ||
| - | .plm,.phm,.pam{padding-left:20px !important} | ||
| - | .pll,.phl,.pal{padding-left:40px !important} | ||
| - | .mtn,.mvn,.man{margin-top:0px !important} | ||
| - | .mts,.mvs,.mas{margin-top:10px !important} | ||
| - | .mtm,.mvm,.mam{margin-top:20px !important} | ||
| - | .mtl,.mvl,.mal{margin-top:40px !important} | ||
| - | .mrn,.mhn,.man{margin-right:0px !important} | ||
| - | .mrs,.mhs,.mas{margin-right:10px !important} | ||
| - | .mrm,.mhm,.mam{margin-right:20px !important} | ||
| - | .mrl,.mhl,.mal{margin-right:40px !important} | ||
| - | .mbn,.mvn,.man{margin-bottom:0px !important} | ||
| - | .mbs,.mvs,.mas{margin-bottom:10px !important} | ||
| - | .mbm,.mvm,.mam{margin-bottom:20px !important} | ||
| - | .mbl,.mvl,.mal{margin-bottom:40px !important} | ||
| - | .mln,.mhn,.man{margin-left:0px !important} | ||
| - | .mls,.mhs,.mas{margin-left:10px !important} | ||
| - | .mlm,.mhm,.mam{margin-left:20px !important} | ||
| - | .mll,.mhl,.mal{margin-left:40px !important} | ||
| - | .mra,.mha{margin-right:auto !important} | ||
| - | .mla,.mha{margin-left:auto !important} | ||
| - | |||
| - | /* Original helpers */ | ||
| - | |||
| - | .MB10 {margin-bottom:10px;} | ||
| - | .MT0 {margin-top:0px;} | ||
| - | .LH140 {line-height:140%;} | ||
| - | .PLRB5 {padding:0px 5px 5px 5px;} | ||
| - | .PLR10 {padding:0px 10px 0px 10px;} | ||
| - | .PL20 {padding:0px 0px 0px 20px;} | ||
| - | .PL40 {padding:0px 0px 0px 40px;} | ||
| - | .ML20 {margin:0px 0px 0px 20px;} | ||
| - | .MT10 {margin-top:10px;} | ||
| - | .PL10 {padding-left:10px;} | ||
| - | .PB2 {padding-bottom:2px;} | ||
| - | .PTB20 {padding: 20px 0;} | ||
| - | .NoMarginBottom {margin-bottom: 0;} | ||
| - | .HideElement {display: none;} | ||
| - | |||
| - | .FloatRight { | ||
| - | float: right; | ||
| - | } | ||
| - | |||
| - | .FloatLeft { | ||
| - | float: left; | ||
| - | } | ||
| - | |||
| - | .txtC { | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | .txtL { | ||
| - | text-align: left; | ||
| - | } | ||
| - | |||
| - | .txtR { | ||
| - | text-align: right; | ||
| - | } | ||
| - | |||
| - | html[xmlns] .clearfix { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | * html .clearfix { | ||
| - | height: 1%; | ||
| - | } | ||
| - | |||
| - | /* =Plugins | ||
| - | -------------------------------------------------------------- */ | ||
| - | |||
| - | /* ----- UniForm ----- */ | ||
| - | |||
| - | div.selector, | ||
| - | div.selector span, | ||
| - | div.checker span, | ||
| - | div.radio span, | ||
| - | div.button, | ||
| - | div.button span { | ||
| - | background-image: url(../images/icon_sprite.png); | ||
| - | background-repeat: no-repeat; | ||
| - | -webkit-font-smoothing: antialiased; | ||
| - | } | ||
| - | |||
| - | .selector, | ||
| - | .radio, | ||
| - | .checker, | ||
| - | .uploader, | ||
| - | .button, | ||
| - | .selector *, | ||
| - | .radio *, | ||
| - | .checker *, | ||
| - | .uploader *, | ||
| - | .button * { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | /* INPUT & TEXTAREA */ | ||
| - | input.text, | ||
| - | input.email, | ||
| - | input.password, | ||
| - | textarea.uniform { | ||
| - | color: #444440; | ||
| - | font-size: 11px; | ||
| - | font-weight: normal; | ||
| - | font-style: italic; | ||
| - | padding: 3px; | ||
| - | border-top: solid 1px #aaa; | ||
| - | border-left: solid 1px #aaa; | ||
| - | border-bottom: solid 1px #d6d6d6; | ||
| - | border-right: solid 1px #d6d6d6; | ||
| - | -webkit-border-radius: 3px; | ||
| - | -moz-border-radius: 3px; | ||
| - | border-radius: 3px; | ||
| - | outline: 0; | ||
| - | } | ||
| - | |||
| - | input.text:focus, | ||
| - | input.email:focus, | ||
| - | input.password:focus, | ||
| - | textarea.uniform:focus { | ||
| - | -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); | ||
| - | -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); | ||
| - | box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); | ||
| - | border-color: #999; | ||
| - | } | ||
| - | |||
| - | /* SPRITES */ | ||
| - | /* Select */ | ||
| - | |||
| - | div.selector, | ||
| - | div.selector span { | ||
| - | line-height: 25px; | ||
| - | height: 25px; | ||
| - | } | ||
| - | |||
| - | div.selector select { | ||
| - | /* change these to adjust positioning of select element */ | ||
| - | top: 0; | ||
| - | right: 0; | ||
| - | bottom: 0; | ||
| - | left: 0; | ||
| - | } | ||
| - | |||
| - | /* Checkbox */ | ||
| - | div.checker { | ||
| - | height: 18px; | ||
| - | width: 18px; | ||
| - | } | ||
| - | |||
| - | div.checker input { | ||
| - | height: 18px; | ||
| - | width: 18px; | ||
| - | } | ||
| - | |||
| - | div.checker span { | ||
| - | background-position: 1px -54px; | ||
| - | height: 18px; | ||
| - | width: 18px; | ||
| - | } | ||
| - | |||
| - | div.checker span.checked, | ||
| - | div.checker:active span.checked, | ||
| - | div.checker.active span.checked, | ||
| - | div.checker.focus span.checked, | ||
| - | div.checker:hover span.checked { | ||
| - | background-position: -22px -54px; | ||
| - | } | ||
| - | |||
| - | /* Radio */ | ||
| - | div.radio { | ||
| - | width: 18px; | ||
| - | height: 18px; | ||
| - | background: none; | ||
| - | } | ||
| - | |||
| - | div.radio input { | ||
| - | width: 18px; | ||
| - | height: 18px; | ||
| - | } | ||
| - | |||
| - | div.radio span { | ||
| - | height: 18px; | ||
| - | width: 18px; | ||
| - | background-position: 0px -80px; | ||
| - | } | ||
| - | |||
| - | div.radio span.checked, | ||
| - | div.radio:active span.checked, | ||
| - | div.radio.active span.checked, | ||
| - | div.radio.focus span.checked, | ||
| - | div.radio:hover span.checked { | ||
| - | background-position: -21px -80px; | ||
| - | } | ||
| - | |||
| - | /* Uploader */ | ||
| - | div.uploader { | ||
| - | background-color: #fff; | ||
| - | height: 35px; | ||
| - | position: relative; | ||
| - | overflow: hidden; | ||
| - | width: 300px; | ||
| - | } | ||
| - | |||
| - | div.uploader span.action { | ||
| - | background-color: #fff; | ||
| - | height: 35px; | ||
| - | line-height: 35px; | ||
| - | float: right; | ||
| - | padding: 0 10px; | ||
| - | overflow: hidden; | ||
| - | cursor: pointer; | ||
| - | font-size: 11px; | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | |||
| - | div.uploader span.filename { | ||
| - | height: 37px; | ||
| - | line-height: 37px; | ||
| - | float: left; | ||
| - | display: block; | ||
| - | overflow: hidden; | ||
| - | text-overflow: ellipsis; | ||
| - | white-space: nowrap; | ||
| - | cursor: default; | ||
| - | padding-left: 10px; | ||
| - | } | ||
| - | |||
| - | div.uploader input { | ||
| - | opacity: 0; | ||
| - | filter: ~"alpha(opacity=0)"; | ||
| - | -moz-opacity: 0; | ||
| - | position: absolute; | ||
| - | font-size: 100px; | ||
| - | top: 0; | ||
| - | right: 0; | ||
| - | bottom: 0; | ||
| - | float: right; | ||
| - | height: 100px; | ||
| - | border: none; | ||
| - | cursor: default; | ||
| - | } | ||
| - | |||
| - | /* Uploader */ | ||
| - | |||
| - | div.uploader span.filename { | ||
| - | color: #777; | ||
| - | font-size: 11px; | ||
| - | } | ||
| - | |||
| - | div.uploader.disabled span.action { | ||
| - | color: #aaa; | ||
| - | } | ||
| - | |||
| - | div.uploader.disabled span.filename { | ||
| - | border-color: #ddd; | ||
| - | color: #aaa; | ||
| - | } | ||
| - | |||
| - | div.uploader.focus, | ||
| - | div.uploader.hover, | ||
| - | div.uploader:hover { | ||
| - | background-position: 0px -353px; | ||
| - | } | ||
| - | |||
| - | div.uploader.focus span.action, | ||
| - | div.uploader.hover span.action, | ||
| - | div.uploader:hover span.action { | ||
| - | background-position: right -437px; | ||
| - | } | ||
| - | |||
| - | div.uploader.active span.action, | ||
| - | div.uploader:active span.action { | ||
| - | background-position: right -465px; | ||
| - | } | ||
| - | |||
| - | div.uploader.focus.active span.action, | ||
| - | div.uploader:focus.active span.action, | ||
| - | div.uploader.focus:active span.action, | ||
| - | div.uploader:focus:active span.action { | ||
| - | background-position: right -493px; | ||
| - | } | ||
| - | |||
| - | div.uploader.disabled { | ||
| - | background-position: 0px -325px; | ||
| - | } | ||
| - | |||
| - | div.uploader.disabled span.action { | ||
| - | background-position: right -381px; | ||
| - | } | ||
| - | |||
| - | div.button { | ||
| - | background-position: 0px -523px; | ||
| - | } | ||
| - | |||
| - | div.button span { | ||
| - | background-position: right -643px; | ||
| - | } | ||
| - | |||
| - | div.button.focus, | ||
| - | div.button:focus, | ||
| - | div.button:hover, | ||
| - | div.button.hover { | ||
| - | background-position: 0px -553px; | ||
| - | } | ||
| - | |||
| - | div.button.focus span, | ||
| - | div.button:focus span, | ||
| - | div.button:hover span, | ||
| - | div.button.hover span { | ||
| - | background-position: right -673px; | ||
| - | } | ||
| - | |||
| - | div.button.active, | ||
| - | div.button:active { | ||
| - | background-position: 0px -583px; | ||
| - | } | ||
| - | |||
| - | div.button.active span, | ||
| - | div.button:active span { | ||
| - | background-position: right -703px; | ||
| - | color: #555; | ||
| - | } | ||
| - | |||
| - | div.button.disabled, | ||
| - | div.button:disabled { | ||
| - | background-position: 0px -613px; | ||
| - | } | ||
| - | |||
| - | div.button.disabled span, | ||
| - | div.button:disabled span { | ||
| - | background-position: right -733px; | ||
| - | color: #bbb; | ||
| - | cursor: default; | ||
| - | } | ||
| - | |||
| - | /* PRESENTATION */ | ||
| - | /* Button */ | ||
| - | |||
| - | div.button { | ||
| - | height: 30px; | ||
| - | } | ||
| - | |||
| - | div.button span { | ||
| - | margin-left: 13px; | ||
| - | height: 22px; | ||
| - | padding-top: 8px; | ||
| - | font-weight: bold; | ||
| - | font-size: 12px; | ||
| - | text-transform: uppercase; | ||
| - | padding-left: 2px; | ||
| - | padding-right: 15px; | ||
| - | } | ||
| - | |||
| - | /* Select */ | ||
| - | div.selector { | ||
| - | font-size: 14px; | ||
| - | background-color: #fff; | ||
| - | background-image: url(../images/icon_arrow_down.png); | ||
| - | background-repeat: no-repeat; | ||
| - | background-position: 95% 50%; | ||
| - | height: 37px; | ||
| - | line-height: 37px; | ||
| - | min-height: 37px !important; | ||
| - | padding: 3px 0 !important; | ||
| - | } | ||
| - | |||
| - | .CartItemQuantity .selector, .DetailRow.qty .selector { | ||
| - | background-position: 82% 50%; | ||
| - | } | ||
| - | |||
| - | div.selector select { | ||
| - | font-size: 12px; | ||
| - | line-height: 18px; | ||
| - | border: solid 1px #fff; | ||
| - | width: 100%; | ||
| - | } | ||
| - | |||
| - | div.selector span { | ||
| - | padding: 5px 25px 5px 10px !important; | ||
| - | cursor: pointer; | ||
| - | background: none; | ||
| - | line-height: 20px; | ||
| - | } | ||
| - | |||
| - | div.selector.disabled span { | ||
| - | color: #bbb; | ||
| - | } | ||
| - | |||
| - | /* Checker */ | ||
| - | div.checker { | ||
| - | margin-right: 5px; | ||
| - | } | ||
| - | |||
| - | /* Radio */ | ||
| - | div.radio { | ||
| - | margin-right: 3px; | ||
| - | } | ||
| - | |||
| - | /* | ||
| - | CORE FUNCTIONALITY | ||
| - | Not advised to edit stuff below this line | ||
| - | ----------------------------------------------------- | ||
| - | */ | ||
| - | .selector, | ||
| - | .checker, | ||
| - | .button, | ||
| - | .radio, | ||
| - | .uploader { | ||
| - | display: -moz-inline-box; | ||
| - | display: inline-block; | ||
| - | vertical-align: middle; | ||
| - | *display: inline; | ||
| - | *zoom: 1; | ||
| - | } | ||
| - | |||
| - | .selector select:focus, | ||
| - | .radio input:focus, | ||
| - | .checker input:focus, | ||
| - | .uploader input:focus { | ||
| - | outline: 0; | ||
| - | } | ||
| - | |||
| - | /* Button */ | ||
| - | div.button a, | ||
| - | div.button button, | ||
| - | div.button input { | ||
| - | position: absolute; | ||
| - | } | ||
| - | |||
| - | div.button { | ||
| - | cursor: pointer; | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | div.button span { | ||
| - | display: -moz-inline-box; | ||
| - | display: inline-block; | ||
| - | line-height: 1; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | /* Select */ | ||
| - | div.selector { | ||
| - | float: none; | ||
| - | position: relative; | ||
| - | display: inline-block; | ||
| - | *display: inline; | ||
| - | *zoom: 1; | ||
| - | } | ||
| - | |||
| - | div.selector span { | ||
| - | display: block; | ||
| - | overflow: hidden; | ||
| - | text-overflow: ellipsis; | ||
| - | white-space: nowrap; | ||
| - | padding-left: 10px; | ||
| - | } | ||
| - | |||
| - | div.selector select { | ||
| - | position: absolute; | ||
| - | opacity: 0; | ||
| - | filter: ~"alpha(opacity=0)"; | ||
| - | /* use '=' here, not ':' */ | ||
| - | -moz-opacity: 0; | ||
| - | border: none; | ||
| - | background: none; | ||
| - | } | ||
| - | |||
| - | /* Checker */ | ||
| - | div.checker { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | div.checker span { | ||
| - | display: -moz-inline-box; | ||
| - | display: inline-block; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | div.checker input { | ||
| - | opacity: 0; | ||
| - | filter: ~"alpha(opacity=0)"; | ||
| - | -moz-opacity: 0; | ||
| - | display: inline-block; | ||
| - | background: none; | ||
| - | } | ||
| - | |||
| - | /* Radio */ | ||
| - | |||
| - | div.radio { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | div.radio span { | ||
| - | display: -moz-inline-box; | ||
| - | display: inline-block; | ||
| - | text-align: center; | ||
| - | } | ||
| - | |||
| - | div.radio input { | ||
| - | opacity: 0; | ||
| - | filter: ~"alpha(opacity=0)"; | ||
| - | -moz-opacity: 0; | ||
| - | text-align: center; | ||
| - | display: inline-block; | ||
| - | background: none; | ||
| - | } | ||
| - | |||
| - | /* Custom.css | ||
| - | -------------------------------------------------------------- */ | ||
| - | |||
| - | .brand-name{ | ||
| - | padding: 5px 0 5px 4%; | ||
| - | text-align: left; | ||
| - | min-height: 30px; | ||
| - | |||
| - | } | ||
| - | |||
| - | .right{ | ||
| - | float: right; | ||
| - | } | ||
| - | |||
| - | .txt24 { | ||
| - | font-size: 1.4em; | ||
| - | font-weight: bold; | ||
| - | margin: 0 0 20px 0; | ||
| - | } | ||
| - | |||
| - | .txt24 em { | ||
| - | font-style: normal !important; | ||
| - | } | ||
| - | |||
| - | .p-relative { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | .p-absolute { | ||
| - | position: absolute; | ||
| - | left: 50px; | ||
| - | bottom: 33%; | ||
| - | } | ||
| - | |||
| - | .icon-delete, | ||
| - | .icon-edit, | ||
| - | .icon-share, | ||
| - | #WishLists .txt-hide a { | ||
| - | float: left; | ||
| - | width: 18px; | ||
| - | height: 21px; | ||
| - | margin-right: 10px; | ||
| - | background: url(../images/icons_off.png) no-repeat -170px -152px; | ||
| - | } | ||
| - | |||
| - | .icon-delete:hover, | ||
| - | .icon-edit:hover, | ||
| - | .icon-share:hover, | ||
| - | #WishLists .txt-hide a:hover, | ||
| - | #WishLists .txt-hide .icon-delete:hover, | ||
| - | #WishLists .txt-hide .icon-edit:hover { | ||
| - | background: url(../images/icons_on.png) no-repeat -170px -152px; | ||
| - | background-color: transparent !important; | ||
| - | } | ||
| - | |||
| - | .icon-edit, | ||
| - | .icon-edit:hover, | ||
| - | #WishLists .txt-hide .icon-edit, | ||
| - | #WishLists .txt-hide .icon-edit:hover { | ||
| - | background-position: -140px -152px; | ||
| - | } | ||
| - | |||
| - | .icon-delete, | ||
| - | .icon-delete:hover, | ||
| - | #WishLists .txt-hide .icon-delete, | ||
| - | #WishLists .txt-hide .icon-delete:hover { | ||
| - | background-position: -108px -152px; | ||
| - | } | ||
| - | |||
| - | .c-wrap { | ||
| - | width: 980px; | ||
| - | margin: 0 auto; | ||
| - | display: block; | ||
| - | clear: both; | ||
| - | } | ||
| - | |||
| - | .txt-center{ | ||
| - | text-align: center!important; | ||
| - | } | ||
| - | |||
| - | .txt-left{ | ||
| - | text-align: left!important; | ||
| - | } | ||
| - | |||
| - | .txt-right{ | ||
| - | text-align: right!important; | ||
| - | } | ||
| - | |||
| - | small{ | ||
| - | font-size: 12px!important; | ||
| - | } | ||
| - | |||
| - | ul ul ul{ | ||
| - | list-style-image: url(../images/bullet_line.png); | ||
| - | } | ||
| - | |||
| - | .multiStep, | ||
| - | .multiStep li { | ||
| - | list-style-type: none; | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | list-style-image: none; | ||
| - | } | ||
| - | |||
| - | .multiStep { | ||
| - | text-align: center; | ||
| - | position: relative; | ||
| - | min-height: 1px; | ||
| - | zoom: 1; | ||
| - | } | ||
| - | |||
| - | .multiStep li { | ||
| - | margin: 0 20px; | ||
| - | position: relative; | ||
| - | display: inline-block; | ||
| - | *display: inline; | ||
| - | *zoom: 1; | ||
| - | } | ||
| - | |||
| - | .multiStep li.ActivePage h4 { | ||
| - | padding-bottom: 0; | ||
| - | margin-bottom: 1em; | ||
| - | } | ||
| - | |||
| - | .multiStep li .icon { | ||
| - | background: url("../images/nav_active.png") no-repeat; | ||
| - | display: block; | ||
| - | float: left; | ||
| - | height: 8px; | ||
| - | left: 50%; | ||
| - | margin-left: -7px; | ||
| - | position: absolute; | ||
| - | bottom: -5px; | ||
| - | width: 13px; | ||
| - | } | ||
| - | |||
| - | .li-list { | ||
| - | border-bottom: 1px solid #d6d6d6; | ||
| - | padding: 20px 0; | ||
| - | } | ||
| - | |||
| - | .li-list h4 { | ||
| - | position: relative; | ||
| - | z-index: 1; | ||
| - | } | ||
| - | |||
| - | .li-list form { | ||
| - | position: relative; | ||
| - | z-index: 10; | ||
| - | } | ||
| - | |||
| - | .icon { | ||
| - | display: inline-block; | ||
| - | width: 16px; | ||
| - | height: 14px; | ||
| - | background: url("../images/icon_sprite.png") no-repeat 0 -27px; | ||
| - | } | ||
| - | |||
| - | .icon-add { | ||
| - | position: absolute; | ||
| - | right: 0; | ||
| - | top: 0; | ||
| - | height: 36px; | ||
| - | width: 36px; | ||
| - | margin: 0 !important; | ||
| - | padding: 0 !important; | ||
| - | border-radius: 18px; | ||
| - | -moz-border-radius: 18px; | ||
| - | -webkit-border-radius: 18px; | ||
| - | transition: background-color 150ms ease 0s; | ||
| - | -moz-transition: background-color 150ms ease; | ||
| - | -webkit-transition: background-color 150ms ease; | ||
| - | -o-transition: background-color 150ms ease; | ||
| - | transition: background-color 150ms ease; | ||
| - | } | ||
| - | |||
| - | .icon-cart { | ||
| - | height: 20px; | ||
| - | width: 15px; | ||
| - | background-position: 0 -23px; | ||
| - | } | ||
| - | |||
| - | .icon-add:hover { | ||
| - | -moz-transition: background-color 150ms ease; | ||
| - | -webkit-transition: background-color 150ms ease; | ||
| - | -o-transition: background-color 150ms ease; | ||
| - | transition: background-color 150ms ease; | ||
| - | } | ||
| - | |||
| - | .clear { | ||
| - | clear:both; | ||
| - | overflow: hidden; | ||
| - | } | ||
| - | |||
| - | /* btn styles */ | ||
| - | |||
| - | .Button a { | ||
| - | color: #ffffff!important; | ||
| - | } | ||
| - | |||
| - | .full-width { | ||
| - | display: block; | ||
| - | clear: both; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .full-width .zeroLeft { | ||
| - | padding-left: 0 !important | ||
| - | } | ||
| - | |||
| - | .cpage .Content.Wide { | ||
| - | padding: 30px 0 0 45px; | ||
| - | border-left: 1px solid #e8e8e8; | ||
| - | } | ||
| - | |||
| - | .productlist-page.Content { | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | .productlist-page.Content .product-nav { | ||
| - | border: none; | ||
| - | } | ||
| - | |||
| - | .nav-prev, | ||
| - | .nav-next { | ||
| - | float: left; | ||
| - | width: 12px; | ||
| - | height: 12px; | ||
| - | margin: 12px 10px; | ||
| - | text-indent: 99px; | ||
| - | overflow: hidden; | ||
| - | background: url(../images/icon_sprite.png) no-repeat -42px -26px; | ||
| - | } | ||
| - | |||
| - | .nav-next { | ||
| - | background-position: -54px -27px; | ||
| - | } | ||
| - | |||
| - | .mtop { | ||
| - | margin-top: 27px; | ||
| - | } | ||
| - | |||
| - | .pbtm { | ||
| - | padding-bottom: 30px; | ||
| - | } | ||
| - | |||
| - | .no-ptop { | ||
| - | padding-top: 0!important; | ||
| - | } | ||
| - | |||
| - | .list { | ||
| - | margin: 0; | ||
| - | padding: 0 0 10px 0; | ||
| - | list-style: none; | ||
| - | } | ||
| - | |||
| - | .list-icon, | ||
| - | .list-news { | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | list-style: none; | ||
| - | } | ||
| - | |||
| - | .list-icon li { | ||
| - | line-height: 23px; | ||
| - | padding: 0 0 10px 0; | ||
| - | } | ||
| - | |||
| - | .list-icon .icon { | ||
| - | width: 23px; | ||
| - | height: 23px; | ||
| - | margin: 0 15px 0 0; | ||
| - | background-position: -41px 0; | ||
| - | } | ||
| - | |||
| - | .list-news li p { | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .form { | ||
| - | display: block; | ||
| - | clear: both; | ||
| - | margin: 0; | ||
| - | list-style: none; | ||
| - | } | ||
| - | |||
| - | .form li { | ||
| - | display: block; | ||
| - | clear: both; | ||
| - | width: 100%; | ||
| - | padding: 10px 0; | ||
| - | } | ||
| - | |||
| - | .form li label, | ||
| - | .form dt { | ||
| - | float: left; | ||
| - | width: 175px; | ||
| - | padding: 7px 25px 0 0; | ||
| - | line-height: 22px; | ||
| - | } | ||
| - | |||
| - | .form dd { | ||
| - | margin-left: 0; | ||
| - | float: none; | ||
| - | } | ||
| - | |||
| - | .addto { | ||
| - | display: block; | ||
| - | clear: both; | ||
| - | overflow: hidden; | ||
| - | padding-top: 5px; | ||
| - | padding-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .addto .BulkDiscount { | ||
| - | display: inline-block; | ||
| - | } | ||
| - | |||
| - | .addto #SideProductAddToWishList { | ||
| - | display: inline-block; | ||
| - | } | ||
| - | |||
| - | .txt-hide { | ||
| - | text-indent: -999px; | ||
| - | overflow: hidden; | ||
| - | color: #ffffff; | ||
| - | } | ||
| - | |||
| - | .left-content .ProductList .p-name { | ||
| - | float: left; | ||
| - | font-size: 12px; | ||
| - | margin: 5px 0 25px 0; | ||
| - | padding: 5px 0 3px 5%; | ||
| - | border-left: 2px solid #d6d6d6; | ||
| - | } | ||
| - | |||
| - | a.CustomizeItemLink { | ||
| - | font-size: 11px; | ||
| - | } | ||
| - | |||
| - | #CartHeader { | ||
| - | position: relative; | ||
| - | } | ||
| - | #CartHeader .btn { | ||
| - | top:50%; | ||
| - | right: 0; | ||
| - | margin-top: -20px !important; | ||
| - | position: absolute; | ||
| - | } | ||
| - | |||
| - | .recaptcha_widget_div { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .recaptchatable { | ||
| - | background-color: #fff; | ||
| - | } | ||
| - | |||
| - | .productAttributeConfigurablePickListSet ul { | ||
| - | margin: 0; | ||
| - | } | ||
| - | |||
| - | html.javascript .productOptionViewRectangle label { | ||
| - | margin: 0 !important; | ||
| - | } | ||
| - | |||
| - | .fileInput { | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | #TabContentAddressMultiple { | ||
| - | padding-top: 20px; | ||
| - | } | ||
| - | |||
| - | .login-form label, | ||
| - | .login-form input { | ||
| - | display: block; | ||
| - | margin-bottom: 10px; | ||
| - | } | ||
| - | |||
| - | .login-form .actions label, | ||
| - | .login-form .actions input { | ||
| - | display: inline-block; | ||
| - | margin: 0 10px 0 0; | ||
| - | } | ||
| - | |||
| - | .login-form input[type=email], | ||
| - | .login-form input[type=password] { | ||
| - | width: 50%; | ||
| - | } | ||
| - | |||
| - | /*#fancy_outer { | ||
| - | height: 500px !important; | ||
| - | }*/ | ||
| - | |||
| - | div#fancy_overlay { | ||
| - | background: #000 !important; | ||
| - | opacity: 0.7 !important; | ||
| - | } | ||
| - | |||
| - | div#fancy_outer { | ||
| - | position: fixed !important; | ||
| - | /* The below need importants because we can't stop edit imodal. May be able to replace with another modal popup and implement it better. */ | ||
| - | top: 20px !important; | ||
| - | bottom: 20px !important; | ||
| - | left: 0 !important; | ||
| - | right: 0 !important; | ||
| - | overflow-y: auto; | ||
| - | overflow-x: hidden; | ||
| - | margin: 0 auto !important; | ||
| - | max-width: 920px !important; | ||
| - | width: 95% !important; | ||
| - | |||
| - | height: auto !important; | ||
| - | padding: 0 !important; | ||
| - | } | ||
| - | |||
| - | /* FlexSlider */ | ||
| - | |||
| - | .flex-direction-nav a { | ||
| - | background-position: center center; | ||
| - | height: auto; | ||
| - | top: 0; | ||
| - | bottom: 0; | ||
| - | border: 0; | ||
| - | margin: 0; | ||
| - | max-width: 100px; | ||
| - | } | ||
| - | |||
| - | .flex-direction-nav .flex-prev { | ||
| - | background: url(../images/carousel-left-arrow.png) no-repeat center left; | ||
| - | top: 0; | ||
| - | left: 0 !important; | ||
| - | bottom: 0; | ||
| - | margin-top: -40px; | ||
| - | } | ||
| - | .flex-direction-nav .flex-next { | ||
| - | background: url(../images/carousel-right-arrow.png) no-repeat center right; | ||
| - | top: 0; | ||
| - | right: 0 !important; | ||
| - | bottom: 0; | ||
| - | margin-top: -40px; | ||
| - | } | ||
| - | |||
| - | .CreateAccount ul { | ||
| - | line-height: 1.8em; | ||
| - | } | ||
| - | |||
| - | .recaptchatable * { | ||
| - | color: #000 !important; | ||
| - | } | ||
| - | |||
| - | div.FacebookLikeButtonContainer { | ||
| - | margin: 0 0 20px 0; | ||
| - | } | ||
| - | |||
| - | div.FacebookLikeButtonContainer iframe { | ||
| - | display: block; | ||
| - | height: 20px; | ||
| - | width: 100%; | ||
| - | } | ||
| - | |||
| - | /* Out of stock styling */ | ||
| - | |||
| - | /* Out of Stock styling */ | ||
| - | |||
| - | /* Gave strike through to text of out of stock options except rectangle styled */ | ||
| - | label.outStock span.name { | ||
| - | text-decoration: line-through; | ||
| - | } | ||
| - | .productOptionViewRectangle label.outStock span.name { | ||
| - | text-decoration: none; | ||
| - | } | ||
| - | |||
| - | /* Gave out of stock lists and radio selects 50% transparency */ | ||
| - | .productOptionViewRadio .outStock span.name, | ||
| - | .productOptionViewProductPickList .outStock span.name, | ||
| - | .productOptionViewProductPickListWithImage .outStock span.name, | ||
| - | .productOptionViewRectangle .option label.outStock { | ||
| - | opacity: 0.5; | ||
| - | -ms-filter:~"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | ||
| - | *zoom: 1; | ||
| - | } | ||
| - | |||
| - | /* Made the container of the strike through image relative */ | ||
| - | .productOptionPickListSwatch .outStock .swatchColour, | ||
| - | .productOptionPickListSwatch .outStock .thumbnail, | ||
| - | .productOptionViewRectangle .outStock name { | ||
| - | position: relative; | ||
| - | } | ||
| - | |||
| - | /* Gave out of stock swatches a strike through background image */ | ||
| - | .productOptionPickListSwatch .outStock .swatchColour:after, | ||
| - | .productOptionPickListSwatch .outStock .thumbnail:after, | ||
| - | .productOptionViewRectangle .outStock .name:after { | ||
| - | position: absolute; | ||
| - | top: 0; | ||
| - | right: 0; | ||
| - | bottom: 0; | ||
| - | left: 0; | ||
| - | background: url("../images/out-of-stock-bg.png") center no-repeat; | ||
| - | z-index: 999; | ||
| - | content: ""; | ||
| - | } | ||
| - | |||
| - | /*.productOptionViewRectangle .outStock span:after { | ||
| - | content: ""; | ||
| - | position: absolute; | ||
| - | top: 0; | ||
| - | right: 0; | ||
| - | bottom: 0; | ||
| - | left: 0; | ||
| - | background: url("../images/out-of-stock-bg.png") center no-repeat; | ||
| - | }*/ | ||
| - | |||
| - | #DrawerMenu { | ||
| - | display:none; | ||
| - | } | ||
| - | |||
| - | /* Drawer menu | ||
| - | -------------------------------------------------------------- */ | ||
| - | |||
| - | .ToggleMenu { | ||
| - | /*temp styles*/ | ||
| - | padding: 15px 10px 10px; | ||
| - | vertical-align: middle; | ||
| - | cursor: pointer; | ||
| - | font-size: 21px; | ||
| - | } | ||
| - | #DrawerMenu a.DrawerMenu-close { | ||
| - | padding-top: 8px; | ||
| - | padding-bottom: 8px; | ||
| - | background: #444; | ||
| - | font-size: 12px; | ||
| - | } | ||
| - | #DrawerMenu a.DrawerMenu-close .fa { | ||
| - | font-size: 14px; | ||
| - | } | ||
| - | |||
| - | #Header, | ||
| - | .page { | ||
| - | -webkit-transition: -webkit-transform 100ms ease-out; | ||
| - | -ms-transition: -ms-transform 100ms ease-out; | ||
| - | transition: transform 100ms ease-out; | ||
| - | } | ||
| - | |||
| - | .page.off-screen { | ||
| - | -webkit-transform: translateX(80%); | ||
| - | -ms-transform: translateX(80%); | ||
| - | transform: translateX(80%); | ||
| - | position: fixed; | ||
| - | overflow-y: hidden; | ||
| - | } | ||
| - | |||
| - | #Header.off-screen { | ||
| - | -webkit-transform: translateY(-100%); | ||
| - | -ms-transform: translateY(-100%); | ||
| - | transform: translateY(-100%); | ||
| - | } | ||
| - | |||
| - | /*---------------------------------------------------------------------------------------------------------- | ||
| - | ############################################# DRAWER MENU | ||
| - | ----------------------------------------------------------------------------------------------------------*/ | ||
| - | #DrawerMenu { | ||
| - | position: absolute; | ||
| - | bottom: 0; | ||
| - | top: 0; | ||
| - | z-index: 0; | ||
| - | width: 80%; | ||
| - | background-color: #333; | ||
| - | color: #fff; | ||
| - | } | ||
| - | #DrawerMenu.on-screen { | ||
| - | display: block; | ||
| - | position: absolute; | ||
| - | overflow-y: auto; | ||
| - | } | ||
| - | |||
| - | #DrawerMenu div { | ||
| - | margin :0; | ||
| - | } | ||
| - | |||
| - | #DrawerMenu h3 { | ||
| - | background: #666; | ||
| - | color: #fff; | ||
| - | font-size: 0.8em; | ||
| - | font-weight: normal; | ||
| - | padding: 10px 15px; | ||
| - | margin-bottom: 0; | ||
| - | text-transform: uppercase; | ||
| - | } | ||
| - | |||
| - | #DrawerMenu ul { | ||
| - | list-style: none; | ||
| - | margin: 0; | ||
| - | padding: 0; | ||
| - | } | ||
| - | #DrawerMenu li { | ||
| - | float: none; | ||
| - | position: relative; | ||
| - | border-bottom: 1px solid #555; | ||
| - | list-style: none outside none; | ||
| - | } | ||
| - | #DrawerMenu a { | ||
| - | -webkit-box-sizing: border-box; | ||
| - | -moz-box-sizing: border-box; | ||
| - | box-sizing: border-box; | ||
| - | display: block; | ||
| - | color: #fff; | ||
| - | font-size: 1em; | ||
| - | font-weight: normal; | ||
| - | padding: 10px; | ||
| - | } | ||
| - | #DrawerMenu li > ul a { | ||
| - | padding: 10px 10px 10px 1.6em; | ||
| - | } | ||
| - | |||
| - | /*# Drawermenu "sign in" options have fixed html, so to align | ||
| - | the "or" text, do these terrible things. #*/ | ||
| - | #DrawerMenu li > div { | ||
| - | padding: 0 15px; | ||
| - | } | ||
| - | #DrawerMenu li > div > a { | ||
| - | margin: 0 -15px; | ||
| - | } | ||
| - | |||
| - | /*# DRAWERMENU EXPANDER #*/ | ||
| - | #DrawerMenu .subcat-expand { | ||
| - | border-left: 1px solid #555; | ||
| - | position: absolute; | ||
| - | right: 0; | ||
| - | top: 0; | ||
| - | height: 40px; | ||
| - | width: 40px; | ||
| - | } | ||
| - | #DrawerMenu .subcat-expand:after { | ||
| - | color: #fff; | ||
| - | content: '+'; | ||
| - | display: block; | ||
| - | font-size: 28px; | ||
| - | text-align: center; | ||
| - | position: relative; | ||
| - | top: 50%; | ||
| - | -webkit-transform: translateY(-50%); | ||
| - | transform: translateY(-50%); | ||
| - | } | ||
| - | #DrawerMenu .subcat-expand.subcat-expanded:after { | ||
| - | content: '-' | ||
| - | } | ||
| - | |||
| - | /*# DRAWERMENU SUB MENUS #*/ | ||
| - | #DrawerMenu .drawer-subcat { | ||
| - | background: #444; | ||
| - | display: block !important; | ||
| - | max-height: 0; | ||
| - | overflow: hidden; | ||
| - | left: auto; | ||
| - | top: auto; | ||
| - | position: relative; | ||
| - | visibility: visible !important; | ||
| - | -webkit-transition: all 200ms ease-in; | ||
| - | transition: all 200ms ease-in; | ||
| - | width: 100%; | ||
| - | } | ||
| - | #DrawerMenu .drawer-subcat.expanded { | ||
| - | border-top: 1px solid #555; | ||
| - | max-height: 1000px; | ||
| - | } | ||
| - | |||
| - | /*# DRAWER MENU CURRENCY SELECTOR #*/ | ||
| - | |||
| - | .js-drawermenu-currency-converter { | ||
| - | color: #ccc; | ||
| - | font-size: 12px; | ||
| - | padding: 15px 0; | ||
| - | } | ||
| - | .js-drawermenu-currency-converter span { | ||
| - | color: #ccc !important; | ||
| - | } | ||
| - | |||
| - | #SideAccountNavigation .CurrencyChooser { | ||
| - | background: none; | ||
| - | border: none; | ||
| - | display: block; | ||
| - | float: none; | ||
| - | left: auto; | ||
| - | margin-top: 15px !important; | ||
| - | padding: 0; | ||
| - | position: relative; | ||
| - | padding-bottom: 30px; | ||
| - | right: auto; | ||
| - | top: auto; | ||
| - | } | ||
| - | #SideAccountNavigation #change-currency, | ||
| - | #SideAccountNavigation h2 { | ||
| - | display: none | ||
| - | } | ||
| - | |||
| - | #SideAccountNavigation .selected-currency { | ||
| - | background-color: #474747; | ||
| - | border: 1px solid #5c5c5c; | ||
| - | } | ||
| - | |||
| - | #SideAccountNavigation .selected-currency .Text { | ||
| - | padding: 0 0 0 9px; | ||
| - | } | ||
| - | |||
| - | #SideAccountNavigation .CurrencyList { | ||
| - | display: none; | ||
| - | } | ||
| - | #SideAccountNavigation .CurrencyList.open { | ||
| - | display: block; | ||
| - | } | ||
| - | |||
| - | #SideAccountNavigation .CurrencyList dd { | ||
| - | border: none; | ||
| - | } | ||
| - | #SideAccountNavigation .CurrencyList a { | ||
| - | background: #474747; | ||
| - | border-bottom: 1px solid #383838; | ||
| - | display: block; | ||
| - | font-size: 11px; | ||
| - | height: 32px; | ||
| - | line-height: 32px; | ||
| - | overflow: hidden; | ||
| - | padding: 0 10px; | ||
| - | text-overflow: ellipsis; | ||
| - | white-space: nowrap; | ||
| - | -moz-transition: all 60ms ease; | ||
| - | -webkit-transition: all 60ms ease; | ||
| - | -o-transition: all 60ms ease; | ||
| - | transition: all 60ms ease; | ||
| - | } | ||
| - | #SideAccountNavigation .CurrencyList a:hover { | ||
| - | background-color: none | ||
| - | } | ||
| - | |||
| - | #SideAccountNavigation .CurrencyList .Flag { | ||
| - | display: inline-block; | ||
| - | float: none; | ||
| - | padding: 0; | ||
| - | text-align: left; | ||
| - | vertical-align: middle; | ||
| - | zoom: 1; | ||
| - | } | ||
| - | #SideAccountNavigation .CurrencyList .Text { | ||
| - | color: #ccc !important; | ||
| - | display: inline-block; | ||
| - | overflow: hidden; | ||
| - | padding: 0 0 0 5px !important; | ||
| - | vertical-align: middle; | ||
| - | white-space: nowrap; | ||
| - | } | ||
| - | |||
| - | /*# CONTACT, PAYMENT FORM BUTTON ALIGNMENT #*/ | ||
| - | #ContactForm dd, | ||
| - | #CheckoutStepPaymentDetails dd { | ||
| - | float: none; | ||
| - | margin-left: 20%; | ||
| - | padding-left: 0; | ||
| - | } | ||
| - | #ContactForm .Submit, | ||
| - | #CheckoutStepPaymentDetails .Submit { | ||
| - | margin: 0 0 20px 20%; | ||
| - | padding: 0; | ||
| - | } | ||
| - | |||
| - | /* OLD 1024px from responsive.css */ | ||
| - | |||
| - | /* Hide */ | ||
| - | .productOptionPreviewDisplay, | ||
| - | .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent { | ||
| - | display: none !important; | ||
| - | } | ||
| - | /* Show */ | ||
| - | |||
| - | /* Layout */ | ||
| - | |||
| - | #home .ProductList li, | ||
| - | .productPage .ProductList li { | ||
| - | width: 20%; | ||
| - | } | ||
| - | |||
| - | .PurchaseGiftCertificate .FormContainer dt { | ||
| - | text-align: left; | ||
| - | width: auto; | ||
| - | clear: both; | ||
| - | float: none; | ||
| - | padding: 0 0 10px 0; | ||
| - | } | ||
| - | |||
| - | .PurchaseGiftCertificate .FormContainer dd { | ||
| - | padding: 0; | ||
| - | margin: 0 0 20px 0; | ||
| - | } | ||
| - | |||
| - | /* Cart Styling */ | ||
| - | |||
| - | .ExpressCheckoutContent { | ||
| - | padding: 0; | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | .ExpressCheckoutContent > div { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | |||
| - | /* ============================================================================= | ||
| - | light.css | ||
| - | ========================================================================== */ | ||
| - | |||
| - | /*!!!!!!!!!!!!!!!!!!!! | ||
| - | |||
| - | The contents of light.css have been moved here. | ||
| - | |||
| - | !!!!!!!!!!!!!!!!!!!!*/ | ||
| - | |||
| - | /* Color: White */ | ||
| - | |||
| - | .slide-show ul li { | ||
| - | padding: 0; | ||
| - | margin: 0; | ||
| - | } | ||
| - | #HeaderLower { | ||
| - | border-top: 4px solid #333; | ||
| - | } | ||
| - | #SideCategoryList li li, | ||
| - | #SideCategoryList .sf-menu li li { | ||
| - | background-image: none; | ||
| - | position: relative; | ||
| - | } | ||
| - | #SideCategoryList li li:last-child, #SideCategoryList .sf-menu li li:last-child { | ||
| - | border: 0; | ||
| - | } | ||
| - | #SideCategoryList li ul li ul, #SideCategoryList .sf-menu li ul li ul { | ||
| - | border: 0px solid #333; | ||
| - | } | ||
| - | .Block.banner_home_page_bottom div .text.text-light *, | ||
| - | .Block.banner_category_page_bottom div .text.text-light *, | ||
| - | .Block.banner_brand_page_bottom div .text.text-light *, | ||
| - | .Block.banner_search_page_bottom div .text.text-light * { /* Reverse text colour */ | ||
| - | color: #fff !important; | ||
| - | text-shadow: 1px 1px 2px #333 !important; | ||
| - | } | ||
| - | a.btn_link { /* All boxed links within banners */ | ||
| - | color: #fff !important; | ||
| - | background: #333; | ||
| - | padding: 2px 10px 2px 10px !important; | ||
| - | } | ||
| - | .Right .Block h2 { | ||
| - | border-bottom: 1px solid #d6d6d6; | ||
| - | } | ||
| - | .Right li { | ||
| - | border-bottom: 1px solid #d6d6d6; | ||
| - | } | ||
| - | |||
| - | .Right .TopSellers li .TopSellerNumber { /* Contains the number of the item */ | ||
| - | display: none; | ||
| - | } | ||
| - | .CompareItem { width:200px; border-left: 1px solid #d6d6d6; } | ||
| - | .CompareFieldName { font-weight:bold } | ||
| - | .CompareFieldTop { border-bottom:s 1px solid #d6d6d6; font-size:14px; padding: 20px 10px; } | ||
| - | .CompareFieldTop a:hover { color:#333; } | ||
| - | |||
| - | .CartContents tfoot .SubTotal td div { | ||
| - | padding: 20px 0; | ||
| - | position: relative; | ||
| - | overflow: hidden; | ||
| - | } | ||
| - | .JustAddedProduct { | ||
| - | border: 1px solid #d6d6d6; | ||
| - | background: #fff; | ||
| - | } | ||
| - | |||
| - | /*custom */ | ||
| - | .CartContents tfoot .CheckoutRedeemCoupon { | ||
| - | background: none repeat scroll 0 0 #fff; | ||
| - | border: 0 solid #d6d6d6; | ||
| - | height: 100%; | ||
| - | line-height: 4.2em; | ||
| - | margin: 0; | ||
| - | padding: 0 10px; | ||
| - | text-align: right; | ||
| - | } | ||
| - | .CartContents tfoot .CheckoutRedeemCoupon td { | ||
| - | padding-right: 0; | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | .InfoMessage { | ||
| - | margin-bottom: 20px; | ||
| - | } | ||
| - | .SuccessMessage, .ErrorMessage, .InfoMessage { | ||
| - | margin: 0 0 20px 0; | ||
| - | padding: 20px; | ||
| - | padding-left: 55px; | ||
| - | } | ||
| - | .SuccessMessage { | ||
| - | background: #eaf1c4 url('../images/success.png') no-repeat 15px center; | ||
| - | } | ||
| - | .ErrorMessage { | ||
| - | background: #fdd6ce url('../images/error.png') no-repeat 15px center; | ||
| - | } | ||
| - | .InfoMessage { | ||
| - | background: #efefef url('../images/info.png') no-repeat 15px center; | ||
| - | } | ||
| - | .ComparisonTable tr:hover td, .ComparisonTable tr.Over td { | ||
| - | background: #fff; | ||
| - | } | ||
| - | .QuickSearchResult .Price { | ||
| - | color: #333; | ||
| - | } | ||
| - | .SearchTips .Examples { | ||
| - | background: #fff; | ||
| - | } | ||
| - | .Right hr { | ||
| - | background: transparent; | ||
| - | border: 0; | ||
| - | } | ||
| - | .MiniCart .SubTotal { | ||
| - | color: #333; | ||
| - | } | ||
| - | |||
| - | /* Shipping Estimation on Cart Contents Page */ | ||
| - | .EstimateShipping { | ||
| - | background: #fff; | ||
| - | text-align: left; | ||
| - | } | ||
| - | |||
| - | /* Product Videos */ | ||
| - | |||
| - | .videoRow:hover { | ||
| - | background-color: #ededed; | ||
| - | } | ||
| - | .CartContents .ItemShipping th { | ||
| - | border-bottom-color: #d6d6d6; | ||
| - | border-top-color: #d6d6d6; | ||
| - | background: #fff; | ||
| - | color: #2f2f2f; | ||
| - | } | ||
| - | |||
| - | /* start fast cart styles */ | ||
| - | |||
| - | .fastCartSummaryBox { | ||
| - | background-color: #eaeaea; | ||
| - | } | ||
| - | |||
| - | /* end fast cart styles */ | ||
| - | |||
| - | .ProductTinyImageList li { | ||
| - | border-color: #eee !important; | ||
| - | } | ||
| - | .TinyOuterDiv { | ||
| - | border-color: #eee !important; | ||
| - | } | ||
| - | |||
| - | /* ============================================================================= | ||
| - | theme.css | ||
| - | ========================================================================== */ | ||
| - | |||
| - | /*!!!!!!!!!!!!!!!!!!!! | ||
| - | |||
| - | Styles generated by the Bigcommerce style editor have been disabled | ||
| - | via theme.less and the contents of customtheme.css have been moved here. | ||
| - | |||
| - | !!!!!!!!!!!!!!!!!!!!*/ | ||
| - | |||
| - | .SortBox { | ||
| - | color: #999999; | ||
| - | } | ||
| - | #SearchForm .Button, | ||
| - | #SearchForm input.Textbox, | ||
| - | #SearchForm { | ||
| - | border: 1px solid #e3e3e3; | ||
| - | background-color: #fff; | ||
| - | } | ||
| - | .footer-main a { | ||
| - | color: #999999; | ||
| - | } | ||
| - | .footer-main a:hover { | ||
| - | color: #333333; | ||
| - | } | ||
| - | .footer-links { | ||
| - | background: #eeeeee; | ||
| - | color: #999999; | ||
| - | } | ||
| - | .footer-links a { | ||
| - | color: #999999; | ||
| - | } | ||
| - | .newsletter-subscription { | ||
| - | border-color: #e3e3e3; | ||
| - | } | ||
| - | body, | ||
| - | .HorizontalFormContainer dd .selector span, | ||
| - | .fastCartTop div, | ||
| - | .list-icon li { | ||
| - | color: #333333; | ||
| - | } | ||
| - | input, | ||
| - | select, | ||
| - | textarea, | ||
| - | input.Textbox, | ||
| - | input[type="text"], | ||
| - | #SearchForm input { | ||
| - | color: #333333; | ||
| - | } | ||
| - | #ModalContent, | ||
| - | .ModalContent, | ||
| - | .CurrencyChooser a span { | ||
| - | color: #333333; | ||
| - | } | ||
| - | .header-logo a, | ||
| - | .header-logo a:hover { | ||
| - | color: #333333; | ||
| - | } | ||
| - | .icon-add:hover { | ||
| - | background-color: #428bca; | ||
| - | } | ||
| - | .multiStep li a { | ||
| - | color: #a6c8e6; | ||
| - | } | ||
| - | .Left li a.active, | ||
| - | a:hover, | ||
| - | .recaptchatable a:hover, | ||
| - | .page-content #LayoutColumn2 a.pname:hover, | ||
| - | #ModalContent a:hover, | ||
| - | .ModalContent a:hover { | ||
| - | color: #2a6496; | ||
| - | } | ||
| - | .multiStep li.ActivePage h4 { | ||
| - | border-bottom: 4px solid #2a6496; | ||
| - | } | ||
| - | .icon-add { | ||
| - | background: #2a6496 url("../images/add.png") no-repeat scroll 50% 50%; | ||
| - | } | ||
| - | .productOptionViewProductPickListWithImage td { | ||
| - | border-bottom: 1px dotted #e3e3e3; | ||
| - | } | ||
| - | .TopMenu, | ||
| - | .TopMenu a { | ||
| - | color: #b3b3b3; | ||
| - | } | ||
| - | .TopMenu .CartLink a { | ||
| - | color: #333333; | ||
| - | } | ||
| - | .TopMenu li.Flag img.Selected { | ||
| - | border: 2px solid #e3e3e3; | ||
| - | } | ||
| - | .productOptionViewRectangle .option.selectedValue label { | ||
| - | border: 1px solid #333333; | ||
| - | } | ||
| - | .productOptionPickListSwatch .selectedValue .textureContainer, | ||
| - | .productOptionPickListSwatch .selectedValue .swatchColours { | ||
| - | border: 1px solid #e3e3e3; | ||
| - | border-color: #3d3d3d; | ||
| - | } | ||
| - | .productOptionPickListSwatch .textureContainer, | ||
| - | .productOptionPickListSwatch .swatchColours, | ||
| - | .productOptionViewRectangle .option label, | ||
| - | .recaptchatable #recaptcha_response_field, | ||
| - | .zoomWrapper, | ||
| - | #ProductDetails .ProductTinyImageList ul li.selected { | ||
| - | border: 1px solid #e3e3e3; | ||
| - | } | ||
| - | .CurrencyList dd, | ||
| - | select, | ||
| - | hr, | ||
| - | input.Textbox, | ||
| - | textarea, | ||
| - | input[type="text"], | ||
| - | input[type="password"], | ||
| - | .QuickSearch, | ||
| - | .SharePublicWishList, | ||
| - | .ExpressCheckoutBlock .ExpressCheckoutTitle, | ||
| - | .HowToPay, | ||
| - | .NotifyMessage, | ||
| - | .QuickSearchResult .QuickSearchResultImage, | ||
| - | .CurrencyChooser, | ||
| - | div.uploader, | ||
| - | div.selector { | ||
| - | border: 1px solid #e3e3e3; | ||
| - | } | ||
| - | .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent, | ||
| - | div.uploader span.action { | ||
| - | border-left: 1px solid #e3e3e3; | ||
| - | } | ||
| - | .TitleHeading { | ||
| - | border-bottom: 1px solid #e3e3e3; | ||
| - | } | ||
| - | .ProductList.List .ProductDetails { | ||
| - | border-top: 1px solid #e3e3e3; | ||
| - | } | ||
| - | .btn.text { | ||
| - | color: #666666; | ||
| - | } | ||
| - | table tbody tr td, | ||
| - | table.General tbody tr td, | ||
| - | table.CartContents tbody tr td, | ||
| - | .CompareFieldName { | ||
| - | border-bottom: 1px solid #e3e3e3; | ||
| - | width: 900px; | ||
| - | } | ||
| - | .phoneIcon { | ||
| - | color: #333333; | ||
| - | font-weight: bold; | ||
| - | } | ||
| - | .ProductList li .ProductCompareButton { | ||
| - | color: #bebebe; | ||
| - | } | ||
| - | #prodAccordion .Block { | ||
| - | border-bottom: 1px solid #e3e3e3; | ||
| - | } | ||
| - | .productOptionViewRectangle .option label { | ||
| - | color: #999999; | ||
| - | } | ||
| - | .productOptionViewRectangle .option.selectedValue label { | ||
| - | color: #333333; | ||
| - | } | ||
| - | .ProductDetailsGrid .DetailRow.product-rating { | ||
| - | border-bottom: 1px solid #e3e3e3; | ||
| - | } | ||
| - | .Meta { | ||
| - | color: #999999; | ||
| - | } | ||
| - | .ProductReviewList li { | ||
| - | border-bottom: 1px solid #e3e3e3; | ||
| - | } | ||
| - | .borderB { | ||
| - | border-bottom: 1px solid #e3e3e3; | ||
| - | } | ||
| - | .borderR { | ||
| - | border-right: 1px solid #e3e3e3; | ||
| - | } | ||
| - | .txt24 { | ||
| - | font-family: "Open Sans", Arial, Sans-serif; | ||
| - | } | ||
| - | .EstimateShipping { | ||
| - | border: 1px solid #e3e3e3; | ||
| - | } | ||
| - | .CartContents tfoot .SubTotal td { | ||
| - | border-top: 1px solid #e3e3e3; | ||
| - | border-bottom: 1px solid #e3e3e3; | ||
| - | } | ||
| - | /* --- Responsive --- */ | ||
| - | /* 767px */ | ||
| - | @media screen and (max-width: 767px) { | ||
| - | #cart-amount .Cart .total { | ||
| - | background: #333333; | ||
| - | color: #ffffff; | ||
| - | } | ||
| - | #cart-amount .Cart .bag-handle { | ||
| - | border: 2px solid #333333; | ||
| - | } | ||
| - | .BillingDetails, | ||
| - | .ShippingDetails { | ||
| - | border-top: 1px solid #e3e3e3; | ||
| - | } | ||
| - | } | ||
| - | #co-app { | ||
| - | font-family: "Open Sans", Arial, Sans-serif; | ||
| - | } | ||
| - | #co-app .co-header { | ||
| - | background: #ffffff; | ||
| - | border-bottom: 1px solid #e3e3e3; | ||
| - | } | ||
| - | #co-app .co-header--title > h2 { | ||
| - | color: #333333; | ||
| - | font-family: "Open Sans", Arial, Sans-serif; | ||
| - | } | ||
| - | #co-app .co-steps-nav li.is-active a { | ||
| - | color: #333333; | ||
| - | } | ||
| - | #co-app .co-steps-nav li.is-disabled a, | ||
| - | #co-app .co-steps-nav li.is-disabled a:hover, | ||
| - | #co-app .co-steps-nav li.is-disabled a:active, | ||
| - | #co-app .co-steps-nav li.is-disabled a:focus { | ||
| - | color: #333333; | ||
| - | opacity: 0.5; | ||
| - | } | ||
| - | #co-app .co-steps-nav a { | ||
| - | color: #333333; | ||
| - | font-family: "Open Sans", Arial, Sans-serif; | ||
| - | } | ||
| - | #co-app .co-steps-nav--divider { | ||
| - | color: #333333; | ||
| - | } | ||
| - | #co-app .bui-modal-content { | ||
| - | background-color: #ffffff; | ||
| - | } | ||
| - | #co-app .co-selectable-panel { | ||
| - | -ms-border-radius: 0px; | ||
| - | -webkit-border-radius: 0px; | ||
| - | -moz-border-radius: 0px; | ||
| - | border-radius: 0px; | ||
| - | } | ||
| - | #co-app input, | ||
| - | #co-app select { | ||
| - | -ms-border-radius: 0px; | ||
| - | -webkit-border-radius: 0px; | ||
| - | -moz-border-radius: 0px; | ||
| - | border-radius: 0px; | ||
| - | } | ||
| - | #co-app .bui-button { | ||
| - | text-transform: uppercase; | ||
| - | font-size: 11px; | ||
| - | font-weight: normal; | ||
| - | height: 35px; | ||
| - | line-height: 35px; | ||
| - | letter-spacing: 1px; | ||
| - | padding: 0 1.2em; | ||
| - | vertical-align: middle; | ||
| - | -webkit-box-sizing: border-box; | ||
| - | -moz-box-sizing: border-box; | ||
| - | box-sizing: border-box; | ||
| - | } | ||
| - | #co-app .bui-button .bui-icon { | ||
| - | line-height: inherit; | ||
| - | } | ||
| - | #co-app .bui-button-primary { | ||
| - | border: 1px solid #333333; | ||
| - | background: #333333; | ||
| - | color: #ffffff; | ||
| - | -ms-border-radius: 0px; | ||
| - | -webkit-border-radius: 0px; | ||
| - | -moz-border-radius: 0px; | ||
| - | border-radius: 0px; | ||
| - | } | ||
| - | #co-app .bui-button.bui-button-primary:hover, | ||
| - | #co-app .bui-button.bui-button-primary:focus { | ||
| - | border-color: #6aa3d5; | ||
| - | background: #6aa3d5; | ||
| - | } | ||
| - | #co-app .bui-button-link, | ||
| - | #co-app .bui-button-secondary { | ||
| - | background-color: transparent; | ||
| - | border: 3px solid #333333; | ||
| - | color: #333333; | ||
| - | line-height: 29px; | ||
| - | -ms-border-radius: 0px; | ||
| - | -webkit-border-radius: 0px; | ||
| - | -moz-border-radius: 0px; | ||
| - | border-radius: 0px; | ||
| - | } | ||
| - | #co-app .bui-button.bui-button-link:hover, | ||
| - | #co-app .bui-button.bui-button-link:focus, | ||
| - | #co-app .bui-button.bui-button-secondary:hover, | ||
| - | #co-app .bui-button.bui-button-secondary:focus { | ||
| - | border: 3px solid #999999; | ||
| - | background-color: transparent; | ||
| - | color: #999999; | ||
| - | text-decoration: none; | ||
| - | } | ||
| - | #co-app .co-side--finishchangeitems { | ||
| - | height: 21px; | ||
| - | padding: 3px 6px 3px; | ||
| - | line-height: 14px; | ||
| - | } | ||
| - | @media (max-width: 1019px) { | ||
| - | #co-app .co-side { | ||
| - | background-color: #ffffff; | ||
| - | } | ||
| - | } | ||
| - | @media (min-width: 1020px) { | ||
| - | #co-app .co-main { | ||
| - | border-right: 1px solid #e3e3e3; | ||
| - | } | ||
| - | } | ||
| - | |||
| - | #PrimaryMenu { float: left; width: 900px; } | ||
| - | .header-secondary { display: none; } | ||
| - | .nav-right { float: right; margin-top: 4px; } | ||
| - | .nav-right #SearchForm { float: right; } | ||
| - | #Header .col-sm-3 { text-align:center; } | ||
| - | |||
| - | \\ | ||
