This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
offtoa [2014/09/17 14:44] mdavis |
offtoa [2016/09/19 13:19] (current) |
||
---|---|---|---|
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 ====== | ====== Offtoa Help Center ====== | ||
- | ^BROWSE HELP TOPICS ^SEARCH 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} | | | | + | |**[[: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:assumptions|Assumptions]]** \\ <font 11px/arial>Key points of your company to analyse. General, Expense, Financing, Revenue Assumptions</font> |[[faqs|{{: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: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:financial_reports|Financial Reports]]** \\ <font 11px/arial>After entering your Assumptions, view your financial performance on //Pro Forma// reports</font> |::: | | | | + | |**[[:using-offtoa: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: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:offtoascore|OfftoaScore]]** \\ <font 11px/arial>Our [[:using-offtoa:offtoascore|OfftoaScore]] shows you instantaneous progress on what your changes have done \\ for your business's future.</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; } | + | |
\\ | \\ | ||