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; |