This is an old revision of the document!
/*! 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”] {
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”] {
box-sizing: content-box;
} input[type=“search”]::-webkit-search-cancel-button, input[type=“search”]::-webkit-search-decoration {
} 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; }
} * {
box-sizing: border-box; } *:before, *:after {
box-sizing: border-box; }
html {
font-size: 62.5%;
} 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;
BROWSE HELP TOPICS | SEARCH HELP CENTER | ||
---|---|---|---|
Get Started Welcome to Offtoa! Learn what the first steps are to get started | |||
Why Offtoa? What makes Offtoa different? Find out now | |||
Assumptions Key points of your company to analyse. General, Expense, Financing, Revenue Assumptions | Updates and Changes Coming soon! Version 3 of Offtoa…a more intuitive and navigable interface. | ||
Financial Reports After entering your Assumptions, view your financial performance on Pro Forma reports | |||
Analyze Business 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. | |||
OfftoaScore Our patended OfftoaScore shows you instantaneous progress on what your changes have done for your businesses future. | |||
User Options Edit fine-toothed settings to ensure that your results are great. | |||
The Accounting Behind Offtoa Find out how Offtoa works behind the scenes so that you are more informed. |
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;
}
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 {
}
#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 */
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 */
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 */
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 == */
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;
}
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 /
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;
}
font-weight: bold;
}
margin-bottom: 20px;
}
.Left #VideoMiddleContainer, .Right #VideoMiddleContainer {
display: none;
}
.Content #VideoSideContainer {
display: none;
}
#VideoSideContainer ul {
text-align: center;
}
#VideoSideContainer ul li {
margin-bottom: 5px;
}
padding: 2px 10px;
}
position: relative; float: left;
}
position: relative; overflow: hidden; z-index: 2;
}
.Panel#ProductTabs {
padding-top: 0px;
}
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;
}
height: auto;
}
float: none;
}
#SharingDataChoices li {
width: auto; height: auto;
}
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;
}
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;
}
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;
}
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;
}
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;
}
margin: 0; padding: 0; list-style: none;
}
.Meta {
font-size: 12px;
}
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;
}
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;
}
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;
}
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;
}
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;
}
display: none;
}
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;
}
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;
}
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 {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
border-color: #999;
}
/* SPRITES */ /* Select */
div.selector, div.selector span {
line-height: 25px; height: 25px;
}
div.selector select {
/* change these to adjust positioning of select element */ top: 0; right: 0; bottom: 0; left: 0;
}
/* Checkbox */ div.checker {
height: 18px; width: 18px;
}
div.checker input {
height: 18px; width: 18px;
}
div.checker span { background-position: 1px -54px; height: 18px; width: 18px; }
div.checker span.checked, div.checker:active span.checked, div.checker.active span.checked, div.checker.focus span.checked, div.checker:hover span.checked {
background-position: -22px -54px;
}
/* Radio */ div.radio {
width: 18px; height: 18px; background: none;
}
div.radio input {
width: 18px; height: 18px;
}
div.radio span {
height: 18px; width: 18px; background-position: 0px -80px;
}
div.radio span.checked, div.radio:active span.checked, div.radio.active span.checked, div.radio.focus span.checked, div.radio:hover span.checked {
background-position: -21px -80px;
}
/* Uploader */ div.uploader {
background-color: #fff; height: 35px; position: relative; overflow: hidden; width: 300px;
}
div.uploader span.action {
background-color: #fff; height: 35px; line-height: 35px; float: right; padding: 0 10px; overflow: hidden; cursor: pointer; font-size: 11px; font-weight: bold;
}
div.uploader span.filename {
height: 37px; line-height: 37px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; padding-left: 10px;
}
div.uploader input {
opacity: 0; filter: ~"alpha(opacity=0)"; -moz-opacity: 0; position: absolute; font-size: 100px; top: 0; right: 0; bottom: 0; float: right; height: 100px; border: none; cursor: default;
}
/* Uploader */
div.uploader span.filename {
color: #777; font-size: 11px;
}
div.uploader.disabled span.action {
color: #aaa;
}
div.uploader.disabled span.filename {
border-color: #ddd; color: #aaa;
}
div.uploader.focus, div.uploader.hover, div.uploader:hover {
background-position: 0px -353px;
}
div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {
background-position: right -437px;
}
div.uploader.active span.action, div.uploader:active span.action {
background-position: right -465px;
}
div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {
background-position: right -493px;
}
div.uploader.disabled {
background-position: 0px -325px;
}
div.uploader.disabled span.action {
background-position: right -381px;
}
div.button {
background-position: 0px -523px;
}
div.button span {
background-position: right -643px;
}
div.button.focus, div.button:focus, div.button:hover, div.button.hover {
background-position: 0px -553px;
}
div.button.focus span, div.button:focus span, div.button:hover span, div.button.hover span {
background-position: right -673px;
}
div.button.active, div.button:active {
background-position: 0px -583px;
}
div.button.active span, div.button:active span {
background-position: right -703px; color: #555;
}
div.button.disabled, div.button:disabled {
background-position: 0px -613px;
}
div.button.disabled span, div.button:disabled span {
background-position: right -733px; color: #bbb; cursor: default;
}
/* PRESENTATION */ /* Button */
div.button {
height: 30px;
}
div.button span {
margin-left: 13px; height: 22px; padding-top: 8px; font-weight: bold; font-size: 12px; text-transform: uppercase; padding-left: 2px; padding-right: 15px;
}
/* Select */ div.selector {
font-size: 14px; background-color: #fff; background-image: url(../images/icon_arrow_down.png); background-repeat: no-repeat; background-position: 95% 50%; height: 37px; line-height: 37px; min-height: 37px !important; padding: 3px 0 !important;
}
.CartItemQuantity .selector, .DetailRow.qty .selector {
background-position: 82% 50%;
}
div.selector select {
font-size: 12px; line-height: 18px; border: solid 1px #fff; width: 100%;
}
div.selector span {
padding: 5px 25px 5px 10px !important; cursor: pointer; background: none; line-height: 20px;
}
div.selector.disabled span {
color: #bbb;
}
/* Checker */ div.checker {
margin-right: 5px;
}
/* Radio */ div.radio {
margin-right: 3px;
}
/* CORE FUNCTIONALITY Not advised to edit stuff below this line
*/ .selector, .checker, .button, .radio, .uploader {
display: -moz-inline-box; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1;
}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
outline: 0;
}
/* Button */ div.button a, div.button button, div.button input {
position: absolute;
}
div.button {
cursor: pointer; position: relative;
}
div.button span {
display: -moz-inline-box; display: inline-block; line-height: 1; text-align: center;
}
/* Select */ div.selector {
float: none; position: relative; display: inline-block; *display: inline; *zoom: 1;
}
div.selector span {
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px;
}
div.selector select {
position: absolute; opacity: 0; filter: ~"alpha(opacity=0)"; /* use '=' here, not ':' */ -moz-opacity: 0; border: none; background: none;
}
/* Checker */ div.checker {
position: relative;
}
div.checker span {
display: -moz-inline-box; display: inline-block; text-align: center;
}
div.checker input {
opacity: 0; filter: ~"alpha(opacity=0)"; -moz-opacity: 0; display: inline-block; background: none;
}
/* Radio */
div.radio {
position: relative;
}
div.radio span {
display: -moz-inline-box; display: inline-block; text-align: center;
}
div.radio input {
opacity: 0; filter: ~"alpha(opacity=0)"; -moz-opacity: 0; text-align: center; display: inline-block; background: none;
}
/* Custom.css ————————————————————– */
.brand-name{ padding: 5px 0 5px 4%; text-align: left; min-height: 30px;
}
.right{
float: right;
}
.txt24 {
font-size: 1.4em; font-weight: bold; margin: 0 0 20px 0;
}
.txt24 em {
font-style: normal !important;
}
.p-relative {
position: relative;
}
.p-absolute {
position: absolute; left: 50px; bottom: 33%;
}
.icon-delete, .icon-edit, .icon-share, #WishLists .txt-hide a {
float: left; width: 18px; height: 21px; margin-right: 10px; background: url(../images/icons_off.png) no-repeat -170px -152px;
}
.icon-delete:hover, .icon-edit:hover, .icon-share:hover, #WishLists .txt-hide a:hover, #WishLists .txt-hide .icon-delete:hover, #WishLists .txt-hide .icon-edit:hover {
background: url(../images/icons_on.png) no-repeat -170px -152px; background-color: transparent !important;
}
.icon-edit, .icon-edit:hover, #WishLists .txt-hide .icon-edit, #WishLists .txt-hide .icon-edit:hover {
background-position: -140px -152px;
}
.icon-delete, .icon-delete:hover, #WishLists .txt-hide .icon-delete, #WishLists .txt-hide .icon-delete:hover {
background-position: -108px -152px;
}
.c-wrap {
width: 980px; margin: 0 auto; display: block; clear: both;
}
.txt-center{
text-align: center!important;
}
.txt-left{
text-align: left!important;
}
.txt-right{
text-align: right!important;
}
small{
font-size: 12px!important;
}
ul ul ul{
list-style-image: url(../images/bullet_line.png);
}
.multiStep, .multiStep li {
list-style-type: none; margin: 0; padding: 0; list-style-image: none;
}
.multiStep {
text-align: center; position: relative; min-height: 1px; zoom: 1;
}
.multiStep li {
margin: 0 20px; position: relative; display: inline-block; *display: inline; *zoom: 1;
}
.multiStep li.ActivePage h4 {
padding-bottom: 0; margin-bottom: 1em;
}
.multiStep li .icon {
background: url("../images/nav_active.png") no-repeat; display: block; float: left; height: 8px; left: 50%; margin-left: -7px; position: absolute; bottom: -5px; width: 13px;
}
.li-list {
border-bottom: 1px solid #d6d6d6; padding: 20px 0;
}
.li-list h4 {
position: relative; z-index: 1;
}
.li-list form {
position: relative; z-index: 10;
}
.icon {
display: inline-block; width: 16px; height: 14px; background: url("../images/icon_sprite.png") no-repeat 0 -27px;
}
.icon-add {
position: absolute; right: 0; top: 0; height: 36px; width: 36px; margin: 0 !important; padding: 0 !important; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; transition: background-color 150ms ease 0s; -moz-transition: background-color 150ms ease; -webkit-transition: background-color 150ms ease; -o-transition: background-color 150ms ease; transition: background-color 150ms ease;
}
.icon-cart {
height: 20px; width: 15px; background-position: 0 -23px;
}
.icon-add:hover {
transition: background-color 150ms ease; }
.clear {
clear:both; overflow: hidden;
}
/* btn styles */
.Button a {
color: #ffffff!important;
}
.full-width {
display: block; clear: both; padding: 0;
}
.full-width .zeroLeft {
padding-left: 0 !important
}
.cpage .Content.Wide {
padding: 30px 0 0 45px; border-left: 1px solid #e8e8e8;
}
.productlist-page.Content {
padding: 0;
}
.productlist-page.Content .product-nav {
border: none;
}
.nav-prev, .nav-next {
float: left; width: 12px; height: 12px; margin: 12px 10px; text-indent: 99px; overflow: hidden; background: url(../images/icon_sprite.png) no-repeat -42px -26px;
}
.nav-next {
background-position: -54px -27px;
}
.mtop {
margin-top: 27px;
}
.pbtm {
padding-bottom: 30px;
}
.no-ptop {
padding-top: 0!important;
}
.list {
margin: 0; padding: 0 0 10px 0; list-style: none;
}
.list-icon, .list-news {
margin: 0; padding: 0; list-style: none;
}
.list-icon li {
line-height: 23px; padding: 0 0 10px 0;
}
.list-icon .icon {
width: 23px; height: 23px; margin: 0 15px 0 0; background-position: -41px 0;
}
.list-news li p {
margin-bottom: 10px;
}
.form {
display: block; clear: both; margin: 0; list-style: none;
}
.form li {
display: block; clear: both; width: 100%; padding: 10px 0;
}
.form li label, .form dt {
float: left; width: 175px; padding: 7px 25px 0 0; line-height: 22px;
}
.form dd {
margin-left: 0; float: none;
}
.addto {
display: block; clear: both; overflow: hidden; padding-top: 5px; padding-bottom: 20px;
}
.addto .BulkDiscount {
display: inline-block;
}
.addto #SideProductAddToWishList {
display: inline-block;
}
.txt-hide {
text-indent: -999px; overflow: hidden; color: #ffffff;
}
.left-content .ProductList .p-name {
float: left; font-size: 12px; margin: 5px 0 25px 0; padding: 5px 0 3px 5%; border-left: 2px solid #d6d6d6;
}
font-size: 11px;
}
#CartHeader {
position: relative;
} #CartHeader .btn {
top:50%; right: 0; margin-top: -20px !important; position: absolute;
}
.recaptcha_widget_div {
margin-bottom: 20px;
}
.recaptchatable {
background-color: #fff;
}
.productAttributeConfigurablePickListSet ul {
margin: 0;
}
html.javascript .productOptionViewRectangle label {
margin: 0 !important;
}
.fileInput {
margin-bottom: 10px;
}
padding-top: 20px;
}
.login-form label, .login-form input {
display: block; margin-bottom: 10px;
}
.login-form .actions label, .login-form .actions input {
display: inline-block; margin: 0 10px 0 0;
}
.login-form input[type=email], .login-form input[type=password] {
width: 50%;
}
/*#fancy_outer {
height: 500px !important;
}*/
div#fancy_overlay {
background: #000 !important; opacity: 0.7 !important;
}
div#fancy_outer {
position: fixed !important; /* The below need importants because we can't stop edit imodal. May be able to replace with another modal popup and implement it better. */ top: 20px !important; bottom: 20px !important; left: 0 !important; right: 0 !important; overflow-y: auto; overflow-x: hidden; margin: 0 auto !important; max-width: 920px !important; width: 95% !important;
height: auto !important; padding: 0 !important;
}
/* FlexSlider */
.flex-direction-nav a {
background-position: center center; height: auto; top: 0; bottom: 0; border: 0; margin: 0; max-width: 100px;
}
.flex-direction-nav .flex-prev {
background: url(../images/carousel-left-arrow.png) no-repeat center left; top: 0; left: 0 !important; bottom: 0; margin-top: -40px;
} .flex-direction-nav .flex-next {
background: url(../images/carousel-right-arrow.png) no-repeat center right; top: 0; right: 0 !important; bottom: 0; margin-top: -40px;
}
.CreateAccount ul {
line-height: 1.8em;
}
.recaptchatable * {
color: #000 !important;
}
div.FacebookLikeButtonContainer {
margin: 0 0 20px 0;
}
div.FacebookLikeButtonContainer iframe {
display: block; height: 20px; width: 100%;
}
/* Out of stock styling */
/* Out of Stock styling */
/* Gave strike through to text of out of stock options except rectangle styled */ label.outStock span.name {
text-decoration: line-through;
} .productOptionViewRectangle label.outStock span.name {
text-decoration: none;
}
/* Gave out of stock lists and radio selects 50% transparency */ .productOptionViewRadio .outStock span.name, .productOptionViewProductPickList .outStock span.name, .productOptionViewProductPickListWithImage .outStock span.name, .productOptionViewRectangle .option label.outStock {
opacity: 0.5; -ms-filter:~"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; *zoom: 1;
}
/* Made the container of the strike through image relative */ .productOptionPickListSwatch .outStock .swatchColour, .productOptionPickListSwatch .outStock .thumbnail, .productOptionViewRectangle .outStock name {
position: relative;
}
/* Gave out of stock swatches a strike through background image */ .productOptionPickListSwatch .outStock .swatchColour:after, .productOptionPickListSwatch .outStock .thumbnail:after, .productOptionViewRectangle .outStock .name:after {
position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("../images/out-of-stock-bg.png") center no-repeat; z-index: 999; content: "";
}
/*.productOptionViewRectangle .outStock span:after {
content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("../images/out-of-stock-bg.png") center no-repeat;
}*/
#DrawerMenu {
display:none;
}
/* Drawer menu ————————————————————– */
.ToggleMenu {
/*temp styles*/ padding: 15px 10px 10px; vertical-align: middle; cursor: pointer; font-size: 21px;
} #DrawerMenu a.DrawerMenu-close {
padding-top: 8px; padding-bottom: 8px; background: #444; font-size: 12px;
} #DrawerMenu a.DrawerMenu-close .fa {
font-size: 14px;
}
#Header, .page {
transition: transform 100ms ease-out; }
.page.off-screen {
transform: translateX(80%);
position: fixed; overflow-y: hidden;
}
#Header.off-screen {
transform: translateY(-100%); }
/*———————————————————————————————————- ############################################# DRAWER MENU ———————————————————————————————————-*/ #DrawerMenu {
position: absolute; bottom: 0; top: 0; z-index: 0; width: 80%; background-color: #333; color: #fff;
}
#DrawerMenu.on-screen { display: block; position: absolute; overflow-y: auto; }
#DrawerMenu div {
margin :0;
}
#DrawerMenu h3 {
background: #666; color: #fff; font-size: 0.8em; font-weight: normal; padding: 10px 15px; margin-bottom: 0; text-transform: uppercase;
}
#DrawerMenu ul {
list-style: none; margin: 0; padding: 0;
}
#DrawerMenu li { float: none; position: relative; border-bottom: 1px solid #555; list-style: none outside none; } #DrawerMenu a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; color: #fff; font-size: 1em; font-weight: normal; padding: 10px; } #DrawerMenu li > ul a { padding: 10px 10px 10px 1.6em; }
/*# Drawermenu "sign in" options have fixed html, so to align the "or" text, do these terrible things. #*/ #DrawerMenu li > div { padding: 0 15px; } #DrawerMenu li > div > a { margin: 0 -15px; }
/*# DRAWERMENU EXPANDER #*/ #DrawerMenu .subcat-expand {
border-left: 1px solid #555; position: absolute; right: 0; top: 0; height: 40px; width: 40px;
}
#DrawerMenu .subcat-expand:after { color: #fff; content: '+'; display: block; font-size: 28px; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #DrawerMenu .subcat-expand.subcat-expanded:after { content: '-' }
/*# DRAWERMENU SUB MENUS #*/ #DrawerMenu .drawer-subcat {
background: #444; display: block !important; max-height: 0; overflow: hidden; left: auto; top: auto; position: relative; visibility: visible !important; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; width: 100%;
}
#DrawerMenu .drawer-subcat.expanded { border-top: 1px solid #555; max-height: 1000px; }
/*# DRAWER MENU CURRENCY SELECTOR #*/
.js-drawermenu-currency-converter {
color: #ccc; font-size: 12px; padding: 15px 0;
}
.js-drawermenu-currency-converter span { color: #ccc !important; }
#SideAccountNavigation .CurrencyChooser {
background: none; border: none; display: block; float: none; left: auto; margin-top: 15px !important; padding: 0; position: relative; padding-bottom: 30px; right: auto; top: auto;
}
#SideAccountNavigation #change-currency, #SideAccountNavigation h2 { display: none }
#SideAccountNavigation .selected-currency { background-color: #474747; border: 1px solid #5c5c5c; }
#SideAccountNavigation .selected-currency .Text { padding: 0 0 0 9px; }
#SideAccountNavigation .CurrencyList { display: none; } #SideAccountNavigation .CurrencyList.open { display: block; }
#SideAccountNavigation .CurrencyList dd { border: none; } #SideAccountNavigation .CurrencyList a { background: #474747; border-bottom: 1px solid #383838; display: block; font-size: 11px; height: 32px; line-height: 32px; overflow: hidden; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; -moz-transition: all 60ms ease; -webkit-transition: all 60ms ease; -o-transition: all 60ms ease; transition: all 60ms ease; } #SideAccountNavigation .CurrencyList a:hover { background-color: none }
#SideAccountNavigation .CurrencyList .Flag { display: inline-block; float: none; padding: 0; text-align: left; vertical-align: middle; zoom: 1; } #SideAccountNavigation .CurrencyList .Text { color: #ccc !important; display: inline-block; overflow: hidden; padding: 0 0 0 5px !important; vertical-align: middle; white-space: nowrap; }
/*# CONTACT, PAYMENT FORM BUTTON ALIGNMENT #*/ #ContactForm dd, #CheckoutStepPaymentDetails dd {
float: none; margin-left: 20%; padding-left: 0;
} #ContactForm .Submit, #CheckoutStepPaymentDetails .Submit {
margin: 0 0 20px 20%; padding: 0;
}
/* OLD 1024px from responsive.css */
/* Hide */ .productOptionPreviewDisplay, .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
display: none !important;
} /* Show */
/* Layout */
#home .ProductList li, .productPage .ProductList li {
width: 20%;
}
.PurchaseGiftCertificate .FormContainer dt {
text-align: left; width: auto; clear: both; float: none; padding: 0 0 10px 0;
}
.PurchaseGiftCertificate .FormContainer dd {
padding: 0; margin: 0 0 20px 0;
}
/* Cart Styling */
padding: 0; margin-bottom: 20px;
}
.ExpressCheckoutContent > div {
margin-bottom: 20px;
}
/*
light.css ========================================================================== */
/*!!!!!!!!!!!!!!!!!!!!
The contents of light.css have been moved here.
!!!!!!!!!!!!!!!!!*/
/* Color: White */
.slide-show ul li {
padding: 0; margin: 0;
} #HeaderLower {
border-top: 4px solid #333;
} #SideCategoryList li li, #SideCategoryList .sf-menu li li {
background-image: none; position: relative;
} #SideCategoryList li li:last-child, #SideCategoryList .sf-menu li li:last-child {
border: 0;
} #SideCategoryList li ul li ul, #SideCategoryList .sf-menu li ul li ul {
border: 0px solid #333;
} .Block.banner_home_page_bottom div .text.text-light *, .Block.banner_category_page_bottom div .text.text-light *, .Block.banner_brand_page_bottom div .text.text-light *, .Block.banner_search_page_bottom div .text.text-light * { /* Reverse text colour */
color: #fff !important; text-shadow: 1px 1px 2px #333 !important;
} a.btn_link { /* All boxed links within banners */
color: #fff !important; background: #333; padding: 2px 10px 2px 10px !important;
} .Right .Block h2 {
border-bottom: 1px solid #d6d6d6;
} .Right li {
border-bottom: 1px solid #d6d6d6;
}
.Right .TopSellers li .TopSellerNumber { /* Contains the number of the item */
display: none;
} .CompareItem { width:200px; border-left: 1px solid #d6d6d6; } .CompareFieldName { font-weight:bold } .CompareFieldTop { border-bottom:s 1px solid #d6d6d6; font-size:14px; padding: 20px 10px; } .CompareFieldTop a:hover { color:#333; }
.CartContents tfoot .SubTotal td div {
padding: 20px 0; position: relative; overflow: hidden;
} .JustAddedProduct {
border: 1px solid #d6d6d6; background: #fff;
}
/*custom */ .CartContents tfoot .CheckoutRedeemCoupon {
background: none repeat scroll 0 0 #fff; border: 0 solid #d6d6d6; height: 100%; line-height: 4.2em; margin: 0; padding: 0 10px; text-align: right;
} .CartContents tfoot .CheckoutRedeemCoupon td {
padding-right: 0; font-weight: bold;
} .InfoMessage {
margin-bottom: 20px;
} .SuccessMessage, .ErrorMessage, .InfoMessage {
margin: 0 0 20px 0; padding: 20px; padding-left: 55px;
} .SuccessMessage {
background: #eaf1c4 url('../images/success.png') no-repeat 15px center;
} .ErrorMessage {
background: #fdd6ce url('../images/error.png') no-repeat 15px center;
} .InfoMessage {
background: #efefef url('../images/info.png') no-repeat 15px center;
} .ComparisonTable tr:hover td, .ComparisonTable tr.Over td {
background: #fff;
} .QuickSearchResult .Price {
color: #333;
} .SearchTips .Examples {
background: #fff;
} .Right hr {
background: transparent; border: 0;
color: #333;
}
/* Shipping Estimation on Cart Contents Page */ .EstimateShipping {
background: #fff; text-align: left;
}
/* Product Videos */
.videoRow:hover {
background-color: #ededed;
} .CartContents .ItemShipping th {
border-bottom-color: #d6d6d6; border-top-color: #d6d6d6; background: #fff; color: #2f2f2f;
}
/* start fast cart styles */
.fastCartSummaryBox {
background-color: #eaeaea;
}
/* end fast cart styles */
.ProductTinyImageList li {
border-color: #eee !important;
} .TinyOuterDiv {
border-color: #eee !important;
}
/*
theme.css ========================================================================== */
/*!!!!!!!!!!!!!!!!!!!!
Styles generated by the Bigcommerce style editor have been disabled via theme.less and the contents of customtheme.css have been moved here.
!!!!!!!!!!!!!!!!!*/
.SortBox {
color: #999999;
} #SearchForm .Button, #SearchForm input.Textbox, #SearchForm {
border: 1px solid #e3e3e3; background-color: #fff;
} .footer-main a {
color: #999999;
} .footer-main a:hover {
color: #333333;
} .footer-links {
background: #eeeeee; color: #999999;
} .footer-links a {
color: #999999;
} .newsletter-subscription {
border-color: #e3e3e3;
} body, .HorizontalFormContainer dd .selector span, .fastCartTop div, .list-icon li {
color: #333333;
} input, select, textarea, input.Textbox, input[type=“text”], #SearchForm input {
color: #333333;
} #ModalContent, .ModalContent, .CurrencyChooser a span {
color: #333333;
} .header-logo a, .header-logo a:hover {
color: #333333;
} .icon-add:hover {
background-color: #428bca;
} .multiStep li a {
color: #a6c8e6;
} .Left li a.active, a:hover, .recaptchatable a:hover, .page-content #LayoutColumn2 a.pname:hover, #ModalContent a:hover, .ModalContent a:hover {
color: #2a6496;
} .multiStep li.ActivePage h4 {
border-bottom: 4px solid #2a6496;
} .icon-add {
background: #2a6496 url("../images/add.png") no-repeat scroll 50% 50%;
} .productOptionViewProductPickListWithImage td {
border-bottom: 1px dotted #e3e3e3;
color: #b3b3b3;
color: #333333;
} .TopMenu li.Flag img.Selected {
border: 2px solid #e3e3e3;
} .productOptionViewRectangle .option.selectedValue label {
border: 1px solid #333333;
} .productOptionPickListSwatch .selectedValue .textureContainer, .productOptionPickListSwatch .selectedValue .swatchColours {
border: 1px solid #e3e3e3; border-color: #3d3d3d;
} .productOptionPickListSwatch .textureContainer, .productOptionPickListSwatch .swatchColours, .productOptionViewRectangle .option label, .recaptchatable #recaptcha_response_field, .zoomWrapper, #ProductDetails .ProductTinyImageList ul li.selected {
border: 1px solid #e3e3e3;
} .CurrencyList dd, select, hr, input.Textbox, textarea, input[type=“text”], input[type=“password”], .QuickSearch, .SharePublicWishList, .ExpressCheckoutBlock .ExpressCheckoutTitle, .HowToPay, .NotifyMessage, .QuickSearchResult .QuickSearchResultImage, .CurrencyChooser, div.uploader, div.selector {
border: 1px solid #e3e3e3;
} .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent, div.uploader span.action {
border-left: 1px solid #e3e3e3;
} .TitleHeading {
border-bottom: 1px solid #e3e3e3;
} .ProductList.List .ProductDetails {
border-top: 1px solid #e3e3e3;
} .btn.text {
color: #666666;
} table tbody tr td, table.General tbody tr td, table.CartContents tbody tr td, .CompareFieldName {
border-bottom: 1px solid #e3e3e3; width: 900px;
} .phoneIcon {
color: #333333; font-weight: bold;
} .ProductList li .ProductCompareButton {
color: #bebebe;
} #prodAccordion .Block {
border-bottom: 1px solid #e3e3e3;
} .productOptionViewRectangle .option label {
color: #999999;
} .productOptionViewRectangle .option.selectedValue label {
color: #333333;
} .ProductDetailsGrid .DetailRow.product-rating {
border-bottom: 1px solid #e3e3e3;
} .Meta {
color: #999999;
} .ProductReviewList li {
border-bottom: 1px solid #e3e3e3;
} .borderB {
border-bottom: 1px solid #e3e3e3;
} .borderR {
border-right: 1px solid #e3e3e3;
} .txt24 {
font-family: "Open Sans", Arial, Sans-serif;
} .EstimateShipping {
border: 1px solid #e3e3e3;
} .CartContents tfoot .SubTotal td {
border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;
} /* — Responsive — */ /* 767px */ @media screen and (max-width: 767px) {
#cart-amount .Cart .total { background: #333333; color: #ffffff; } #cart-amount .Cart .bag-handle { border: 2px solid #333333; } .BillingDetails, .ShippingDetails { border-top: 1px solid #e3e3e3; }
} #co-app {
font-family: "Open Sans", Arial, Sans-serif;
} #co-app .co-header {
background: #ffffff; border-bottom: 1px solid #e3e3e3;
} #co-app .co-header–title > h2 {
color: #333333; font-family: "Open Sans", Arial, Sans-serif;
} #co-app .co-steps-nav li.is-active a {
color: #333333;
} #co-app .co-steps-nav li.is-disabled a, #co-app .co-steps-nav li.is-disabled a:hover, #co-app .co-steps-nav li.is-disabled a:active, #co-app .co-steps-nav li.is-disabled a:focus {
color: #333333; opacity: 0.5;
} #co-app .co-steps-nav a {
color: #333333; font-family: "Open Sans", Arial, Sans-serif;
} #co-app .co-steps-nav–divider {
color: #333333;
} #co-app .bui-modal-content {
background-color: #ffffff;
} #co-app .co-selectable-panel {
border-radius: 0px; } #co-app input, #co-app select {
border-radius: 0px; } #co-app .bui-button {
text-transform: uppercase; font-size: 11px; font-weight: normal; height: 35px; line-height: 35px; letter-spacing: 1px; padding: 0 1.2em; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
} #co-app .bui-button .bui-icon {
line-height: inherit;
} #co-app .bui-button-primary {
border: 1px solid #333333; background: #333333; color: #ffffff; -ms-border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
} #co-app .bui-button.bui-button-primary:hover, #co-app .bui-button.bui-button-primary:focus {
border-color: #6aa3d5; background: #6aa3d5;
} #co-app .bui-button-link, #co-app .bui-button-secondary {
background-color: transparent; border: 3px solid #333333; color: #333333; line-height: 29px; -ms-border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
} #co-app .bui-button.bui-button-link:hover, #co-app .bui-button.bui-button-link:focus, #co-app .bui-button.bui-button-secondary:hover, #co-app .bui-button.bui-button-secondary:focus {
border: 3px solid #999999; background-color: transparent; color: #999999; text-decoration: none;
} #co-app .co-side–finishchangeitems {
height: 21px; padding: 3px 6px 3px; line-height: 14px;
} @media (max-width: 1019px) {
#co-app .co-side { background-color: #ffffff; }
} @media (min-width: 1020px) {
#co-app .co-main { border-right: 1px solid #e3e3e3; }
}
#PrimaryMenu { float: left; width: 900px; } .header-secondary { display: none; } .nav-right { float: right; margin-top: 4px; } .nav-right #SearchForm { float: right; } #Header .col-sm-3 { text-align:center; }