/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('https://www.nationaltiles.com.au/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.eot');
  src: url('https://www.nationaltiles.com.au/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://www.nationaltiles.com.au/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://www.nationaltiles.com.au/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://www.nationaltiles.com.au/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://www.nationaltiles.com.au/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.small{
  font-size: 70%;
  top: 4px;
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

.ms-megamenu *{
  box-sizing: border-box;
  transition: background-color 250ms ease-out;
  -webkit-transition: background-color  250ms ease-out;
  -moz-transition: background-color  250ms ease-out;
  -ms-transition:background-color  250ms ease-out;
  -o-transition: background-color  250ms ease-out;
}
.ms-megamenu button *{box-sizing: content-box;}
.ms-megamenu .row {
  margin-right: -10px;
  margin-left: -10px;
}
.ms-megamenu .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .ms-megamenu .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .ms-megamenu .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .ms-megamenu .container {
    width: 1170px;
  }
}
.ms-megamenu .col-xs-24,.ms-megamenu .col-xs-14,.ms-megamenu .col-xs-125,.ms-megamenu .col-xs-111,.ms-megamenu .col-xs-100,.ms-megamenu .col-xs-909,.ms-megamenu .col-xs-1,.ms-megamenu .col-xs-2,.ms-megamenu .col-xs-3,.ms-megamenu .col-xs-4,.ms-megamenu .col-xs-5,.ms-megamenu .col-xs-6,.ms-megamenu .col-xs-7,.ms-megamenu .col-xs-8,.ms-megamenu .col-xs-9,.ms-megamenu .col-xs-10,.ms-megamenu .col-xs-11,.ms-megamenu .col-xs-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.ms-megamenu .col-xs-24,.ms-megamenu .col-xs-14,.ms-megamenu .col-xs-125,.ms-megamenu .col-xs-111,.ms-megamenu .col-xs-100,.ms-megamenu .col-xs-909,.ms-megamenu .col-xs-1,.ms-megamenu .col-sm-1,.ms-megamenu .col-md-1,.ms-megamenu .col-lg-1,.ms-megamenu .col-xs-2,.ms-megamenu .col-sm-2, .ms-megamenu .col-md-2, .ms-megamenu .col-lg-2, .ms-megamenu .col-xs-3, .ms-megamenu .col-sm-3, .ms-megamenu .col-md-3, .ms-megamenu .col-lg-3, .ms-megamenu .col-xs-4, .ms-megamenu .col-sm-4, .ms-megamenu .col-md-4, .ms-megamenu .col-lg-4, .ms-megamenu .col-xs-5, .ms-megamenu .col-sm-5, .ms-megamenu .col-md-5, .ms-megamenu .col-lg-5, .ms-megamenu .col-xs-6, .ms-megamenu .col-sm-6, .ms-megamenu .col-md-6, .ms-megamenu .col-lg-6, .ms-megamenu .col-xs-7, .ms-megamenu .col-sm-7, .ms-megamenu .col-md-7, .ms-megamenu .col-lg-7, .ms-megamenu .col-xs-8, .ms-megamenu .col-sm-8, .ms-megamenu .col-md-8, .ms-megamenu .col-lg-8, .ms-megamenu .col-xs-9, .ms-megamenu .col-sm-9, .ms-megamenu .col-md-9, .ms-megamenu .col-lg-9, .ms-megamenu .col-xs-10, .ms-megamenu .col-sm-10, .ms-megamenu .col-md-10, .ms-megamenu .col-lg-10, .ms-megamenu .col-xs-11, .ms-megamenu .col-sm-11, .ms-megamenu .col-md-11, .ms-megamenu .col-lg-11, .ms-megamenu .col-xs-12, .ms-megamenu .col-sm-12, .ms-megamenu .col-md-12, .ms-megamenu .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.ms-megamenu .col-xs-12 {
  width: 100%;
}
.ms-megamenu .col-xs-11 {
  width: 91.66666667%;
}
.ms-megamenu .col-xs-10 {
  width: 83.33333333%;
}
.ms-megamenu .col-xs-9 {
  width: 75%;
}
.ms-megamenu .col-xs-8 {
  width: 66.66666667%;
}
.ms-megamenu .col-xs-7 {
  width: 58.33333333%;
}
.ms-megamenu .col-xs-6 {
  width: 50%;
}
.ms-megamenu .col-xs-5 {
  width: 41.66666667%;
}
.ms-megamenu .col-xs-4 {
  width: 33.33333333%;
}
.ms-megamenu .col-xs-3 {
  width: 25%;
}
.ms-megamenu .col-xs-2 {
  width: 16.66666667%;
}
.ms-megamenu .col-xs-1 {
  width: 8.33333333%;
}
.ms-megamenu .col-xs-24{
  width: 20%;
}
.ms-megamenu .col-xs-14{
  width: 14%;
}
.ms-megamenu .col-xs-125{
  width: 12.5%;
}
.ms-megamenu .col-xs-111{
  width: 11.11111111%;
}
.ms-megamenu .col-xs-100{
  width: 10%;
}
.ms-megamenu .col-xs-909{
  width: 9.090909090%;
}

.ms-megamenu .col-xs-pull-12 {
  right: 100%;
}
.ms-megamenu .col-xs-pull-11 {
  right: 91.66666667%;
}
.ms-megamenu .col-xs-pull-10 {
  right: 83.33333333%;
}
.ms-megamenu .col-xs-pull-9 {
  right: 75%;
}
.ms-megamenu .col-xs-pull-8 {
  right: 66.66666667%;
}
.ms-megamenu .col-xs-pull-7 {
  right: 58.33333333%;
}
.ms-megamenu .col-xs-pull-6 {
  right: 50%;
}
.ms-megamenu .col-xs-pull-5 {
  right: 41.66666667%;
}
.ms-megamenu .col-xs-pull-4 {
  right: 33.33333333%;
}
.ms-megamenu .col-xs-pull-3 {
  right: 25%;
}
.ms-megamenu .col-xs-pull-2 {
  right: 16.66666667%;
}
.ms-megamenu .col-xs-pull-1 {
  right: 8.33333333%;
}
.ms-megamenu .col-xs-pull-0 {
  right: auto;
}
.ms-megamenu .col-xs-push-12 {
  left: 100%;
}
.ms-megamenu .col-xs-push-11 {
  left: 91.66666667%;
}
.ms-megamenu .col-xs-push-10 {
  left: 83.33333333%;
}
.ms-megamenu .col-xs-push-9 {
  left: 75%;
}
.ms-megamenu .col-xs-push-8 {
  left: 66.66666667%;
}
.ms-megamenu .col-xs-push-7 {
  left: 58.33333333%;
}
.ms-megamenu .col-xs-push-6 {
  left: 50%;
}
.ms-megamenu .col-xs-push-5 {
  left: 41.66666667%;
}
.ms-megamenu .col-xs-push-4 {
  left: 33.33333333%;
}
.ms-megamenu .col-xs-push-3 {
  left: 25%;
}
.ms-megamenu .col-xs-push-2 {
  left: 16.66666667%;
}
.ms-megamenu .col-xs-push-1 {
  left: 8.33333333%;
}
.ms-megamenu .col-xs-push-0 {
  left: auto;
}
.ms-megamenu .col-xs-offset-12 {
  margin-left: 100%;
}
.ms-megamenu .col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.ms-megamenu .col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.ms-megamenu .col-xs-offset-9 {
  margin-left: 75%;
}
.ms-megamenu .col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.ms-megamenu .col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.ms-megamenu .col-xs-offset-6 {
  margin-left: 50%;
}
.ms-megamenu .col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.ms-megamenu .col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.ms-megamenu .col-xs-offset-3 {
  margin-left: 25%;
}
.ms-megamenu .col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.ms-megamenu .col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.ms-megamenu .col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .ms-megamenu .col-sm-1,.ms-megamenu .col-sm-14, .ms-megamenu .col-sm-2,.ms-megamenu .col-sm-24, .ms-megamenu .col-sm-3, .ms-megamenu .col-sm-4, .ms-megamenu .col-sm-5, .ms-megamenu .col-sm-6, .ms-megamenu .col-sm-7, .ms-megamenu .col-sm-8, .ms-megamenu .col-sm-9, .ms-megamenu .col-sm-10, .ms-megamenu .col-sm-11, .ms-megamenu .col-sm-12 {
    float: left;
  }
  .ms-megamenu .col-sm-12 {
    width: 100%;
  }
  .ms-megamenu .col-sm-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-sm-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-sm-9 {
    width: 75%;
  }
  .ms-megamenu .col-sm-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-sm-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-sm-6 {
    width: 50%;
  }
  .ms-megamenu .col-sm-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-sm-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-sm-3 {
    width: 25%;
  }
  .ms-megamenu .col-sm-24{
    width: 20%;
  }
  .ms-megamenu .col-sm-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-sm-14{
    width: 14%;
  }
  .ms-megamenu .col-sm-125{
    width: 12.5%;
  }
  .ms-megamenu .col-sm-111{
    width: 11.11111111%;
  }
  .ms-megamenu .col-sm-100{
    width: 10%;
  }
  .ms-megamenu .col-sm-909{
    width: 9.090909090%;
  }
  .ms-megamenu .col-sm-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-sm-pull-12 {
    right: 100%;
  }
  .ms-megamenu .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .ms-megamenu .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .ms-megamenu .col-sm-pull-9 {
    right: 75%;
  }
  .ms-megamenu .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .ms-megamenu .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .ms-megamenu .col-sm-pull-6 {
    right: 50%;
  }
  .ms-megamenu .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .ms-megamenu .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .ms-megamenu .col-sm-pull-3 {
    right: 25%;
  }
  .ms-megamenu .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .ms-megamenu .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .ms-megamenu .col-sm-pull-0 {
    right: auto;
  }
  .ms-megamenu .col-sm-push-12 {
    left: 100%;
  }
  .ms-megamenu .col-sm-push-11 {
    left: 91.66666667%;
  }
  .ms-megamenu .col-sm-push-10 {
    left: 83.33333333%;
  }
  .ms-megamenu .col-sm-push-9 {
    left: 75%;
  }
  .ms-megamenu .col-sm-push-8 {
    left: 66.66666667%;
  }
  .ms-megamenu .col-sm-push-7 {
    left: 58.33333333%;
  }
  .ms-megamenu .col-sm-push-6 {
    left: 50%;
  }
  .ms-megamenu .col-sm-push-5 {
    left: 41.66666667%;
  }
  .ms-megamenu .col-sm-push-4 {
    left: 33.33333333%;
  }
  .ms-megamenu .col-sm-push-3 {
    left: 25%;
  }
  .ms-megamenu .col-sm-push-2 {
    left: 16.66666667%;
  }
  .ms-megamenu .col-sm-push-1 {
    left: 8.33333333%;
  }
  .ms-megamenu .col-sm-push-0 {
    left: auto;
  }
  .ms-megamenu .col-sm-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-sm-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-sm-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-sm-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .ms-megamenu .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .ms-megamenu .col-md-1, .ms-megamenu .col-md-2, .ms-megamenu .col-md-3, .ms-megamenu .col-md-4, .ms-megamenu .col-md-5, .ms-megamenu .col-md-6, .ms-megamenu .col-md-7, .ms-megamenu .col-md-8, .ms-megamenu .col-md-9, .ms-megamenu .col-md-10, .ms-megamenu .col-md-11, .ms-megamenu .col-md-12 {
    float: left;
  }
  .ms-megamenu .col-md-12 {
    width: 100%;
  }
  .ms-megamenu .col-md-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-md-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-md-9 {
    width: 75%;
  }
  .ms-megamenu .col-md-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-md-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-md-6 {
    width: 50%;
  }
  .ms-megamenu .col-md-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-md-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-md-3 {
    width: 25%;
  }
  .ms-megamenu .col-md-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-md-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-md-pull-12 {
    right: 100%;
  }
  .ms-megamenu .col-md-pull-11 {
    right: 91.66666667%;
  }
  .ms-megamenu .col-md-pull-10 {
    right: 83.33333333%;
  }
  .ms-megamenu .col-md-pull-9 {
    right: 75%;
  }
  .ms-megamenu .col-md-pull-8 {
    right: 66.66666667%;
  }
  .ms-megamenu .col-md-pull-7 {
    right: 58.33333333%;
  }
  .ms-megamenu .col-md-pull-6 {
    right: 50%;
  }
  .ms-megamenu .col-md-pull-5 {
    right: 41.66666667%;
  }
  .ms-megamenu .col-md-pull-4 {
    right: 33.33333333%;
  }
  .ms-megamenu .col-md-pull-3 {
    right: 25%;
  }
  .ms-megamenu .col-md-pull-2 {
    right: 16.66666667%;
  }
  .ms-megamenu .col-md-pull-1 {
    right: 8.33333333%;
  }
  .ms-megamenu .col-md-pull-0 {
    right: auto;
  }
  .ms-megamenu .col-md-push-12 {
    left: 100%;
  }
  .ms-megamenu .col-md-push-11 {
    left: 91.66666667%;
  }
  .ms-megamenu .col-md-push-10 {
    left: 83.33333333%;
  }
  .ms-megamenu .col-md-push-9 {
    left: 75%;
  }
  .ms-megamenu .col-md-push-8 {
    left: 66.66666667%;
  }
  .ms-megamenu .col-md-push-7 {
    left: 58.33333333%;
  }
  .ms-megamenu .col-md-push-6 {
    left: 50%;
  }
  .ms-megamenu .col-md-push-5 {
    left: 41.66666667%;
  }
  .ms-megamenu .col-md-push-4 {
    left: 33.33333333%;
  }
  .ms-megamenu .col-md-push-3 {
    left: 25%;
  }
  .ms-megamenu .col-md-push-2 {
    left: 16.66666667%;
  }
  .ms-megamenu .col-md-push-1 {
    left: 8.33333333%;
  }
  .ms-megamenu .col-md-push-0 {
    left: auto;
  }
  .ms-megamenu .col-md-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-md-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-md-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-md-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .ms-megamenu .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .ms-megamenu .col-lg-1, .ms-megamenu .col-lg-2, .ms-megamenu .col-lg-3, .ms-megamenu .col-lg-4, .ms-megamenu .col-lg-5, .ms-megamenu .col-lg-6, .ms-megamenu .col-lg-7, .ms-megamenu .col-lg-8, .ms-megamenu .col-lg-9, .ms-megamenu .col-lg-10, .ms-megamenu .col-lg-11, .ms-megamenu .col-lg-12 {
    float: left;
  }
  .ms-megamenu .col-lg-12 {
    width: 100%;
  }
  .ms-megamenu .col-lg-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-lg-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-lg-9 {
    width: 75%;
  }
  .ms-megamenu .col-lg-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-lg-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-lg-6 {
    width: 50%;
  }
  .ms-megamenu .col-lg-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-lg-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-lg-3 {
    width: 25%;
  }
  .ms-megamenu .col-lg-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-lg-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-lg-pull-12 {
    right: 100%;
  }
  .ms-megamenu .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .ms-megamenu .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .ms-megamenu .col-lg-pull-9 {
    right: 75%;
  }
  .ms-megamenu .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .ms-megamenu .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .ms-megamenu .col-lg-pull-6 {
    right: 50%;
  }
  .ms-megamenu .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .ms-megamenu .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .ms-megamenu .col-lg-pull-3 {
    right: 25%;
  }
  .ms-megamenu .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .ms-megamenu .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .ms-megamenu .col-lg-pull-0 {
    right: auto;
  }
  .ms-megamenu .col-lg-push-12 {
    left: 100%;
  }
  .ms-megamenu .col-lg-push-11 {
    left: 91.66666667%;
  }
  .ms-megamenu .col-lg-push-10 {
    left: 83.33333333%;
  }
  .ms-megamenu .col-lg-push-9 {
    left: 75%;
  }
  .ms-megamenu .col-lg-push-8 {
    left: 66.66666667%;
  }
  .ms-megamenu .col-lg-push-7 {
    left: 58.33333333%;
  }
  .ms-megamenu .col-lg-push-6 {
    left: 50%;
  }
  .ms-megamenu .col-lg-push-5 {
    left: 41.66666667%;
  }
  .ms-megamenu .col-lg-push-4 {
    left: 33.33333333%;
  }
  .ms-megamenu .col-lg-push-3 {
    left: 25%;
  }
  .ms-megamenu .col-lg-push-2 {
    left: 16.66666667%;
  }
  .ms-megamenu .col-lg-push-1 {
    left: 8.33333333%;
  }
  .ms-megamenu .col-lg-push-0 {
    left: auto;
  }
  .ms-megamenu .col-lg-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-lg-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-lg-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-lg-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .ms-megamenu .col-lg-offset-0 {
    margin-left: 0;
  }
}
@media (max-width: 460px) {
  .ms-megamenu .col-tn-1, .ms-megamenu .col-tn-2, .ms-megamenu .col-tn-3, .ms-megamenu .col-tn-4, .ms-megamenu .col-tn-5, .ms-megamenu .col-tn-6, .ms-megamenu .col-tn-7, .ms-megamenu .col-tn-8, .ms-megamenu .col-tn-9, .ms-megamenu .col-tn-10, .ms-megamenu .col-tn-11, .ms-megamenu .col-tn-12 {
    float: left;
  }
  .ms-megamenu .col-tn-12 {
    width: 100%;
  }
  .ms-megamenu .col-tn-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-tn-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-tn-9 {
    width: 75%;
  }
  .ms-megamenu .col-tn-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-tn-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-tn-6 {
    width: 50%;
  }
  .ms-megamenu .col-tn-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-tn-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-tn-3 {
    width: 25%;
  }
  .ms-megamenu .col-tn-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-tn-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-tn-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-tn-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-tn-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-tn-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-tn-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-tn-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-tn-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-tn-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-tn-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-tn-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-tn-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-tn-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media (max-width: 460px) {
  .hidden-tn {
    display: none !important;
  }
}
@media (max-width: 767px) and (min-width: 461px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.ms-megamenu input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ms-megamenu input[type="radio"],
.ms-megamenu input[type="checkbox"] {
  margin: 3px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
.ms-megamenu input[type="file"] {
  display: block;
}
.ms-megamenu input[type="range"] {
  display: block;
  width: 100%;
}
.ms-megamenu select[multiple],
.ms-megamenu select[size] {
  height: auto;
}
.ms-megamenu input[type="file"]:focus,
.ms-megamenu input[type="radio"]:focus,
.ms-megamenu input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ms-megamenu output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.ms-megamenu .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ms-megamenu .form-control:focus {
  border-color: #66afe9;
  outline:none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.ms-megamenu .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.ms-megamenu .form-control:-ms-input-placeholder {
  color: #999;
}
.ms-megamenu .form-control::-webkit-input-placeholder {
  color: #999;
}
.ms-megamenu .form-control[disabled],
.ms-megamenu .form-control[readonly],

.ms-megamenu textarea.form-control {
  height: 173px;
}
input[type="search"] {
  -webkit-appearance: none;
}
.ms-megamenu input[type="date"],
.ms-megamenu input[type="time"],
.ms-megamenu input[type="datetime-local"],
.ms-megamenu input[type="month"] {
  line-height: 34px;
  line-height: 1.42857143 \0;
}
.ms-megamenu input[type="date"].input-sm,
.ms-megamenu input[type="time"].input-sm,
.ms-megamenu input[type="datetime-local"].input-sm,
.ms-megamenu input[type="month"].input-sm {
  line-height: 30px;
  line-height: 1.5 \0;
}
.ms-megamenu input[type="date"].input-lg,
.ms-megamenu input[type="time"].input-lg,
.ms-megamenu input[type="datetime-local"].input-lg,
.ms-megamenu input[type="month"].input-lg {
  line-height: 46px;
  line-height: 1.33 \0;
}
_:-ms-fullscreen,
:root input[type="date"],
_:-ms-fullscreen,
:root input[type="time"],
_:-ms-fullscreen,
:root input[type="datetime-local"],
_:-ms-fullscreen,
:root input[type="month"] {
  line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm,
:root input[type="date"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="time"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="datetime-local"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="month"].input-sm {
  line-height: 1.5;
}
_:-ms-fullscreen.input-lg,
:root input[type="date"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="time"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="datetime-local"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="month"].input-lg {
  line-height: 1.33;
}
.ms-megamenu .form-group {
  margin-bottom: 10px;
  float:left;
  width:100%;
}
.ms-megamenu .radio,
.ms-megamenu .checkbox {
  position: relative;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
.ms-megamenu .radio label,
.ms-megamenu .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.ms-megamenu .radio input[type="radio"],
.ms-megamenu .radio-inline input[type="radio"],
.ms-megamenu .checkbox input[type="checkbox"],
.ms-megamenu .checkbox-inline input[type="checkbox"] {
  position: absolute;number
margin-top: 4px \9;
  margin-left: -19px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.ms-megamenu .radio-inline,
.ms-megamenu .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.ms-megamenu .form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.ms-megamenu .hide{display:none;}
.ms-megamenu .disabled{
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: default;
}
.ms-megamenu .text-left {
  text-align: left;
}
.ms-megamenu .text-right {
  text-align: right;
}
.ms-megamenu .text-center {
  text-align: center;
}
.ms-megamenu .text-justify {
  text-align: justify;
}
.ms-megamenu .text-nowrap {
  white-space: nowrap;
}
.ms-megamenu .text-lowercase {
  text-transform: lowercase;
}
.ms-megamenu .text-uppercase {
  text-transform: uppercase;
}
.ms-megamenu .text-capitalize {
  text-transform: capitalize;
}
.ms-megamenu .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.ms-megamenu .btn:hover,
.ms-megamenu .btn:focus,
.ms-megamenu .btn.focus {
  color: #333;
  text-decoration: none;
}
.ms-megamenu .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.ms-megamenu .btn-default:hover,
.ms-megamenu .btn-default:focus,
.ms-megamenu .btn-default.focus,
.ms-megamenu .btn-default:active,
.ms-megamenu .btn-default.active,
.ms-megamenu .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.ms-megamenu .btn-default:active,
.ms-megamenu .btn-default.active,
.ms-megamenu .open > .dropdown-toggle.btn-default {
  background-image: none;
}
.ms-megamenu .btn-default.disabled,
.ms-megamenu .btn-default[disabled],
.ms-megamenu fieldset[disabled] .btn-default,
.ms-megamenu .btn-default.disabled:hover,
.ms-megamenu .btn-default[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-default:hover,
.ms-megamenu .btn-default.disabled:focus,
.ms-megamenu .btn-default[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-default:focus,
.ms-megamenu .btn-default.disabled.focus,
.ms-megamenu .btn-default[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-default.focus,
.ms-megamenu .btn-default.disabled:active,
.ms-megamenu .btn-default[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-default:active,
.ms-megamenu .btn-default.disabled.active,
.ms-megamenu .btn-default[disabled].active,
.ms-megamenu fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.ms-megamenu .btn-default .badge {
  color: #fff;
  background-color: #333;
}
.ms-megamenu .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.ms-megamenu .btn-primary:hover,
.ms-megamenu .btn-primary:focus,
.ms-megamenu .btn-primary.focus,
.ms-megamenu .btn-primary:active,
.ms-megamenu .btn-primary.active,
.ms-megamenu .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.ms-megamenu .btn-primary:active,
.ms-megamenu .btn-primary.active,
.ms-megamenu .open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.ms-megamenu .btn-primary.disabled,
.ms-megamenu .btn-primary[disabled],
.ms-megamenu fieldset[disabled] .btn-primary,
.ms-megamenu .btn-primary.disabled:hover,
.ms-megamenu .btn-primary[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-primary:hover,
.ms-megamenu .btn-primary.disabled:focus,
.ms-megamenu .btn-primary[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-primary:focus,
.ms-megamenu .btn-primary.disabled.focus,
.ms-megamenu .btn-primary[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-primary.focus,
.ms-megamenu .btn-primary.disabled:active,
.ms-megamenu .btn-primary[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-primary:active,
.ms-megamenu .btn-primary.disabled.active,
.ms-megamenu .btn-primary[disabled].active,
.ms-megamenu fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.ms-megamenu .btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.ms-megamenu .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ms-megamenu .btn-success:hover,
.ms-megamenu .btn-success:focus,
.ms-megamenu .btn-success.focus,
.ms-megamenu .btn-success:active,
.ms-megamenu .btn-success.active,
.ms-megamenu .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.ms-megamenu .btn-success:active,
.ms-megamenu .btn-success.active,
.ms-megamenu .open > .dropdown-toggle.btn-success {
  background-image: none;
}
.ms-megamenu .btn-success.disabled,
.ms-megamenu .btn-success[disabled],
.ms-megamenu fieldset[disabled] .btn-success,
.ms-megamenu .btn-success.disabled:hover,
.ms-megamenu .btn-success[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-success:hover,
.ms-megamenu .btn-success.disabled:focus,
.ms-megamenu .btn-success[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-success:focus,
.ms-megamenu .btn-success.disabled.focus,
.ms-megamenu .btn-success[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-success.focus,
.ms-megamenu .btn-success.disabled:active,
.ms-megamenu .btn-success[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-success:active,
.ms-megamenu .btn-success.disabled.active,
.ms-megamenu .btn-success[disabled].active,
.ms-megamenu fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ms-megamenu .btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.ms-megamenu .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ms-megamenu .btn-info:hover,
.ms-megamenu .btn-info:focus,
.ms-megamenu .btn-info.focus,
.ms-megamenu .btn-info:active,
.ms-megamenu .btn-info.active,
.ms-megamenu .open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.ms-megamenu .btn-info:active,
.ms-megamenu .btn-info.active,
.ms-megamenu .open > .dropdown-toggle.btn-info {
  background-image: none;
}
.ms-megamenu .btn-info.disabled,
.ms-megamenu .btn-info[disabled],
.ms-megamenu fieldset[disabled] .btn-info,
.ms-megamenu .btn-info.disabled:hover,
.ms-megamenu .btn-info[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-info:hover,
.ms-megamenu .btn-info.disabled:focus,
.ms-megamenu .btn-info[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-info:focus,
.ms-megamenu .btn-info.disabled.focus,
.ms-megamenu .btn-info[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-info.focus,
.ms-megamenu .btn-info.disabled:active,
.ms-megamenu .btn-info[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-info:active,
.ms-megamenu .btn-info.disabled.active,
.ms-megamenu .btn-info[disabled].active,
.ms-megamenu fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ms-megamenu .btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.ms-megamenu .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ms-megamenu .btn-warning:hover,
.ms-megamenu .btn-warning:focus,
.ms-megamenu .btn-warning.focus,
.ms-megamenu .btn-warning.active,
.ms-megamenu .open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.ms-megamenu .btn-warning:active,
.ms-megamenu .btn-warning.active,
.ms-megamenu .open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.ms-megamenu .btn-warning.disabled,
.ms-megamenu .btn-warning[disabled],
.ms-megamenu fieldset[disabled] .btn-warning,
.ms-megamenu .btn-warning.disabled:hover,
.ms-megamenu .btn-warning[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-warning:hover,
.ms-megamenu .btn-warning.disabled:focus,
.ms-megamenu .btn-warning[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-warning:focus,
.ms-megamenu .btn-warning.disabled.focus,
.ms-megamenu .btn-warning[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-warning.focus,
.ms-megamenu .btn-warning.disabled:active,
.ms-megamenu .btn-warning[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-warning:active,
.ms-megamenu .btn-warning.disabled.active,
.ms-megamenu .btn-warning[disabled].active,
.ms-megamenu fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ms-megamenu .btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.ms-megamenu .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ms-megamenu .btn-danger:hover,
.ms-megamenu .btn-danger:focus,
.ms-megamenu .btn-danger.focus,
.ms-megamenu .btn-danger:active,
.ms-megamenu .btn-danger.active,
.ms-megamenu .open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.ms-megamenu .btn-danger:active,
.ms-megamenu .btn-danger.active,
.ms-megamenu .open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.ms-megamenu .btn-danger.disabled,
.ms-megamenu .btn-danger[disabled],
.ms-megamenu fieldset[disabled] .btn-danger,
.ms-megamenu .btn-danger.disabled:hover,
.ms-megamenu .btn-danger[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-danger:hover,
.ms-megamenu .btn-danger.disabled:focus,
.ms-megamenu .btn-danger[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-danger:focus,
.ms-megamenu .btn-danger.disabled.focus,
.ms-megamenu .btn-danger[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-danger.focus,
.ms-megamenu .btn-danger.disabled:active,
.ms-megamenu .btn-danger[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-danger:active,
.ms-megamenu .btn-danger.disabled.active,
.ms-megamenu .btn-danger[disabled].active,
.ms-megamenu fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ms-megamenu .btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.ms-megamenu .btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.ms-megamenu .btn-link,
.ms-megamenu .btn-link:active,
.ms-megamenu .btn-link.active,
.ms-megamenu .btn-link[disabled],
.ms-megamenu fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ms-megamenu .btn-link,
.ms-megamenu .btn-link:hover,
.ms-megamenu .btn-link:focus,
.ms-megamenu .btn-link:active {
  border-color: transparent;
}
.ms-megamenu .btn-link:hover,
.ms-megamenu .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.ms-megamenu .btn-link[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-link:hover,
.ms-megamenu .btn-link[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.ms-megamenu .btn-lg,
.ms-megamenu .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.ms-megamenu .btn-sm,
.ms-megamenu .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.ms-megamenu .btn-xs,
.ms-megamenu .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.ms-megamenu .btn-block {
  display: block;
  width: 100%;
}
.ms-megamenu .btn-block + .btn-block {
  margin-top: 5px;
}
/* ---   Create By Billy Trinh at 13/05/2015 ----*/
/* ---- Style for Top Menu version PC ---*/
.ms-megamenu{box-sizing: border-box;text-align: left;}
.ms-featured{padding-left:20px;}
.ms-megamenu img{display: inline;vertical-align: middle;max-width: 100%;}
.ms-megamenu .ms-topmenu{
    position: relative;
    background: #FFFFFF;
    float: left;
    width: 100%;
    z-index: 199;
    margin: 10px 0 0;
}
.ms-megamenu .ms-topmenu.no-responsive .mb-submenu{display: none !important;}
.ms-megamenu .ms-level0{
    float:left;
}
.ms-level0.item_relative{position: relative;}
.ms-megamenu .ms-level0.active .ms-label{
    background: #FFFFFF;
}
.ms-topmenu .ms-submenu a{
    outline: none;
}
.ms-topmenu .ms-submenu a.form-group{
    margin:5px 0;
    font-size: 13px;
    text-decoration: none;
}

.ms-topmenu .ms-submenu a.form-group:hover{
    color: #002A46;
}
.ms-topmenu .ms-label{
    float:left;
    padding:15px;
    color:#333333;
    font-size: 15px;
    opacity: 0.9;
    filter:alpha(opacity=90);
    outline: none !important;
    text-decoration: none !important;
    cursor: pointer;
    line-height: 1.5;
}
.ms-megamenu .ms-iconmega{
    vertical-align: top;
    position: relative;
}
.ms-megamenu .ms-submenu{
    display: none;
    position: absolute;
    top:71px !important;
    z-index: 200;
    padding:15px;
    background:#FFFFFF;
    border:1px solid #ddd;
    border-top: 0;
}

.ms-content {
    max-width: 1200px !important;
    margin: auto !important;
}

.ms-topmenu .mb-submenu{display: none;}
.ms-header,.mb-header{
    float: left;
    width: 100%;
    padding:10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.ms-footer,.mb-footer{
    float: left;
    width: 100%;
    padding:10px 0;
    border-top: 1px solid #ddd;
    margin-top: 15px;
}
.col-category .level1{
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}
.col-category .level2{
    font-weight: 400;
    font-size: 13px;
}
.col-sub{
    display: none;
    -moz-transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
}
.ms-category-level .col-sub{
    display: none;
    position: absolute;
    left: 150px;
    width: 16em;
    background-color: #fff;
    z-index: 201;
    padding: 12px;
    min-width: 12em;
    -webkit-box-shadow: 0px 1px 10px rgb(153, 153, 153);
    box-shadow: 0px 2px 12px rgb(153, 153, 153);
}
.ms-category-level  a.form-group{
    text-indent: 5px;
    font-weight: 600;
}
.ms-category-level .parent.active > a.form-group{
    color: #8A1F1F;
}
.ms-megamenu .parent .small{
    float:right;
    top:4px;
}
.active > .col-sub{
    display: block;
}
.level2  small{
    font-size: 50%;
    top: -2px;
}
.level2.active .level2{
    text-indent: 5px;
    -moz-transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
}
.mb-version .col-category .sub-level3{
    width: 100%;
    float: left;
    z-index: 201;
    padding:0 10px;
}
.mb-submenu .parent .col-sub,.lmb-submenu .parent .col-sub{
    padding:0 0 0 10px;
    position: static;
    width: 100%;
    box-shadow: none;
    background-color: transparent;
}
.mb-submenu .parent .form-group a{
    float:left;
}
.mb-submenu .ms-category-level .col-category a.form-group{
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}
.ms-category-dynamic .col-level{
    padding: 0px;
}
.ms-category-dynamic .col-level .col-xs-12.form-group{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin: 0;
    text-indent: 10px;
    -moz-transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
    background-color: #fff;
}
.ms-category-dynamic .col-level .col-xs-12.form-group.active{
    border-right-color:rgba(0,0,0,0);
    background-color: transparent;
}
.ms-category-dynamic .col-level .col-xs-12.form-group a{
    font-weight: 600;
    float:left;
    width:100%;
    padding:10px 0;
    font-size: 13px;
}
.ms-category-dynamic .col-level .col-xs-12.form-group.active a {
    color: #002A46;
}
.ms-category-dynamic .col-level .col-xs-12.form-group a:hover { 
    color: #002A46;
    text-decoration: none;
}
.ms-category-dynamic .col-level .col-xs-12.form-group.active a .small{
    opacity:0;
    filter: alpha(opacity=0);
}
.ms-category-dynamic .col-dynamic{
    display: none;
    padding-top: 10px;
}
.ms-category-dynamic .active.col-dynamic{
    display: block;
}
.ms-category-dynamic .col-dynamic .col-category-image img{
    outline: 0;
    transition: all 200ms ease-in-out;
    -ms-transform: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
small.glyphicon.glyphicon-th-large{
    font-size: 50%;
    margin-left: -6px;
    padding-right: 5px;
    top: -2px;
}
.ms-category-dynamic .col-dynamic a span{
    font-weight: 600;
    font-size: 12px;
}
.ms-category-dynamic .col-dynamic a:hover span{
    color:#002A46;
    font-weight: 600;
}
.ms-category-dynamic .col-dynamic a:hover img{
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-tranform:translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.ms-category-dynamic .col-category{
    padding: 0 5px;
}
.ms-category-dynamic .dynamic-viewall{
    text-align:center;
    text-transform:uppercase;
    color:#175271 !important;
    font-weight: 600;
    font-size: 13px;
    -ms-transform: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.ms-category-dynamic .dynamic-viewall small{
    padding-left: 6px;
}
.ms-category-dynamic .dynamic-viewall:hover{
    text-decoration: none;
    color: #002A46 !important;
    border-color: #002A46;
}
/*------- Product -------------------*/
.ms-productgrid .item .product-image,
.ms-megamenu .f-product .product-image,
.ms-megamenu .f-category .product-image{
    border: none;
}
.ms-productgrid .item .product-image:hover,
.ms-megamenu .f-category .product-image:hover,
.ms-megamenu .f-product .product-image:hover{
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-tranform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transition: all 200ms ease-in-out;
    -ms-transform: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.ms-megamenu .f-product .product-image img{max-width:100%;}
.mb-content .item,
.mb-content .col-productlist,
.mb-content .col-category,
.mb-featured .f-product,
.mb-featured .f-category{padding-top: 10px;padding-bottom: 10px;}
/*---------------------Mobile version-------------------------*/
.ms-megamenu .anchor_mbmenu{
    background: rgb(7, 70, 102);
    padding: 8px 0;
    display: none;
}
.ms-megamenu .anchor_mbmenu .anchor_mbmenu_text{
    outline: 0;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
}
.megamenu-mobile .mb-topmenu{
    display:none;
    position: relative;
    float:left;
    width:100%;
}
.ms-megamenu .mb-submenu{
    position: absolute;
    left: 100%;
    top:0;
    z-index: -1;
    background: #fff;
    display:none;
    float:left;
    width: 100%;
}
.ms-megamenu .mb-submenu.blind{
    position: static;
}
.ms-megamenu .mb-submenu.blind .mb-return,.ms-megamenu .lmb-submenu.blind .mb-return{
    display: none;
}
.ms-megamenu .mb-submenu .mb-return span,.ms-megamenu .lmb-submenu .mb-return span{
    float: left;
}
.ms-megamenu .mb-label{
    padding: 10px 5px 10px 20px;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
    display: none !important;
    position: absolute;
    right: 1px;
    top:0;
    height: 42px;
    line-height: 21px;
}
.ms-megamenu .mb-return{
    border: 0;
    z-index: 200;
}
.ms-megamenu .mb-submain{
    padding:15px;
    border: 1px solid #ddd;
    border-top: 0;
}
/*---- Fix for magento 1.9---*/
#header-nav{display: block;}
.skip-nav{display: none;}

/* ----- Left Menu ---------*/
.item_relative{position: relative;}
.ms-leftmenu{
    position: relative;
    z-index: 200;
    text-align: left;
    float:left;
    width: 100%;
    border-top: 1px solid #ddd;
    margin: 10px 0;
}
.ms-leftmenu .msl-level0{
    float:left;
    width:100%;
}
.ms-leftmenu .msl-submenu{
    display: none;
    position: absolute;
    top: 0px;
    left:239px;
    z-index: 200;
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
    min-width: 160px;
}
.ms-leftmenu .msl-label{
    padding: 12px 25px 8px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    line-height: 1.5;
    float:left;
    width:100%;
}
.ms-leftmenu .msl-label.first{
    border-top: 1px solid #ddd;
}
.ms-leftmenu .msl-label.flag{
    background: #EBEDED;
}
.ms-leftmenu .msl-label span.small{float: right;  margin-right: -15px;}
/*---------------------Mobile version for Left menu -------------------------*/
.lmegamenu-mobile{display: none;}
.ms-megamenu .anchor_lmbmenu{
    background: rgb(7, 70, 102);
    padding: 8px 0;
}
.ms-megamenu .anchor_lmbmenu .anchor_lmbmenu_text{
    outline: 0;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
}
.lmegamenu-mobile .lmb-leftmenu{
    display:none;
    position: relative;
    text-align:left;
    float:left;
    width:100%;
}
.ms-megamenu .lmb-submenu{
    position: absolute;
    left: 100%;
    top:0;
    z-index: -1;
    background: #fff;
    display:none;
    float:left;
    width: 100%;
}
.ms-megamenu .lmb-submenu.blind{
    position: static;
}
.ms-megamenu .lmb-label{
    padding:12px 25px 8px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}
.ms-megamenu .lmb-label.flag{
    background: #EBEDED;
}
.ms-megamenu .lmb-label.lmb-return{border: 0;}
.ms-megamenu .lmb-label span{float:left;}
.ms-megamenu .lmb-click span{float: right;  margin-right: -15px;}

.ms-megamenu .mb-submain{
    padding:15px;
    border: 1px solid #ddd;
    border-top: 0;
}

@media (max-width: 768px){




}

    /* ------ Top menu -----------*/
.ms-megamenu .ms-topmenu{text-align:left;}
.ms-topmenu .ms-label{
    float:left;
}
.ms-topmenu .ms-level0{
    float: left;
    height: 70px !important;
    margin-bottom: -19px !important;
}
.ms-megamenu .ms-topmenu{
    background: #FFFFFF;
}
.ms-topmenu .ms-label{
    font-size:14px;
    text-transform:uppercase;
    color:#1A1A1A;
    padding:15px 20px 15px 0;
    font-weight: 700;
}
.ms-topmenu .ms-level0:last-child > .ms-label {
    padding-right:0;
}
.ms-topmenu .ms-label .ms-iconmega{
    height:15px;
    top:3.75px;
}
.ms-topmenu .ms-level0.active .ms-label,
.ms-topmenu .ms-level0:hover .ms-label,
.ms-topmenu .ms-level0:active .ms-label,
.ms-topmenu .ms-level0:focus .ms-label{
    color:#1A1A1A;
}
.ms-topmenu .ms-level0.active .ms-label,
.ms-topmenu .ms-level0:hover .ms-label,
.ms-topmenu .ms-level0:active .ms-label,
.ms-topmenu .ms-level0:focus .ms-label{
    background-color:#fff;
}
.ms-topmenu .ms-submenu,.ms-topmenu .col-sub{
    background-color:#FFFFFF;
    color:#1A1A1A;
}
.ms-topmenu .ms-submenu a{
    color:#1A1A1A;
}
.ms-topmenu .ms-boxtitle{
    color:#1A1A1A;
}

/* ------Left Menu ------*/
.ms-leftmenu .msl-label{
    font-size:15px;
    text-transform:none;
    color:#1A1A1A;
    background: #FFFFFF;
}
.ms-leftmenu .msl-label .ms-iconmega{
    height:15px;
    top:3.75px;
}
.ms-leftmenu .msl-level0.active .msl-label,
.ms-leftmenu .msl-level0:hover .msl-label,
.ms-leftmenu .msl-level0:active .msl-label,
.ms-leftmenu .msl-level0:focus .msl-label{
    color:#1A1A1A;
    background-color:#DEDEDE;
}
.ms-leftmenu .msl-submenu,.ms-leftmenu .col-sub{
    background-color:#FFFFFF;
    color:#636363;
}
.ms-leftmenu .msl-submenu a{
    color:#636363;
}
.ms-leftmenu .ms-boxtitle{
    color:#636363;
}

/* ---- Mobile version ---------*/
@media (min-width: 1025px){
    .ms-topmenu .mb-submenu{display: none !important;}

}
@media (max-width: 1024px){
    .ms-megamenu .ms-topmenu{background-color:transparent;display:block; }
    .ms-megamenu .anchor_mbmenu,.ms-megamenu .mb-label{
        display: block !important;
    }
    .ms-topmenu .ms-level0{
        float:left;
        width: 100%;
        display: none;
        position: relative;
        height: auto !important;
        margin-bottom: 0px!important;
    }
    .ms-topmenu.active .ms-level0{
        display: block;
        height: auto;
        margin-bottom: 0;
        width: 100%;
    }
    .ms-topmenu .ms-label{
        padding: 12px 15px 8px !important;
        background: #FFFFFF;
        border: 1px solid #ddd;
        border-top: 0;
        color: #1A1A1A;
        text-decoration: none;
        outline: none;
        width: 100%;
        float:left;
        min-height:43px;
    }
    .ms-topmenu .ms-submenu{display: none !important;}
    .ms-topmenu .mbactive .mb-submenu.slide{
        z-index: 201;
        display: inline;
    }
    .ms-level0 .ms-label,

    .ms-megamenu .mb-label{
        font-size:15px;
        text-transform:none;
        background-color:#FFFFFF;
        color:#1A1A1A;
    }
    .ms-topmenu .ms-level0.active .ms-label,
    .ms-topmenu .ms-level0:hover .ms-label,
    .ms-topmenu .ms-level0:active .ms-label,
    .ms-topmenu .ms-level0:focus .ms-label,
    .ms-topmenu .ms-level0:hover .mb-label,
    .ms-topmenu .ms-level0:active .mb-label,
    .ms-topmenu .ms-level0:focus .mb-label,

    .ms-megamenu .mbactive .ms-label,
    .ms-megamenu .mbactive .mb-return,
    .ms-megamenu .mbactive .mb-label{
        background-color:#EBEDED;
        color:#1A1A1A;
    }
    .ms-megamenu .anchor_mbmenu{
        background-color:#074666;
    }
    .ms-megamenu .anchor_mbmenu .anchor_mbmenu_text{
        color:#FFFFFF;
    }

    .ms-megamenu .mb-submenu{
        background-color:#FFFFFF;
        color:#636363;
    }
    .ms-megamenu .ms-boxtitle{
        color:#636363;
    }
    .ms-megamenu .mb-submenu a{
        color:#636363;
    }
}
    /* ---- Mobile version ---------*/
    @media (min-width: 1025px){
    .ms-leftmenu .lmb-submenu{display: none !important;}
    }
    @media (max-width: 1024px){
    .ms-megamenu .ms-leftmenu{background-color:transparent; }
    .ms-megamenu .anchor_mbmenu,.ms-megamenu .mb-label{
    display: block !important;
    }
    .ms-leftmenu  .msl-level0{
    float:left;
    width: 100%;
    display: none;
    position: relative;
    }
    .ms-leftmenu.active .msl-level0{
    display: block;
    }
    .ms-leftmenu  .msl-label{
    padding: 12px 15px 8px !important;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #1A1A1A;
    text-decoration: none;
    outline: none;
    width: 100%;
    float:left;
    min-height:43px;
    }
   .ms-leftmenu  .msl-submenu{display: none !important;}
   .ms-leftmenu .mbactive .lmb-submenu{
    z-index: 201;
    display: inline;
    }

    .msl-level0 .msl-label,
    .ms-megamenu .mb-label{
    font-size:15px;
    text-transform:none;
    background-color:#FFFFFF;
    color:#1A1A1A;
    }

    .ms-leftmenu .msl-level0.active .msl-label,
    .ms-leftmenu .msl-level0:hover .msl-label,
    .ms-leftmenu .msl-level0:active .msl-label,
    .ms-leftmenu .msl-level0:focus .msl-label,
    .ms-leftmenu .msl-level0:hover .mb-label,
    .ms-leftmenu .msl-level0:active .mb-label,
    .ms-leftmenu .msl-level0:focus .mb-label,
    .ms-megamenu .mbactive .ms-label,
    .ms-megamenu .mbactive .mb-return,
    .ms-megamenu .mbactive .mb-label{
    background-color:#EBEDED;
    color:#1A1A1A;
    }
    .ms-megamenu .anchor_mbmenu,
    .ms-megamenu .anchor_lmbmenu{
    background-color:#074666;
    }
    .ms-megamenu .anchor_mbmenu .anchor_mbmenu_text,
    .ms-megamenu .anchor_lmbmenu_text{
    color:#FFFFFF;
    }


    .ms-megamenu .lmb-submenu{
    background-color:#FFFFFF;
    color:#636363;
    }
    .ms-megamenu .ms-boxtitle{
    color:#636363;
    }

    .ms-megamenu .lmb-submenu a{
    color:#636363;
    }
    }

@font-face {
  font-family: 'GalanoGrotesque-Regular';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/GalanoGrotesque-Regular.otf");
}

/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



* { margin:0; padding:0; }

html { font-size:16px; /* Fix for Opera */ }

body          {	 font: 400 16px/1.2 'GalanoGrotesque-Regular'; color: #1A1A1A; margin: 0 !important; }

#root-wrapper {}



img           { border:0; vertical-align:top; max-width:100%; }



a             { color:#888; text-decoration:none; }

a:hover       { text-decoration:none; color:#1A1A1A; }

:focus        { outline:0; }



/* Headings */

h1,h2,h3,

h4,h5,h6      { margin:0 0 10px; font-weight:normal; }

h1            { font-size:2.6666em;	line-height:1.25em;		/*32px, 40px*/		margin-bottom:20px; }

h2            { font-size:2em;		line-height:1.25em;		/*24px, 30px*/ }

h3            { font-size:1.6666em;	line-height:1.2em;		/*20px, 24px*/ }

h4            { font-size:1.3333em;	line-height:1.25em;		/*16px, 20px*/ }

h5            { font-size:1.1666em;	line-height:1.1428em;	/*14px, 16px*/ }

h6            { font-size:1em;		line-height:1.1666em;	/*12px, 14px*/ }



/* Forms */

form          { display:inline; }

fieldset      { border:0; }

legend        { display:none; }



/* Table */

table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }

caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }



/* Content */

strong        { font-weight:bold; }

address       { font-style:normal; }

cite          { font-style:normal; }

q,

blockquote    { quotes:none; }

q:before,

q:after       { content:''; }

small,big     { font-size:1em; }

sup           { font-size:0.5em; margin-top: -10px; }



/* Lists */

ul,ol         { list-style:none; }



/* Tools */

.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }

.nobr         { white-space:nowrap !important; }

.wrap         { white-space:normal !important; }

.a-left       { text-align:left !important; }

.a-center     { text-align:center !important; }

.a-right      { text-align:right !important; }

.v-top        { vertical-align:top; }

.v-middle     { vertical-align:middle; }

.f-left,

.left         { float:left !important; }

.f-right,

.right        { float:right !important; }

.f-none       { float:none !important; }

.f-fix        { float:left; width:100%; min-height:147px; position:relative; }

.no-display   { display:none; }

.no-margin    { margin:0 !important; }

.no-padding   { padding:0 !important; }

.no-bg        { background:none !important; }







/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



.wrapper {}

.page { text-align:left; background-repeat:repeat; background-position:center top; }

.page-print { background:#fff; padding:20px; text-align:left; }

.page-empty { background:#fff; padding:20px; text-align:left; }

.page-popup { padding:20px; text-align:left; background:#fff; }



.main-container { background-repeat:repeat; background-position:center top; }

.main { padding:20px 0; min-height:370px; }

/* Decrease padding on home page */

body.cms-index-index .main,

body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; }



/* Base Columns */

.col-left { float:left; }

.col-main { float:left; }

.col-right { float:right; }



/* 1 Column Layout */

.col1-layout .col-main { width:100%; }



/* 2 Columns Layout */

.col2-left-layout .col-main { float:right; }

.col2-right-layout .col-main {}



/* 3 Columns Layout */

.col3-layout .col-main {}

.col3-layout .col-wrapper { float:left; }

.col3-layout .col-wrapper .col-main { float:right; }



/* Content Columns */

.col2-set .col-1 { float:left; width:49%; }

.col2-set .col-2 { float:right; width:49%; }

.col2-set .col-narrow { width:33%; }

.col2-set .col-wide { width:65%; }



.col3-set .col-1 { float:left; width:32%; }

.col3-set .col-2 { float:left; width:32%; margin-left:2%; }

.col3-set .col-3 { float:right; width:32%; }



.col4-set .col-1 { float:left; width:23.5%; }

.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }

.col4-set .col-3 { float:left; width:23.5%; }

.col4-set .col-4 { float:right; width:23.5%; }







/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Form Elements

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Basic

-------------------------------------------------------------- */

input, select, textarea, button {

    font: 400 16px/1.2 'GalanoGrotesque-Regular';
		
		color: #1A1A1A;

    vertical-align:middle;

}

/* Fix: remove default formatting on iOS (e.g. rounded corners) */

input.input-text, textarea { -webkit-appearance:none; }

input.input-text, select, textarea {

    background:#fff;

    border:1px solid #ddd;

    color:#1A1A1A;



    /* Box model */

    -webkit-box-sizing:	border-box;

    -moz-box-sizing:	border-box;

    box-sizing:			border-box;



    /* Remove default formatting, fix for iOS (rounded corners and shadow) */

    -webkit-border-radius:0px;

    border-radius:0px;

    -webkit-box-shadow:none;

    box-shadow:none;

}

input.input-text{

    height: 36px;

}

select {

    height:36px;

    padding:8px;

    text-overflow:ellipsis;

}

select.multiselect {

    height: auto;

}

input.input-text, textarea {

    padding:8px;

    text-overflow:ellipsis;

}



select option { padding-right:10px; padding-left:5px; }

select.multiselect option { border-bottom:1px solid #1A1A1A; padding:2px 5px; }

select.multiselect option:last-child { border-bottom:0; }

textarea { overflow:auto; }

input.radio { margin-right:3px; }

input.checkbox { margin-right:3px; }

input.qty { width:3em !important; text-align:center; }



/* Active and others

-------------------------------------------------------------- */

input.input-text:hover, select:hover, textarea:hover,

input.input-text:focus, select:focus, textarea:focus { border-color:#1A1A1A; color:#1A1A1A; outline:none; }

input.input-text:disabled,

select:disabled,

textarea:disabled {}





/* Buttons

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */



.button {

    /*display: inline-block;*/

    margin:0;

    border:0;

    overflow:visible;

    cursor:pointer;

    font-size:12px;

    font-weight: normal;

    white-space:nowrap;

    text-align:center;

    background-color:#ddd;

    color:#1A1A1A;



    /*line-height:45px;*/

    padding:0 25px;



    transition:			color 300ms ease-in-out, background-color 300ms ease-in-out;

    -moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out;

    -webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out;

    -o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out;

}

.button:hover {

    background-color:#1A1A1A;

    color:#fff;

}



/* Smaller button - for inline display, e.g. with input boxes

-------------------------------------------------------------- */

.button.btn-inline,

.sidebar .block .button, /* Sidebar block button */

.product-view .box-tags .form-add .button, /* Customer tags form */

.title-buttons .button /* Heading buttons */

{

    padding:0 15px;

    line-height:36px;

}



/* Big button: Add to cart (product view) & Proceed to checkout

-------------------------------------------------------------- */

.product-view .btn-cart,

.btn-checkout {

    line-height:55px;

    font-size:1.1666em; /*14px*/

}





/* Form

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

p.control input.checkbox,

p.control input.radio { margin-right:6px; }



/* Form lists */

/* Grouped fields */

.form-list li { margin:0 0 8px; }

.form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; }

.form-list label.required {}

.form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; }

.account-create .form-list label.required em { position: relative; right: -3px; }

.form-list li.control label { float:none; }

.form-list li.control input.radio,

.form-list li.control input.checkbox { margin-right:6px; }

.form-list li.control .input-box { clear:none; display:inline; width:auto; }

.form-list .input-box { display:block; clear:both; }

.form-list .field { float:left; width:275px; margin-bottom:5px; }

.form-list input.input-text { width:262px; /*244px;*/ }

.form-list textarea { width:244px; height:10em; }

.form-list select { width:262px; }

.form-list li.wide .input-box { width:535px; }

.form-list li.wide input.input-text { width:529px; }

.form-list li.wide textarea { width:529px; }

.form-list li.wide select { width:535px; }

.form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; }

.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }

.form-list .input-range input.input-text { width:74px; }

/* Customer */

.form-list .customer-name-prefix .input-box,

.form-list .customer-name-suffix .input-box,

.form-list .customer-name-prefix-suffix .input-box,

.form-list .customer-name-prefix-middlename .input-box,

.form-list .customer-name-middlename-suffix .input-box,

.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }



.form-list .name-prefix { width:65px; }

.form-list .name-prefix select { width:55px; }

.form-list .name-prefix input.input-text { width:49px; }



.form-list .name-suffix { width:65px; }

.form-list .name-suffix select { width:55px; }

.form-list .name-suffix input.input-text { width:49px; }



.form-list .name-middlename { width:70px; }

.form-list .name-middlename input.input-text { width:49px; }



.form-list .customer-name-prefix-middlename-suffix .name-firstname,

.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }

.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,

.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }

.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }

.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }



.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }

.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,

.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }



.form-list .customer-name-prefix .name-firstname,

.form-list .customer-name-middlename .name-firstname { width:210px; }



.form-list .customer-name-suffix .name-lastname,

.form-list .customer-name-middlename .name-firstname,

.form-list .customer-name-middlename-suffix .name-firstname,

.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }



.form-list .customer-name-prefix .name-firstname input.input-text,

.form-list .customer-name-suffix .name-lastname input.input-text,

.form-list .customer-name-middlename .name-firstname input.input-text,

.form-list .customer-name-middlename-suffix .name-firstname input.input-text,

.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }



.form-list .customer-dob .dob-month,

.form-list .customer-dob .dob-day,

.form-list .customer-dob .dob-year { float:left; width:85px; }

.form-list .customer-dob input.input-text { display:block; width:74px; }

.form-list .customer-dob label { font-size:10px; font-weight:normal; }

.form-list .customer-dob .dob-day,

.form-list .customer-dob .dob-month { width:60px; }

.form-list .customer-dob .dob-day input.input-text,

.form-list .customer-dob .dob-month input.input-text { width:46px; }

.form-list .customer-dob .dob-year { width:140px; }

.form-list .customer-dob .dob-year input.input-text { width:134px; }



/* Orders and Returns form

-------------------------------------------------------------- */

#oar_widget_orders_and_returns_form .buttons-set button { float: left; margin-left: 0; }

#oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; }



/* Fieldset

-------------------------------------------------------------- */

.fieldset + .fieldset {

    margin-top: 30px;

}



/* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */

.fieldset,

.multiple-checkout .col2-set,

.multiple-checkout .col3-set,

.info-set {

    margin:0 0 10px;

    padding:0;

}

.fieldset .legend,

.multiple-checkout .col2-set h2.legend,

.info-set h2.legend {}



/* Buttons set

-------------------------------------------------------------- */

.buttons-set {

    clear: both;

    margin: 30px 0 0;

    padding-top: 10px;

    border-top: 1px solid #e5e5e5;

}

.buttons-set p.required {

    float: right;

    line-height: 1em;

    margin: -33px 0 0;

}

.buttons-set button.button {

    float: right;

    margin-left: 5px;

    min-width: 140px;

}



/* Back link */

.buttons-set .back-link {

    float: left;

    margin: 0;

    line-height: 36px;

}

.buttons-set .back-link small { display: none; }

.buttons-set .back-link a:before { margin-right:7px; }



/* Form Validation

-------------------------------------------------------------- */

.validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; }

.validation-failed { border:1px solid #ee001c !important; background:#fff !important; }

.validation-passed {}



/* Required */

p.required { font-size:0.8333em; /*10px*/ text-align:right; }

p.required,

.product-options dt label.required em,

.form-list label.required em { color:#ee001c; }



/* Expiration date and CVV number validation fix */

.v-fix { float:left; }

.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }



/* Selected buttons sets

-------------------------------------------------------------- */

/* Log in */

.account-login .buttons-set .button,

/* Create account */

.account-create .buttons-set .button,

/* Forgot password */

.customer-account-forgotpassword .buttons-set .button,

/* Advanced search */

.catalogsearch-advanced-index .buttons-set .button,

/* Orders and Returns form */

#oar_widget_orders_and_returns_form .buttons-set .button,

/* Contact us */

.contacts-index-index .buttons-set .button

{

    min-width: 180px;

}





/* Global Messages

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.success { color:#3d6611; font-weight:bold; }

.error { color:#ee001c; font-weight:bold; }

.notice { color:#ccc; }



.messages,

.messages ul { list-style:none !important; margin:0; padding:0; }

.messages { overflow:hidden; margin:0 0 10px; }

.messages li { margin:0 0 1%; }

.messages > li:last-child { margin-bottom:0; }

.messages li li { margin:0; }

.messages a { text-decoration:underline; }

.catalog-category-view .messages { margin-top:15px; margin-bottom:15px; }

.cms-index-index .messages,

.cms-home .messages { margin:20px 0 20px; }



.error-msg,

.success-msg,

.note-msg,

.notice-msg {

    background-position:25px center !important;

    background-repeat:no-repeat !important;

    padding:25px 25px 25px 80px !important;

    font-size:12px !important;

}

.error-msg {

    border-color:#c02230;

    background-color:#F5DAD3;

    background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/i_msg-error.png);

    color:#c02230;

}

.success-msg {

    border-color:#296a23;

    background-color:#e9ffca;

    background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/i_msg-success.png);

    color:#296a23;

}

.note-msg,

.notice-msg {

    border-color:#7c622a;

    background-color:#FDEDA4;

    background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/i_msg-note.png);

    color:#7c622a;

}





/* BreadCrumbs

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.breadcrumbs li { float: left; font-size: 0.9166em; }

.breadcrumbs a { display: block; float: left; }

.breadcrumbs li > * { display: inline-block; vertical-align: middle; }

.breadcrumbs li .sep { margin-left: 6px; margin-right: 6px; }

.breadcrumbs li .last-crumb {}





/* Page Heading

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.page-title h1,

.page-title h2 { margin-bottom:0; }

.page-title { margin-bottom:20px; }

/*.category-title { margin-bottom:10px; }*/



/* Links in page title */

.page-title .separator { margin:0 3px; }

.page-title .separator,

.page-title .link-reorder,

.page-title .link-rss,

.page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; }

.page-title .link-rss { float:right; margin-top:15px; }



/* Title with buttons */

.title-buttons { text-align:right; }

.title-buttons button { margin-left:1em; }

.title-buttons h1,

.title-buttons h2,

.title-buttons h3,

.title-buttons h4,

.title-buttons h5,

.title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ }





/* Toolbar: pager and sorter

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Sorter

-------------------------------------------------------------- */

.sorter { padding:10px 0; }



/* View mode */

.sorter .view-mode { float:right; }

.sorter .view-mode label { margin-right:5px; }

.sorter .view-mode .grid,

.sorter .view-mode .list { margin-left: 1px; }

.sorter .view-mode .grid {}

.sorter .view-mode .list {}

.sorter .view-mode a.grid:hover {}

.sorter .view-mode a.list:hover {}



/* Sort by */

.sorter .sort-by { float:left; margin-right:10px; padding-right:3px; }

.sorter .sort-by .category-asc,

.sorter .sort-by .category-desc {}

.sorter .sort-by .category-asc {}

.sorter .sort-by .category-desc {}

.sorter .sort-by .category-asc:hover {}

.sorter .sort-by .category-desc:hover {}



/* Pager

-------------------------------------------------------------- */

.pager { margin:10px 0; padding:10px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }

.pager .pages { float:right; vertical-align:middle; }

.pager .pages strong,

.pager .pages span { float:left; margin-right:5px; font-weight:normal; }

.pager .pages ol { display:inline-block; vertical-align:middle; }

.pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; }

.pager .pages li a { display:block; color:inherit; }

.pager .pages a.previous,

.pager .pages a.next { font-size:16px; }



/* Toolbar. Pager and sorter inside toolbar

-------------------------------------------------------------- */

.toolbar {

    border-top:1px solid #e5e5e5;

    border-bottom:1px solid #e5e5e5;

    margin-bottom:-1px; /* To cover the top line of the products grid/list */



    /* Move up to cover adjacent lines/elements */

    position:relative;

    z-index:1;

}



/* Pager inside toolbar - align center */

.toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; }

.toolbar .pager .pages { display:inline-block; float:none; }



/* Bottom toolbar */

.toolbar-bottom { margin-top:10px; }

.toolbar-bottom .toolbar { border-bottom:none; }

.toolbar-bottom .toolbar .pager { border-top:none; }

.toolbar-bottom .sorter { display:none; }



/* Common styles for toolbar elements

-------------------------------------------------------------- */



/* Height */

.sorter,

.pager { line-height:36px; } /* Important: the same as the height of the form elements */



/* Icons */

.sorter .view-mode .grid,

.sorter .view-mode .list,

.sorter .sort-by .category-asc,

.sorter .sort-by .category-desc {

    display:inline-block;

    vertical-align: middle;

    font-size:14px;

}



/* Icons and elements of pager */

.sorter .view-mode .grid,

.sorter .view-mode .list,

.sorter .sort-by .category-asc,

.sorter .sort-by .category-desc,

.pager .pages .current,

.pager .pages li a {

    width:30px;

    height:30px;

    line-height:30px;

    text-align:center;

}



/* Amount */

.pager .amount,

.sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/link-separator.png) right center no-repeat; }



/* Limiter */

.pager .limiter,

.sorter .limiter { float:left; margin-right:15px; }





/* Data Table

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.data-table { width:100%; }

.data-table th,

.data-table td { padding:10px; }

.data-table thead { background:none; border-bottom:1px solid #e5e5e5; }

.data-table thead th { font-weight:bold; vertical-align:bottom; border-right: none; }

.data-table thead th.wrap { white-space:normal; }



/*.data-table tr.odd td,

.data-table tr.odd th { border-right:1px solid #eee;}*/

.data-table tr.odd td.last { border-right:none; }

.data-table tr.odd {}

.data-table tr.odd.last { border-bottom:#eee solid 1px; }



.data-table tr.even td,

.data-table tr.even th { border-right:1px solid #f5f5f5; }

.data-table tr.even td.last { border-right:none; }

.data-table tr.even { background-color:#fbfbfb; }



.data-table tbody tr:hover {}

.data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/

.data-table tbody.odd {}

.data-table tbody.odd td { border-width:0 1px; }

.data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; }

.data-table tbody.even { background-color:#f5f5f5; }

.data-table tbody.even td { border-width:0 1px; }

.data-table tbody.odd tr.border td,

.data-table tbody.even tr.border td {}

.data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; }



/* Additional classes for mobile devices

-------------------------------------------------------------- */

/* Cell title */

.data-table .cell-label { display:none; }





/* Shopping cart total summary row expandable to details

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

tr.summary-total { cursor:pointer; }

tr.summary-total td {}

tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; }

tr.show-details .summary-collapse { background-position:0 -53px; }

tr.show-details td {}

tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; }

tr.summary-details-first td { border-top:1px solid #d5d5d5; }

tr.summary-details-excluded { font-style:italic; }





/* Shopping cart tax info

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.cart-tax-info { display:block; }

.cart-tax-info,

.cart-tax-info .cart-price { padding-right:20px; }

.cart-tax-total { display:block; padding-right:20px; background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; }

.cart-tax-info .price,

.cart-tax-total .price { display:inline !important; font-weight:normal !important; }

.cart-tax-total-expanded { background-position:100% -53px; }





/* Misc

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.link-cart { font-weight:bold; }

.link-reorder { font-weight:bold; }

.link-print { background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; }

.link-rss { background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/i_rss.gif) 0 center no-repeat; padding-left:16px; white-space:nowrap; }



.cards-list dt { margin:5px 0 0; }

.cards-list .offset { padding:2px 0 2px 20px; }



.separator { margin:0 3px; font-weight:normal; color:#e5e5e5; }

.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; }



/* Global site notices

-------------------------------------------------------------- */

.global-site-notice { background:#f5f5f5; color:#1A1A1A; }

.global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/i_notice.gif) 20px center no-repeat; text-align:left; }

.global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; }

.global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; }



/* Cookie Notice */

.notice-cookie {}



/* Noscript Notice */

.noscript {}



/* Demo Notice */

.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; }

.demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; }

.demo-notice .notice-inner p { padding:0; border:0; }





/* Buttons remove/close and edit

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Common styles for many buttons

-------------------------------------------------------------- */

.btn-remove, /* Generic "close" button */

.btn-remove2, /* Button "remove" on the cart page */

.map-popup-close,

.remember-me-popup-head .remember-me-popup-close, /* "Remember me" pop-up, only the "close" button in the header */

.btn-edit {

    display:inline-block;

    width:18px;

    height:18px;

    line-height:18px;

    font-size:16px;

    text-align:center;



    /* Important: no overflow to hide the text inside the button */

    overflow: hidden !important;

}







/* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Styles for admin-controlled content */



.std .subtitle { padding:0; }

.std ol.ol { list-style:decimal outside; padding-left:1.5em; }

.std dl dt { font-weight:bold; }

.std dl dd { margin:0 0 10px; }

.std dl,

.std p,

.std address,

.std blockquote { margin:0 0 1em; padding:0; }





/* Lists

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Unordered lists

-------------------------------------------------------------- */

/* Common basic styling */

ul.bullet,

ul.disc { margin:0 0 1em; padding:0; }



/* Disc */

ul.disc { list-style:disc outside none; padding-left:1.5em; }

ul.disc li { background-image:none; padding-left:0; }



/* Bullet */

ul.bullet { list-style:none outside none; }

ul.bullet li {

    background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat;

    padding-left:25px;

    transition:			background-position 150ms ease-out;

    -moz-transition:	background-position 150ms ease-out;

    -webkit-transition:	background-position 150ms ease-out;

    -o-transition:		background-position 150ms ease-out;

}

ul.bullet li:hover { background-position:3px 0; }



/* Different bullets. IMPORTANT: use together with class "bullet" */

ul.list1  li { background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/cck/list/list1.png); }

ul.list2  li { background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/cck/list/list2.png); }

ul.list11 li { background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/cck/list/list11.png); }

ul.list12 li { background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/cck/list/list12.png); }

ul.list13 li { background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/cck/list/list13.png); }



/* Separator */

ul .separator {

    border-bottom:1px solid #fff;

    margin:8px 1px;

    overflow:hidden;

}



/* Nested unordered lists

-------------------------------------------------------------- */

ul.bullet ul,

ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; }

ul.bullet ul li,

ul.disc ul li { background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; }





/* Lists inside ".std"

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Unordered list without any bullets */

.std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; }

.std ul.no-bullets li { background-image:none !important; padding-left:0 !important; }



/* Ordered lists */

.std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; }

.std ol ol,

.std ul ol,

.std ol ul { margin:0.5em 0; }





/* Misc

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.std dt { font-weight:bold; }

.std dd { padding:0 0 0 1.5em; }

.std blockquote { font-style:italic; padding:0 0 0 1.5em; }

.std address { font-style:normal; }

.std b,

.std strong { font-weight:bold; }

.std i,

.std em { font-style:italic; }





/* Override std styles for selected elements

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.std .products-grid p { margin-bottom:0; }







/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Header

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.header-container,

.header-container2,

.header-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; }

.header { padding:0; }



/* Misc header elements

-------------------------------------------------------------- */

.header .item {}

.header .item-left { float:left; margin-right:20px; }

.header .item-right { float:right; margin-left:20px; }





/* Logo

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.header .logo-wrapper .logo {

    display:inline-block;

    /****** max-width:220px; */

    margin:10px 0;

    text-decoration:none !important;

}

.header .logo-wrapper h1.logo a {

    display: block;

}

.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }





/* User menu, top links

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.user-menu {

    float:right;

    margin:10px 0 10px 10px;

}

.mini-cart { float:right; }

.top-links { float:right; }



/* Set floating because there can be more than one list of links. */

.top-links ul { float:right; }





/* Quick search

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

#search_mini_form { clear:both; display:block; }

.form-search { position:relative; }

.form-search label { float:left; margin:3px 4px 0 0; display:none; }

.form-search .input-text {

    display: block;

    height:36px;

    line-height:36px; /*IE8*/

    padding:0px 35px 0 7px;

    color:#1A1A1A;

    background-color:#fff;

    overflow:hidden;

    text-overflow:ellipsis;

}



/* Button */

.form-search .button {

    position:absolute;

    right:0;

    top:0;

    margin:1px;

    padding:0;

    /*background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png) no-repeat transparent;

    background-position:-57px -108px;*/

    background-color:transparent !important;

    color:#1A1A1A;

    width:34px;

    height:34px;

    line-height:34px;

    text-align:center;

}

.form-search .button:hover { background-color:transparent; color:#1A1A1A; }

.form-search .button span { background-image:none !important; /* To hide possible image bg from outdated custom CSS styles */ }

.form-search .button span span { display:none; } /* Hide text label */



/* Search autocomplete */

.form-search .search-autocomplete {

    left:0 !important; /*Fix for IE*/

    top:42px !important;

    position:relative;

    z-index:4100 !important;

}

.form-search .search-autocomplete ul {

    background-color:#fff;

    text-align:left;

    padding:3px;

}

.form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; }

.form-search .search-autocomplete li:hover {}

.form-search .search-autocomplete li .amount { float:right; padding-left:5px; }



/* Quick search: skins

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Search: small box

-------------------------------------------------------------- */

.search-wrapper-small .form-search .input-text {

    height:28px;

    line-height:28px; /*IE8*/

}

.search-wrapper-small .form-search .button span {

    background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png) no-repeat transparent;

    background-position: -61px -111px; /*-59px -109px*/

    width:28px;

    height:28px;

}

.search-wrapper-small .form-search .search-autocomplete { top:30px !important; }



/* Search: inline

-------------------------------------------------------------- */

.search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; }





/* Quick search: positions

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Search: centered

-------------------------------------------------------------- */

.search-wrapper-centered .form-search {

    margin:0 auto;

    width:90%;

}

.search-wrapper-centered .form-search .input-text {

    float:right;

    width:100%;

}





/* Header dropdowns. Common for mini cart and mini compare dropdowns

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.header-dropdown .dropdown-heading {}

.header-dropdown .dropdown-content {}

.header-dropdown .dropdown-content .block-subtitle { padding:0; margin:0 0 20px; font-size: 14px; font-weight: bold; }





/* Mini-cart

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.after-mini-cart { clear:both; }



/* Mini-cart heading

-------------------------------------------------------------- */

.mini-cart .mini-cart-heading {

    /* In case link is used as a dropdown heading */

    cursor: default;

    color: inherit; /* Heading can be a link, so inherit color from parent element */

}

.mini-cart .mini-cart-heading:hover {

    color: inherit;

}

.mini-cart .mini-cart-heading .ic {

    font-size: 16px;

    line-height: 1em;

}

.mini-cart .mini-cart-heading .summary {}



/* Mini-cart content

-------------------------------------------------------------- */

/* If it's a dropdown */

.mini-cart.dropdown .mini-cart-content {

    width:300px;

    padding:25px;

    text-align:left; /* Because cart can be aligned center */

}



/* Elements of the cart */

.mini-cart .mini-cart-content .empty { padding:10px 0; }

.mini-cart .mini-cart-content .block-subtitle { padding:0; margin:0 0 20px; font-size: 14px; font-weight: bold; }

.mini-cart .mini-cart-content .subtotal { margin:20px 0; font-size: 14px; font-weight: bold; }

.mini-cart .mini-cart-content .incl-tax {}

.mini-cart .mini-cart-content .mini-products-list li { padding: 0; margin: 0 0 5px; }

.mini-cart .mini-cart-content .mini-products-list li.last { margin: 0; }

.mini-cart .mini-cart-content .product-name {}

.mini-cart .mini-cart-content .btn-remove,

.mini-cart .mini-cart-content .btn-edit { float:right; }

.mini-cart .mini-cart-content .product-details strong { font-weight:normal; }

.mini-cart .mini-cart-content .actions { margin:10px 0 0; padding:0; border:none; text-align:left; }

.mini-cart .mini-cart-content .actions button { float:left; margin-right:1px;  }

.mini-cart .mini-cart-content .truncated { margin-left:3px; }

.mini-cart .mini-cart-content .truncated .item-options { -webkit-transform: translateZ(0); /* Fix disappearing mini-cart in Safari if product has options */ }





/* Block: Recently Compared (dropdown)

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.mini-compare {

    float:right;

    margin:0;

    padding:0;

    border:none;

}



/* Mini-compare heading

-------------------------------------------------------------- */

.mini-compare .mini-compare-heading {

    /* In case link is used as a dropdown heading */

    cursor: default;

    color: inherit;

}

.mini-compare .mini-compare-heading .ic {

    font-size: 16px;

    line-height: 1em;

}



/* Mini-compare content

-------------------------------------------------------------- */

.mini-compare.dropdown .mini-compare-content {

    width:300px;

    padding:25px;

    text-align:left; /* Because cart can be aligned center */

}



.mini-compare .mini-compare-content .block-subtitle { padding:0; margin:0 0 20px; font-size: 14px; font-weight: bold; }

.mini-compare .mini-compare-content .empty { padding:10px 0; }

.mini-compare .mini-compare-content .product-name { padding-right:20px; }

.mini-compare .mini-compare-content .btn-remove { float:right; }

.mini-compare .mini-compare-content .actions { margin-top: 20px; }

.mini-compare .mini-compare-content .actions a { float:right; line-height: 36px; /* The same height as button */ }

.mini-compare .mini-compare-content .actions button { float:left; }







/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Blocks

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block { margin:0 0 10px; }

.block .block-title {}

.block .block-title strong { font-weight:inherit;  }

.block .block-title a { text-decoration:none !important; }

.block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; }

.block .block-content {	padding:10px 0; }

.block .block-content li.item {	padding:5px 0; }

.block .btn-remove { float:right; }

.block .btn-edit { float:right; }

.block .actions { margin:10px 0 0 0; padding:10px 0 0; border-top:1px dotted #e5e5e5; }

.block .actions a { float:left; }

.block .actions .button { float:right; }

.block .actions .button ~ a { margin-right: 5px; line-height: 36px; /* The same height as buttons */ }





/* Block lists

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-viewed .block-content ol,

.block-compare .block-content ol,

.block-compared .block-content ol {

    list-style: outside disc none;

    padding-left: 20px;

}

.block-viewed .block-content ol li,

.block-compare .block-content ol li,

.block-compared .block-content ol li {

    padding: 3px 0;

}



/* Mini Products List

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.mini-products-list li { padding:5px 0; }

.mini-products-list .product-image { float:left; width:50px; }

.mini-products-list .product-details { margin-left:60px; }

.mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; }

.mini-products-list .item .btn-remove,

.mini-products-list .item .btn-edit { margin-left:7px; }





/* Block: Account

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-account .block-title {}

.block-account .block-content { padding: 10px 0; }

.block-account .block-content ul { list-style: outside disc none; padding-left: 25px; }

.block-account li > * {

    padding:4px;

    display:block;

    text-transform:uppercase;

}

.block-account li strong { font-weight:normal; }







/* Block: Layered Navigation

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



.block-layered-nav .block-content {}

.block-layered-nav .block-subtitle { display:none; margin-bottom:0; }



/* List of filters */

.block-layered-nav dl {}

.block-layered-nav dt { font-weight:bold; padding:0; }

.block-layered-nav dd {	padding:5px 0 10px; }

.block-layered-nav dd.last { border-bottom:none; }



/* Current filters */

.block-layered-nav .currently { margin-bottom:10px; }

.block-layered-nav .currently .block-subtitle { display:block; padding:10px 10px 0; margin: 0; font-weight:normal; }

.block-layered-nav .currently ol { padding:10px; }

.block-layered-nav .currently ol li { margin-bottom:4px; }

.block-layered-nav .currently .label { margin-right:4px; color:#d90000; }

.block-layered-nav .currently .btn-remove { float:right; margin-left:5px; }

.block-layered-nav .actions {}

.block-layered-nav .actions a { float:right; }



/* List items */

.block-layered-nav dd li,

.block-layered-nav .currently ol li {

    line-height:1.5em;

    background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/bullet.png) 3px 5px no-repeat;

    padding-left:15px;

    transition:			background-position 150ms ease-out;

    -moz-transition:	background-position 150ms ease-out;

    -webkit-transition:	background-position 150ms ease-out;

    -o-transition:		background-position 150ms ease-out;

}

.block-layered-nav dd li:hover,

.block-layered-nav .currently ol li:hover { background-position:6px 5px; }





/* Block: Wishlist

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/*.block-wishlist li.item .btn-remove { margin-left:5px; }*/





/* Block: Related

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Ccommon styles for all types of the block */

.block-related .block-subtitle {

    display:none;

    position:absolute;

    padding:1em 0;

    margin:-20px 0 0;

    border-top:1px solid #e5e5e5;

    border-bottom:1px solid #e5e5e5;

    font-weight:normal;

    z-index:1;

}

.block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; }



/* Block: Related. Single product slider

-------------------------------------------------------------- */

.block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; }





/* Block: Related. Simple thumbnails slider

-------------------------------------------------------------- */

.block-related-thumbnails .product-image {

    float:left;

    margin-bottom:10px;

}

.block-related-thumbnails .product-details {

    margin-left:110px;

}

.block-related-thumbnails .product-details > * { margin-bottom:5px; }

.block-related-thumbnails .product-name,

.block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; }

.block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; }

.block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; }





/* Block: Compare Products

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.compare-table { border:0; }

.compare-table .btn-remove { float:right; }

.compare-table tbody tr:hover { background-color:#e5e5e5; }



.compare-table .product-shop-row { border-bottom:1px solid #ccc; }

.compare-table .product-shop-row th,

.compare-table .product-shop-row td { border-color:#1A1A1A !important; }

.compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; }

.compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */

.compare-table tr.add-to-row td { text-align:left; }

.compare-table tr.first td { text-align:left; }

.compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; }

.compare-table tr.first td .ratings { width:145px; margin:10px 0; }

.compare-table .price-box { margin:10px 0; line-height:15px; }



/* Changes after setting text-align:left */

.compare-table .product-image img { display:block; margin:0 auto; }

.compare-table .add-to-links { margin-top:5px; }

.compare-table .add-to-links li { float:none; }

.compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; }





/* Block: Recently Viewed

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-viewed {}





/* Block: Recently Compared

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-compared {}





/* Block: Poll

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-poll .block-subtitle { font-weight:normal; }

.block-poll input.radio { float:left; margin:1px -18px 0 0; }

.block-poll .label { display:block; margin-left:18px; }

.block-poll li { padding:3px 9px; }

.block-poll .answer { font-weight:bold; }

.block-poll .votes { float:right; margin-left:10px; }





/* Block: Tags

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-tags .block-content .tags-list { background:none; border:0; font-size:12px; }

.block-tags .tags-list a {}

.block-tags .tags-list a:hover {}

.block-tags .actions { text-align:right; }

.block-tags .actions a { float:none; }





/* Block: Subscribe

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-subscribe .input-box { margin-top: 5px; }

.block-subscribe input { width:155px; }

.block-subscribe .actions button.button { float:none; }





/* Block: Reorder

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-reorder input.checkbox { float:left; margin:2px -20px 0 0; }

.block-reorder .product-name { margin-left:20px; }

.block-reorder .validation-advice { margin:3px 9px 7px; }





/* Block: Banner

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-banner {}

.block-banner .block-content { text-align:center; }





/* Block: Login

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-login label { font-weight:bold; color:#1A1A1A; }

.block-login input.input-text { display:block; width:167px; margin:3px 0; }



/* Paypal

-------------------------------------------------------------- */

.sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; }

.sidebar .paypal-logo a { float:none; }





/* Block: vertical main menu

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-vertnav .block-content {

    padding-left:0;

    padding-right:0;

}







/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



.category-title h1 {}

.category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; }

.category-image img {}

.category-description { margin:20px 0; position:relative; }



/* Negative top margin: to cover bottom border of the category title */

.category-products { margin:-1px 0 10px; }







/* General product list styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Product name

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

h2.product-name a,

h3.product-name a,

h4.product-name a,

h5.product-name a,

p.product-name a {

    color: inherit;

}





/* Common styles for view types: list and grid

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.products-list .product-name,

.products-grid .product-name,

h3.product-name {

    /* Sizes are modified for different number of columns */

    font-size:1.3333em; line-height:1.25em; /*16px 20px*/

}



.products-list .price-box.map-info a,

.products-grid .price-box.map-info a { margin-left:3px; }



/* Product image

-------------------------------------------------------------- */

/* Product alternative image */

.products-list .product-image .alt-img,

.products-grid .product-image .alt-img {

    position:absolute;

    top:0;

    left:0;

    display: none;

}



/* Fix possible glitches during animation */

.products-list .product-image img,

.category-products-grid .product-image img /* Grid only in category view */

{

    -moz-transform: translateZ(0);

}





/* View type: list

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.products-list .item {

    border-top:1px solid #e5e5e5;

    padding-top:20px;

    padding-bottom:20px;

    background-color:#fff;

    position:relative; /* For hover effect */



    transition:			box-shadow 0ms ease-in;

    -moz-transition:	box-shadow 0ms ease-in;

    -webkit-transition:	box-shadow 0ms ease-in;

    -o-transition:		box-shadow 0ms ease-in;

}

.products-list .product-shop {}

.products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px }

.products-list .right-column { float:right; }



.products-list .product-name { margin:0 0 15px; }

.products-list .product-image-wrapper {}

.products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; }

.products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; }

.products-list .ratings { margin:10px 0; }

.products-list .desc { margin:15px 0px; }

.products-list .link-learn {}

.products-list .btn-cart { width:100%; max-width:180px; }

.products-list .button span { float:none; }

.products-list .availability { float:none; margin:15px 0; }

.products-list .add-to-links { margin:15px 0 0; }



/* Hover effect

-------------------------------------------------------------- */

.products-list.hover-effect .item:hover {

    margin-left:-1%;

    margin-right:-1%;

    padding-left:1%;

    padding-right:1%;

    z-index:10;

    box-shadow:0 0 20px rgba(0,0,0,0.2);

    border-color:transparent;



    transition:			box-shadow 400ms ease-out;

    -moz-transition:	box-shadow 400ms ease-out;

    -webkit-transition:	box-shadow 400ms ease-out;

    -o-transition:		box-shadow 400ms ease-out;

}





/* View type: grid

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Product grid: basic styles

   (common for all types of product grids)

-------------------------------------------------------------- */

.products-grid {}

.products-grid .item {

    padding-top:20px;

    padding-bottom:20px;

    position:relative; /* For hover effect */

}

.products-grid .product-name { margin:15px 0 10px; }

.products-grid .product-image-wrapper { margin:0 auto; position:relative; }

.products-grid .product-image { display:block; }

.products-grid .price-box { margin:10px 0 10px; font-size:1em; }

.products-grid .ratings { margin:10px 0; line-height:1.0833em; }

/* If ratings wrapped, remove margin from ratings, leave maring in wrapper */

/*.products-grid .ratings-wrapper { margin:10px 0; }

.products-grid .ratings-wrapper .ratings { margin-top:0; margin-bottom:0; }*/

.products-grid .actions { margin:10px 0 0; }

.products-grid .availability { float:none; margin:5px 0; }

.products-grid .add-to-links { margin:10px 0 0; }



/* Prices old/special: inline */

/*.products-grid .old-price,

.products-grid .special-price { display: inline-block; }

.products-grid .old-price + .special-price { margin-left: 4px; }*/





/* Grid: additional styles

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Equal height of items (buttons displayed at the bottom of items)

-------------------------------------------------------------- */

.products-grid.equal-height .item .actions { position:absolute; bottom:15px; }



/* Remove equal height */

.products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */



/* Display grid item elements only on hover

-------------------------------------------------------------- */

.products-grid .item .display-onhover { display:none; }



/* Display grid item elements only on hover: fade-in (for sliders) */

.products-grid .item .visible-onhover {

    visibility:hidden;

    opacity:0;

    transition:			visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;

    -moz-transition:	visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;

    -webkit-transition:	visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;

    -o-transition:		visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;

}

.products-grid .item:hover .visible-onhover {

    visibility:visible;

    opacity:1;

    transition:			visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;

    -moz-transition:	visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;

    -webkit-transition:	visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;

    -o-transition:		visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;

}



/* Product name in a single line

-------------------------------------------------------------- */

.products-grid.single-line-name .product-name {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.products-grid.single-line-name .item:hover .product-name {

    overflow: visible;

    white-space: normal;

}



/* Align to the center

-------------------------------------------------------------- */

.products-grid.centered .item { text-align: center; }

.products-grid.centered .item .ratings .rating-box,

.products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; }

.products-grid.centered .item .ratings .amount { margin-left: 3px; }

.products-grid.centered .item input.checkbox { float: none; }



.products-grid.centered .item .actions .add-to-links li { float: none; margin:0; }

/*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/





/* Grid: only in category view

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.category-products-grid .item {

    border-top:1px solid #e5e5e5;

    border-left:none;

    border-right:none;

    zoom:1;



    padding-top:2%;

    padding-left:1%;

    padding-right:1%;

    background-color:#fff;



    transition:			box-shadow 0ms ease-in;

    -moz-transition:	box-shadow 0ms ease-in;

    -webkit-transition:	box-shadow 0ms ease-in;

    -o-transition:		box-shadow 0ms ease-in;

}



/* Hover effect

-------------------------------------------------------------- */

.category-products-grid.hover-effect .item:hover {

    margin-left:-1%;

    margin-right:-1%;

    padding-left:2%;

    padding-right:2%;

    z-index:10;

    box-shadow:0 0 20px rgba(0,0,0,0.2);

    border-color:transparent;



    transition:			box-shadow 400ms ease-out;

    -moz-transition:	box-shadow 400ms ease-out;

    -webkit-transition:	box-shadow 400ms ease-out;

    -o-transition:		box-shadow 400ms ease-out;

}





/* Grid: override grid elements to change size

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Product name

-------------------------------------------------------------- */

.products-grid.size-s .product-name {

    font-size:1.1666em; /*14px*/

    line-height:1.2307em; /*16px*/

}

.products-grid.size-xs .product-name {

    font-size:1em; /*12px*/

    line-height:1.25em;/*15px*/

}



/* Buttons

-------------------------------------------------------------- */

.products-grid.size-s .item button.btn-cart {

    line-height: 3em;

    padding-left: 15px;

    padding-right: 15px;

}

.products-grid.size-xs .item button.btn-cart {

    line-height: 2.5em;

    padding-left: 8px;

    padding-right: 8px;

}



/* Product labels

-------------------------------------------------------------- */

.products-grid.size-s .sticker { width:45px; height:45px; font-size:1em; }

.products-grid.size-s .item:hover .sticker { width:50px; height:50px; }

.products-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ }

.products-grid.size-xs .item:hover .sticker { width:45px; height:45px; }







/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Rating

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.ratings,

.no-rating { line-height: 15px; margin: 15px 0 15px; }

.ratings strong { float:left; margin:1px 5px 0 0; } /* For backward compatibility */



.rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; }

.rating-box .rating { float:left; height:13px; background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/rating.png) 0 100% repeat-x; }



.ratings .rating-box,

.ratings .amount,

.ratings .rating-links {

    display: inline-block;

    vertical-align: middle;

}

.ratings .rating-box { margin-right:6px; }

.ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; }

.ratings .rating-links .separator {

    display: inline-block;

    vertical-align: middle;

    text-indent: -9999px;

    border-left: 1px solid #e5e5e5;

    height: 13px;

    width: 1px;

    margin: 0 3px;

}



.ratings-table th,

.ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; }

.ratings-table th { padding-right:8px; }





/* Generic block for feature presentation on product page

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-action {

    display: block;

    margin: 10px 0;

}

.product-action .ic {

    vertical-align: middle;

    font-size: 16px;

    /* Fixed width of the icon container. Required because different icon widths can break the alignment. */

    width: 24px;

    text-align: center;

}

.product-action .label {

    vertical-align: middle;

    margin-left: 3px;

}





/* Availability - only X left

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.availability-only {}

a.availability-only { cursor:pointer; } /* It may also be a link to toggle more details */



/* Enlarge the icon */

.availability-only .ic { font-size: 20px; }



/* Inside the label */

.availability-only strong { font-weight:normal; }

.availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); }



/* Table with details */

.availability-only-details { width:100%; margin:-10px auto 20px; }

.availability-only-details thead { border-bottom:1px solid #e5e5e5; }

.availability-only-details th { padding:4px 12px; font-weight:bold; }

.availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; }

.availability-only-details td.last { border-right:none; }





/* Product increments

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-pricing {}

.extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; }

.product-options-bottom .product-pricing { clear:left; }





/* Alerts

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.alert-price {}

.alert-stock {}





/* Product Prices

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.price { white-space:nowrap !important; }



.price-box { margin: 0; }

.price-box .price {}

.price-box .price-label {}



/* Common labels */

.old-price .price-label,

.special-price .price-label { white-space:nowrap; }

.old-price .price-label { display:none; }



/* Regular price */

.regular-price {}

.regular-price .price {}



/* Old price */

.old-price { margin:0; }

.old-price .price { text-decoration:line-through; }



/* Special price */

.special-price { margin:0; padding:0; }
.catalog-product-view .special-price{display: block; margin: 10px 0 15px 0;}
.catalog-product-view .old-price{ display:block;color: #253852; margin: 0px 0 20px 0;}
.catalog-product-view .old-price .price { text-decoration: line-through; color:#253852!important;float:left;padding-right: 1rem;}
.catalog-product-view .old-price .price-label { color:#253852!important;float:left;padding-right: 0.3rem;}
.category-products .products-grid .price-box .old-price,
.category-products .products-grid .price-box .special-price {
    float: none;
    clear: both;
    display: block;
}
.category-products .products-grid .price-box .old-price .price-label {
    display: inline;
}

/* Minimal price (as low as) */

.minimal-price { margin:0 0 5px; }

.minimal-price .price {}

.minimal-price .price-label { white-space:nowrap; }



.minimal-price-link { display:block; }

.minimal-price-link .label {}

.minimal-price-link .price { color:#ee001c; }



/* Excluding tax */

.price-excluding-tax { display:block; }

.price-excluding-tax .label { white-space:nowrap; }

.price-excluding-tax .price { font-weight:normal; }



/* Including tax */

.price-including-tax { display:block; }

.price-including-tax .label { white-space:nowrap; }

.price-including-tax .price {}



/* Configured price */

.configured-price { margin:0; }

.configured-price .price-label { font-weight:bold; white-space:nowrap; }

.configured-price .price { font-weight:bold; }



/* FPT */

.weee { display:block; font-size:11px; }

.weee .price { font-size:11px; font-weight:normal; }



/* Excl tax (for order tables) */

.price-excl-tax  { display:block; }

.price-excl-tax .label { display:block; white-space:nowrap; }

.price-excl-tax .price { display:block; }



/* Incl tax (for order tables) */

.price-incl-tax { display:block; }

.price-incl-tax .label { display:block; white-space:nowrap; }

.price-incl-tax .price { display:block; font-weight:bold; }



/* Price range */

.price-from { margin:0; }

.price-from .price-label { white-space:nowrap; }



.price-to { margin:0; }

.price-to .price-label { white-space:nowrap; }



/* Price notice next to the options */

.price-notice { margin-left:5px; }

.price-notice .price { padding-left:3px; }



/* Price as configured */

.price-as-configured .price-label { font-size:1.1666em; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:inherit; }



.price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; }





/* Tier Prices

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.tier-prices { margin:0 0 10px; padding-left: 10px; }

.tier-prices li { line-height:15px; background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; }

.tier-prices .benefit { color:#ee001c; font-weight:normal; }



.tier-prices-grouped li { padding:2px 0; }

.tier-prices-grouped li .price { font-weight:bold; }





/* Add-to links

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.add-to-links .separator { display:none; }

.add-to-links li { float:left; }



.addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */



/* Add-to links: simple icons (with no text)

-------------------------------------------------------------- */

.addto-links-icons {}



/* If displayed in a group: add margin between icons */

.addto-links-icons .link-compare { margin-left:3px; }

.addto-links-icons a { display:block; }

.addto-links-icons .ic { font-size:16px; }



/* If displayed on product image */

.addto-links-icons.addto-onimage {

    float:right;

    margin-top:-40px; /* Move up */

    position:relative;

    z-index:1;

    padding-bottom:4px; /* Use padding to cover the bottom part of the product image below icons */

    padding-right:4px;

}





/* Add to Cart box

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Display elements inline, no floating */

.product-view .add-to-cart { float:none; }

.checkout-cart-configure .product-view .add-to-cart { float:left; margin-right: 10px; }

.add-to-cart .qty-wrapper,

.add-to-cart .button { display:inline-block; }

.add-to-cart .qty-wrapper .qty { text-align:center; margin-right:10px; }



/* PayPal

-------------------------------------------------------------- */

.product-view .paypal-wrapper { float:left; }

.product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; }

.product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; }



/* Magento's default */

.add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; }

.add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; }



/* Button "Add to cart" on product page */

.product-view .btn-cart { min-width: 200px; }



/* Add class "left-side" to place the buttom at the left side

   of the quantity field

-------------------------------------------------------------- */

.add-to-cart.left-side { float: none !important; /* In case floating is set in some other styles */ }

.add-to-cart.left-side .button { float: left; }

.add-to-cart.left-side .qty-wrapper { line-height: 55px; /* The same height as button */ }

.add-to-cart.left-side .qty-wrapper label { padding-left: 7px; }





/* Messages

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

#messages_product_view { margin: 0 auto; width: 98%; }







/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Basic layout

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* 1 Column Layout

-------------------------------------------------------------- */

/* Stretch content area (full page width) */

.catalog-product-view .col1-layout .col-main { margin-left:0; margin-right:0; width:100%; }



/* 3 Columns Layout

-------------------------------------------------------------- */

/* Uncomment if you're using 3-column layout on product page */

/*.catalog-product-view .col3-layout .product-img-column,

.catalog-product-view .col3-layout .product-shop,

.catalog-product-view .col3-layout .product-secondary-column,

.catalog-product-view .col3-layout .box-additional { float: none; width: 100%; }

.catalog-product-view .col3-layout .img-box .product-image { margin: 0 auto; width: 57%; }*/





/* Main sections of product page

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Generic wrapper for product page collaterals */

.product-view .box-additional { margin-top:20px; }

.product-view .box-tabs {}

.product-view .box-sidebar {}

.product-view .box-up-sell {}





/* Product images

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-view .product-img-column {

    float:left; margin-bottom:10px;

    position:relative; /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */

}

.col3-layout .product-view .product-img-column { float:none; margin:0 auto; }





/* Product primary column

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-view .product-shop { float:left; }

.product-view .product-shop .product-name {	margin:0 0 1.6666em; /*20px*/ }

.product-view .product-shop .product-name h1 { margin:0; }

.product-view .product-shop .ratings-table { margin:15px 0 5px; }





/* Product secondary Column

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ }





/* Product primary column's elements

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ }

.product-view .short-description ul { margin-top:5px; margin-bottom:5px; }



/* Add-to links */

.product-view .action-box { margin:20px 0; }



/* Add-to links in different places of the product page */

.product-view .add-to-links li { margin-right: 10px; }

.product-view .add-to-links a { display: block; }

.product-view .add-to-links .ic { font-size: 16px; }



/* Other elements */

.extrahint-wrapper { margin-bottom:15px; }



/* Downloadable product

-------------------------------------------------------------- */

.product-type-data .item-options { clear: both; }

.product-type-data .item-options dt { float:none; margin:0 0 5px; }

/* The same style as "item-options" in cart */

.product-type-data .item-options dd { background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; }



/* Additional information table

-------------------------------------------------------------- */

.product-view .data-table th { font-weight:bold; }





/* Prices - common for product view and MAP popup

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Prices on product page and MSRP */

.product-view .product-shop .price-box .price-including-tax .price { font-size:18px; }

.product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; }



/* Main price (prominent) */

.product-view .product-shop .price-box .regular-price .price,

.product-view .product-shop .price-box .special-price .price,

.product-view .product-shop .price-box .special-price .price-label,

.product-view .product-shop .price-box .old-price .price,

.product-view .product-shop .price-box .old-price .price-label,

.product-view .product-shop .price-box .price-including-tax .price,

.product-view .product-options-bottom .price-box .regular-price .price,

.product-view .price-as-configured .price,

.map-popup-price .regular-price .price,

.product-view .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ }



/* Old price */

.product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:inline-block; }



/* MSRP price (only in MSRP box) */

.map-popup-msrp .price { display:block; /* Move price below the label */ }



/* Move MSRP links below the price */

.product-view .product-shop .price-box.map-info .old-price { display:block; }



/* Special price */

.product-view .price-box .special-price .price-label { white-space:normal; }

.product-view .price-box .special-price .price-including-tax,

.product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; }



/* Price box inside "Add-to-cart" box or inside product options box */

.product-view .add-to-box .price-box,

.product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; }





/* Main containers (e.g. for add-to-cart, product options)

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Product type specific data */

.product-view .product-type-data { margin:10px 0 0; }



/* Lower part of the container */

.product-view .container1-wrapper,

.product-view .container2-wrapper,

.product-view .add-to-box {

    padding:0 0 15px;

    margin:0 0 15px;

    border-bottom:1px solid #e5e5e5;

}



/* Button container */

.product-view .add-to-box {

    margin-top:15px;

}



/* Background color for main containers */

/*.product-view .product-type-data,

.container1-wrapper,

.container2-wrapper,

.product-view .add-to-box {}*/





/* Other elements

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Unordered list in product description (for lists with no bullet class) */

.product-view .short-description .std ul,

.product-view .box-tabs .std ul { list-style:none outside none; }

.product-view .short-description .std ul li,

.product-view .box-tabs .std ul li { background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; }



/* Margin for list in long description */

.product-view .box-tabs .std ul { margin-bottom:1em; }



/* If unordered list has "disc" class, override  */

.product-view .short-description .std ul.disc,

.product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; }

.product-view .short-description .std ul.disc li,

.product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; }





/* Product options

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-options { position:relative; margin-bottom:15px; }

.product-options dt { font-weight:normal; }

.product-options dt label { display:inline-block; font-weight:bold; }

.product-options dt label.required em { float:right; margin-left:3px; }

.product-options dd .qty-holder { display:block; padding:5px 0 0; }

.product-options dd .qty-holder label { vertical-align:middle; }

.product-options dt .qty-disabled { background:none; border:0; padding:3px; }

.product-options dd { margin:3px 0 10px; }

.product-options dl.last dd.last { border-bottom:0; }

.product-options dd input.input-text { width:100%; /*98%*/ }

.product-options dd input.datetime-picker { width:150px; }

.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }

.product-options dd textarea { width:100%; /*width:92%;*/ height:8em; }

.product-options dd select { width:100%; }

.product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; }

.product-options ul.options-list { margin-right:5px; }

.product-options ul.options-list li { line-height:1.5; padding:2px 0; }

.product-options ul.options-list input.radio { float:left; }

.product-options ul.options-list input.checkbox { float:left; margin-top:2px; }

.product-options ul.options-list .label { display:block; margin-left:18px; }

.product-options ul.options-list label { font-weight:normal; }

.product-options ul.validation-failed { padding:0 7px; }

.product-options p.note { margin:0; font-size:0.9166em; }

.product-options p.required { position:absolute; right:0; top:-15px; }



/*bottom*/

.product-options-bottom { margin-top:20px; }

.product-options-bottom .tier-prices { margin:0 0 10px; padding:0; border:0; background:0; }

.product-options-bottom .tier-prices li { background:0; padding:2px 0; }

.product-options-bottom .price-box .price-as-configured {}

.product-options-bottom .price-label {}

.product-options-bottom .price-tax { float:left; }

.product-shop .product-options-bottom { margin:0; }

.product-shop .product-options-bottom .price-label { float:none; padding-right:0; }

.product-shop .product-options-bottom .price-tax { float:none; }

.product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; }





/* Grouped Product

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-view .grouped-items-table { margin:0; clear:both; }

.product-view .grouped-items-table thead th { font-weight:bold; }

.product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; }

.product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; }



.product-view .grouped-items-table td { vertical-align:middle; }

.product-view .grouped-items-table .price-box .regular-price .price { font-size:14px; }





/* Product collateral blocks

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Hide first h2 heading (which is the same as tab text) */

.box-tabs .panel > h2:first-child { display:none; }





/* Block: Tags

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-view .box-tags .product-tags { display:block; margin:0 0 25px; }

.product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; }

.product-view .box-tags .product-tags li.first { padding-left:0; }

.product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; }

.product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px; }

.product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; }

.product-view .box-tags .form-add input.input-text { width:auto; }

.product-view .box-tags .note { margin:3px 0 0; font-size:0.9166em; /*11px*/ }





/* Block: Reviews

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-view .box-reviews { margin-top:15px; }

.product-view .box-reviews dl { margin:0 0 15px; }

.product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; }

.product-view .box-reviews dt span { font-weight:bold; }

.product-view .box-reviews dt a { font-size:18px; margin-right:8px; }

.product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; }

.product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; }

.product-view .box-reviews .ratings-table { margin:5px 0; }



.product-view .box-reviews .form-add {}

.product-view .box-reviews .form-add h2 { text-transform:uppercase; }

.product-view .box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; }

.product-view .box-reviews .form-add h3 span { font-weight:bold; }

.product-view .box-reviews .form-add h4 { font-size:1em; font-weight:normal; }

.product-view .box-reviews .form-add h3,

.product-view .box-reviews .form-add h4 { font-family:inherit; }

.product-view .box-reviews .form-add .form-list { margin:15px 0 0; }

.product-view .box-reviews .form-add .form-list .input-box {}

.product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; }

.product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; }

.product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; }



.product-view .box-reviews .form-add .data-table { max-width:176px; }

.product-view .box-reviews .form-add .data-table th,

.product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; }

.product-view .box-reviews .form-add .data-table td .radio { margin:0; }





/* Send a Friend

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.send-friend .form-list li p { margin:0 15px 0 0; }

.send-friend .form-list .field { margin-bottom:8px; }

.send-friend .form-list textarea { width:100%; }

.send-friend .buttons-set .limit { float:right; margin:0 7px; }







/* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



.product-name { margin:0; font-weight:normal; font-size:1em; }

/* Product Tags */

.tags-list li { display:inline; }



/* Advanced Search */

.advanced-search-summary { padding:20px; margin:10px 0; }

.advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; }

.advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; }

.advanced-search-summary strong { margin:0 5px 0 0; }

.advanced-search-summary p { clear:both; float:left; display:block; margin:10px 0 0; }



/* Advanced Search - form */

.advanced-search .form-list label { padding-right:10px; width:140px; }

.advanced-search .form-list .input-box,

.advanced-search .form-list .input-range {

    clear:none;

    float:left; /* Complex form fields (e.g. price range) require floating for correct layout */

}



.catalogsearch-advanced-index .fieldset { margin-bottom:3px; }

.catalogsearch-advanced-index .buttons-set { padding-left:0; }

.catalogsearch-advanced-index .buttons-set button.button { float:left; margin-left: 0; }



/* Sitemap */

.page-sitemap .links { float:right; margin:0 0 5px; text-align:center; }

.page-sitemap .links a { text-decoration:none; position:relative; }

.page-sitemap .sitemap { margin:15px; }

.page-sitemap .sitemap li { margin:3px 0; }

.page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; }

.page-sitemap .sitemap li.level-0 a {}

.page-sitemap .pager { clear:both; }



/* RSS */

.rss-title h1 { background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/i_rss-big.png) 0 center no-repeat; padding-left:30px; }

.rss-table .link-rss { display:block; }







/* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Checkout Types

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.cart .page-title .checkout-types li { margin:0 0 5px; }

.cart .title-buttons .checkout-types { float:right; }

.cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; }





/* Shopping Cart Table

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.cart-table thead tr { border-bottom:1px solid #e5e5e5; }

.cart-table th.last { border-right:none; }



.cart-table .product-image { width:168px; display:block; }

.cart-table .product-name { margin:0 0 10px; font-weight:normal; font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ }

.cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#ee001c; }

.cart-table tfoot td { padding:5px 10px; border:none; }

.cart-table input.qty { width: 4em !important; }



/* Table bottom - buttons

-------------------------------------------------------------- */

.cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #eee; }

.cart-table tfoot button { padding:0; margin:0 0 15px 10px; }

.cart-table .btn-continue { float:left; margin-left:0; }

.cart-table .btn-update,

.cart-table .btn-empty { float:right; }





/* Cart Collateral blocks

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.cart-collaterals { margin-top:2%; /* Percentage value to keep the same margin as between columns */ }

.cart .cart-left-column > *,

.cart .cart-right-column > * { margin-bottom:20px; }

.cart .cart-right-column { float:right; }





/* Cross-sell

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.cart .crosssell .product-image { float:left; }

.cart .crosssell .product-details { margin-left:85px; }

.cart .crosssell .btn-cart { float:left; margin-right:10px; }

.cart .crosssell .add-to-links { float:left; margin:12px 0 0; }

.cart .crosssell .price-box { margin:7px 0; }

.cart .crosssell li.item { padding:20px 0; }

.cart .crosssell li.item.odd { margin-left:0; clear:left; }

.cart .crosssell li.item.even { margin-right:0; float:right; }



/*

-------------------------------------------------------------- */

.cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; }

.cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; }

.cart-wide-box .crosssell li.item.even { padding-left:20px; }





/* Common styles: Cross-sell, Discount Codes, Estimate Shipping

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.cart .discount .buttons-set,

.cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; }

.cart .discount .buttons-set button.button,

.cart .shipping .buttons-set button.button { float:none; margin-left:0; }





/* Discount Codes (coupons)

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.cart .discount label { display:block; margin:0 0 5px; }

.cart .discount .input-box {}

.cart .discount input.input-text { width:100%; }





/* Estimate Shipping

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.cart .shipping input.input-text,

.cart .shipping select { width:100%; }

.cart .shipping p { margin-bottom:10px; }

.cart .shipping .sp-methods { margin:10px 0 0; }





/* Shopping Cart Totals

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.cart .totals { background-color:#f5f5f5; }

.cart .totals-inner { padding:20px; }

.cart .totals table { width:100%; }

.cart .totals td { padding:1px 0px 1px 7px; }

.cart .totals tr.last td {}

.cart .totals tfoot th { padding:5px 15px 5px 7px; }

.cart .totals tfoot td { padding-bottom:5px; }

.cart .totals tfoot th strong,

.cart .totals tfoot td strong { font-size:16px; }

/*.cart .totals tfoot .price { color:#B31F5A; } */

.cart .totals .checkout-types { text-align:right; }

.cart .totals .checkout-types li { clear:both; margin:10px 0; }





/* Item Options and Options Tool Tip

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.item-options dt { float: left; clear: left; }

.item-options dd { float: left; margin: 0 0 2px; padding-left: 7px; font-style: italic; }



/* Item options in cart/checkout tables */

.data-table .item-options { line-height: 15px; margin:0 0 0 10px; }

.data-table .item-options dt { background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/bullet.png) 0 4px no-repeat; padding-left: 10px; }

.data-table .item-options dd { padding-left: 10px; /* The same left padding as "dt" in case "dd" drops to a new line */ }



/* Options Tool Tip

-------------------------------------------------------------- */

.truncated { cursor:help; display:inline-block; }

.truncated a.dots { cursor:help; }

.truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; }

.truncated .truncated_full_value { position:relative; z-index:999; }

.truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:190px; padding:15px; }

.truncated .truncated_full_value .item-options > p { font-weight:bold; margin-bottom:2px; }

.truncated .show .item-options { display: block; left: -210%; top: 20px; }







/* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/********** < Common Checkout Styles */

/* Shipping and Payment methods */

.sp-methods dt { font-weight:bold; margin:15px 0 0; }

.sp-methods dt:first-child {margin-top: 0; }

.sp-methods dt.a-center { text-align: left !important; } /* Heading "Credit Card Information" in the Order Review tab */

.sp-methods dd { margin: 3px 0 15px;  }

.sp-methods dd li { margin: 5px 0; }

.sp-methods .price { font-weight:bold; }

.sp-methods .form-list { padding:10px 10px 10px 22px; }

.sp-methods select.month { width:150px; margin-right:10px; }

.sp-methods select.year { width:96px; }

.sp-methods input.cvv { width:5em !important; }



.sp-methods .checkmo-list li {}

.sp-methods .checkmo-list label { padding-right:10px; }

.sp-methods .checkmo-list address { float:left; }



.sp-methods .centinel-logos a { margin-right:3px; }

.sp-methods .centinel-logos img { vertical-align:middle; }



.please-wait { float:right; margin-right:5px; }

.please-wait img { vertical-align:middle; }

.cvv-what-is-this { cursor:help; margin-left:10px; }



/* Tooltip with credit card security code explanation */

.tool-tip { margin-left: 22px; /* To align with ".sp-methods .form-list" */ }

.tool-tip .btn-close a { display:block; margin:0 0 5px; }



/* Gift Messages */

.gift-messages { margin:30px 0 10px; }

.gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; }

.gift-messages-form p { margin-bottom:10px; }

.gift-messages-form label { float:none !important; position:static !important; }

.gift-messages-form .item { margin:0 0 10px; }

.gift-messages-form .item .product-img-box { float:left; width:75px; }

.gift-messages-form .item .product-image { margin:0 0 7px; }

.gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; }

.gift-messages-form .item .details { margin-left:90px; }



.gift-message-link { display:block; background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; }

.gift-message-link.expanded { background-position:0 -53px; }

.gift-message-row .btn-close { float:right; padding:0 7px 0px; }

.gift-message dt strong { font-weight:bold; color:#1A1A1A; }

.gift-message dd { margin:5px 0 0; font-size:13px; }

.order-gift-message { margin:15px 0; }



/* Checkout Agreements */

.checkout-agreements li { display: block; padding:22px; background-color: #f5f5f5; margin:0 0 10px; }

.checkout-agreements .agreement-content { overflow: auto; max-height: 144px; /* Height = 8 times 18px (default line height) */ }

.checkout-agreements .agree input.checkbox { margin-right:8px; }

.checkout-agreements .agree label { font-weight:bold; vertical-align:middle; }



/* Centinel */

.centinel .authentication { border:1px solid #ddd; background:#fff; }

.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; }



/* Generic Info Set */

/* For more styles see Multiple Addresses Checkout */

.info-set .data-table .item-options { margin:5px 0 0; }

/********** Common Checkout Styles > */





/* Block - progress

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-progress dl { margin-top: 15px; }

.block-progress dt {

    margin: 15px 0;

    line-height: 1.3em; /* Low line height to display the line near the heading text */

    text-transform: uppercase;

    font-weight: bold;

}

.block-progress dd {

    margin-bottom: 25px;

    padding-left: 15px;

    font-style: italic;

}

.block-progress address { font-style: italic; }

.block-progress dt a {

    /* Reset styles of the heading text */

    text-transform: none;

    font-weight: normal;

}

.block-progress p { margin:0; }





/* Other

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.opc .buttons-set.disabled button.button { display:none; }

.opc .buttons-set .please-wait { height:45px; line-height:45px; /* The same height as the button */ }

.opc .ul { list-style:disc outside; padding-left:18px; }



.opc { position:relative; }

.opc .section { margin:0 0 10px; padding:0; }



.opc .step-title { background:#f5f5f5; padding:10px; text-align:right;  }

.opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; }

.opc .step-title h2 { float:left; margin:0; color:#1A1A1A; font-size:1.3333em; line-height:2.125em; }

.opc .step-title a { display:none; float:right; margin-top:8px; }



.opc .section.allow { cursor:pointer; }

.opc .section.allow.active { cursor:auto; }

.opc .allow .step-title { background:#f5f5f5; }

.opc .allow .step-title:hover { background-color:#e5e5e5; }

.opc .allow .step-title h2 { color:#1A1A1A; }

.opc .allow .step-title a { display:block; }



.opc .active .step-title { background-color:#e5e5e5; cursor:default; }

.opc .active .step-title .number { color:#fff; background-color:#1A1A1A; }

.opc .active .step-title h2 {}

.opc .active .step-title a { display:none; }



.opc .step { padding:10px 20px; margin-top:10px; position:relative; }

.opc .step .tool-tip { right:30px; }



#opc-login .buttons-set button { float:left; margin-left:0; }

#opc-login .buttons-set a { float:right !important; }

#opc-login h3 { margin-top:10px; }

#opc-login h4 { font-family:inherit; font-weight:normal; }

#opc-login .form-list { margin:15px 0 15px; }

#opc-login .form-list li { margin:0 0 3px;}



.opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;}

.opc .gift-messages-form .inner-box { overflow:visible; }



#opc-review .step { padding:0; }

#opc-review .item-options { margin:5px 0 0; }

#opc-review .btn-checkout { min-width: 200px; }

#opc-review .buttons-set p { margin:0; line-height:28px; }

#opc-review .buttons-set .please-wait { height:28px; line-height:28px; }

#opc-review .authentication { margin:0 auto; width:570px; }

#opc-review .warning-message { color:#1A1A1A; font-weight:bold; text-align:center; padding:10px 10px 0; }





/* Common styles for: Multiple Addresses Checkout and Generic Info Set

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.multiple-checkout h2,

.info-set h2 { font-weight:bold; margin:0 0 10px; }

.multiple-checkout h3,

.multiple-checkout h4,

.info-set h3,

.info-set h4 { font-size:15px; font-weight:bold; }

.multiple-checkout h2 a,

.multiple-checkout h3 a,

.multiple-checkout h4 a,

.info-set h2 a,

.info-set h3 a,

.info-set h4 a { font-size:12px; font-weight:normal; }



.multiple-checkout .data-table .product-name,

.info-set .data-table .product-name { font-size:13px; margin:0 0 5px; }

.multiple-checkout .col2-set h2.legend,

.info-set h2.legend { font-weight:normal; }

.multiple-checkout .col2-set h3.legend,

.info-set h3.legend { color:#ce001a; margin:0 0 10px; }

.multiple-checkout .col2-set .divider,

.info-set .divider { margin:0 -20px; padding:25px 0; position:relative; }

.multiple-checkout .box,

.info-set .box { margin:0 0 15px; }







/* Multiple Addresses Checkout

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.checkout-progress { padding:0 110px; margin:-11px 0 25px; }

.checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; }

.checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; }



.multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; }

.multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; }



/* Styles similar to cart-table */

.multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; }

.multiple-checkout .data-table thead th { padding:10px; font-weight:normal; }



.multiple-checkout .gift-messages { margin:15px 0 0; }

.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; }



.multiple-checkout .col2-set .col-1 { width:32%; }

.multiple-checkout p.actions { margin-bottom:10px; }



.multiple-checkout .place-order .please-wait { margin-top:10px; }

.multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; }

.multiple-checkout .place-order .grand-total .inner div { display:inline; }

.multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; }



/* Step 1 */

#multiship-addresses-table td { padding:10px; }



/* Step 2 */

.checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; }







/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Account Login/Create Pages

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.account-login .new-users,

.account-login .registered-users { margin-bottom:20px; }

.account-login p { margin-bottom:20px; }

.account-login p.required { margin:0; }

/* Make top margin smaller - in log-in form "required" element is

   in different place then in other containers "buttons-set" */

.account-login .buttons-set { margin-top: 10px; }



/* Account Login/Create box elements - login page and checkout page */

.account-login .buttons-set button { float:left; margin-left:0; }

.account-login .buttons-set a { float:right !important; margin-bottom: 10px; }





/* My Account Dashboard

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.my-account {}

.my-account .title-buttons .link-rss { float:none; margin:0; }



/********** < Dashboard */

.dashboard .welcome-msg { margin:0 0 1.6666em; }

.dashboard .welcome-msg .hello { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ }

.dashboard .welcome-msg .hello strong { font-weight: normal; }

.dashboard .col-1,

.dashboard .col-2 { margin-bottom:1.5em; }



/* General Box */

.box-account { margin:0 0 2.5em; }

.box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; }

.box-account .box-head a { float:right; margin-top:10px; }

.box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; }

.box-account.box-info .col-1 { border-right:1px solid #e5e5e5; }

.box-account.box-info .col-1 .box { padding-right:10px; }



.dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; }

.dashboard .box .box-title h3,

.dashboard .box .box-title h4 { float:left; margin:0; }



/* Block: Recent Orders */

.dashboard .box-recent .box-head h2 {}



/* Block: Account Information */

.dashboard .box-info .box-head h2 {}

.dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; }



/* Block: Reviews */

.dashboard .box-reviews .box-head h2 {}

.dashboard .box-reviews .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; }

.dashboard .box-reviews .details { margin-left:38px; }

.dashboard .box-reviews li.item { margin:0 0 7px; }

.dashboard .box-reviews li.item.last { margin:0; }

.dashboard .box-reviews .ratings { margin:5px 0 0; }



/* Block: Tags */

.dashboard .box-tags .box-head h2 {}

.dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; }

.dashboard .box-tags .details { margin-left:38px; }

.dashboard .box-tags .tags { margin:5px 0 0; }

.dashboard .box-tags li.item { margin:0 0 7px; }

.dashboard .box-tags li.item.last { margin:0; }

.dashboard .box-tags .tags strong,

.dashboard .box-tags .tags ul,

.dashboard .box-tags .tags ul li { display:inline; }

/********** Dashboard > */



/* Add left padding if icons are displayed in headings */

/*.box-account .box-head h2,

.order-items h2,

.order-about h2 { padding-left:38px; }*/





/* Address Book

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.addresses-list h3 { font-weight:normal; }

.addresses-list address { margin-bottom:10px; }

.addresses-list .link-remove:hover { color:#ee001c; }

.addresses-list .separator { margin:0 3px; }

.addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; }

.addresses-list li.empty { background:none; border:0; padding:0; }

.addresses-list li.empty p { color:#1A1A1A; }

.addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; }



.my-account .pager { margin-bottom:20px; }





/* Order View

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.order-info { margin:20px 0 10px; }

.order-info dt,

.order-info dd,

.order-info li,

.order-info li a { float:left; }



.order-info dt { font-weight:bold; }

.order-info li { margin-right:1px; }

.order-info dt,

.order-info li.current,

.order-info li a { padding:10px; }

.order-info dt { padding-left:0; }



.order-info li a { background-color:#f8f8f8; }

.order-info li a:hover,

.order-info li.current { background-color:#e5e5e5; }



/* Date */

.order-date { margin:15px 0; color:#ee001c; clear:both; }





/*

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.order-info-box { margin:0 0 10px; padding:20px; }

.order-info-box .col-1 { border-right:#e5e5e5 solid 1px; }

.order-info-box h2 {}

.order-info-box .box-payment p { margin:0 0 3px; }

.order-info-box .box-payment th { font-weight:bold; padding-right:7px; }



.order-items .data-table { margin-bottom:20px; }

.order-items .data-table td { padding:5px 9px; }

.order-items .data-table .grand_total { font-size:1.3333em; }

/* Grand total color */

.order-items .data-table .grand_total .last,

.order-items .data-table .grand_total_incl .last {}



.order-items { width:100%; }

.order-items .product-name { margin:0 0 3px; font-size:12px; }

.order-items .link-print { font-weight:normal; }

.order-items p .link-print { float:none; }



.order-items h2,

.order-about h2 { margin:15px 0; }



.order-items h3.table-caption { font-size:13px; font-weight:bold; }

.order-items h2.table-caption a,

.order-items h2.sub-title a {

    font-size:12px;

    font-weight:normal;

    text-transform:none;

}

.order-items .order-links { text-align: right; }

.order-items .order-comments h2 {}



.order-details h2 {}

.order-details h2 .separator { color:#999; font-size:12px; }



.order-about { margin:0 0 15px;	padding:5px 30px; }

.order-about dt { font-weight:bold; }

.order-about dd { font-size:12px; margin-bottom:15px; }



.tracking-table { margin:0 0 15px; }

.tracking-table th { width:20%; font-weight:bold; white-space:nowrap; }

.tracking-table th,

.tracking-table td { padding:5px 9px; }



.tracking-table-popup { width:100%; }

.tracking-table-popup th { font-weight:bold; white-space:nowrap; }

.tracking-table-popup th,

.tracking-table-popup td { padding:1px 8px; }





/* Order Print Pages

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.page-print .print-head { margin:0 0 15px; }

.page-print .print-head .logo { float:left; }

.page-print .print-head address { float:left; margin-left:15px; }

.page-print h1 { font-size:16px; font-weight:bold; }

.page-print h2,

.page-print h3 { font-size:13px; font-weight:bold; }

.page-print h2.h2 { font-size:16px; font-weight:bold; }

.page-print .order-date { background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; }

.page-print .col2-set { margin:0 0 10px; }

/* Price Rewrites */

.page-print .gift-message-link { display:none; }

.page-print .price-excl-tax,

.page-print .price-incl-tax { display:block; white-space:nowrap; }

.page-print .cart-price,

.page-print .price-excl-tax .label,

.page-print .price-incl-tax .label,

.page-print .price-excl-tax .price,

.page-print .price-incl-tax .price { display:inline; }





/* My Wishlist

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.my-wishlist .product-image { display:block; margin:0 0 5px; min-width:113px; max-width:140px;  }

.my-wishlist .product-name { margin-bottom:10px; }

.my-wishlist .description { margin-bottom:10px; }

.my-wishlist textarea { display:block; width:97%; height:70px; border:1px solid #e5e5e5; }

.my-wishlist .price-box { margin-bottom:5px; }

.my-wishlist .add-to-cart-alt { margin-bottom:10px; }

.my-wishlist .buttons-set { margin-top:2em; }

#wishlist-table .add-to-links { white-space:nowrap; }



.my-wishlist .data-table tr.even { background:#f8f8f8; }

.my-wishlist .btn-cart { margin:10px 0 5px; }





/* My Tags

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.my-tag-edit { float:left; margin:0 0 10px; }

.my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; }

#my-tags-table { clear:both; }

#my-tags-table td { padding:10px; }

#my-tags-table .add-to-links { white-space:nowrap; }





/* My Reviews TODO:deprecated

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

#my-reviews-table td { padding:10px; }

.product-review .product-img-box { float:left; width:140px;  }

.product-review .product-img-box .product-image { display:block; width:125px; height:125px; }

.product-review .product-img-box .label { margin:0 0 8px; }

.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; }

.product-review .product-details { margin:0 20px 20px 155px; }

.product-review .product-name { font-size:18px; margin:0 0 18px; }

.product-review h3 { font-size:12px; margin:15px 0 5px; }

.product-review .ratings-table { margin:0 0 15px; }

.product-review dt { font-weight:bold; }

.product-review dd { font-size:12px; margin:5px 0 0; }





/* Billing Agreements

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.billing-agreements .form-list li select { float:left; }

.billing-agreements .form-list li button.button { float:left; margin-left:10px; }

.billing-agreements .table-caption { font-weight:bold; font-size:13px; }







/* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Remember Me Popup

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.window-overlay { background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; }



.remember-me label { float:none; margin:0 6px; }

.remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; }

.remember-me-popup-head { position:relative; }

.remember-me-popup-close-button { margin-top: 15px; }





/* MAP Popup

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.cart-msrp-totals {

    color:red;

    text-align:right;

    text-transform:uppercase;

}

.map-cart-sidebar-total {

    display:block;

    color:red;

    font-weight:normal;

    font-size:12px;

    line-height:1.5em;

}



.map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; }

.map-popup-heading h2 { margin:0; overflow:hidden; white-space:nowrap; word-wrap: break-word; text-align:left; text-overflow:ellipsis; }

.map-popup-arrow { display:none; }

.map-popup-content { overflow:hidden; text-align:left; }

.map-popup-checkout { float:right; text-align:right; }

.map-popup-checkout .paypal-logo { margin:0 0 5px; }

.map-popup-price .price-box,

.map-popup-price .price-box .special-price { margin:0; padding:0; }

.map-popup-price { margin:5px 0 0; }

.map-popup-text { clear:right; padding:20px; text-align:left; word-wrap:break-word; }

.map-popup-only-text { border-top:1px solid #eee; }





/* Common styles for: Remember Me Popup and MAP Popup

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.remember-me-popup,

.map-popup { background:#fff; text-align:left; }

.remember-me-popup-head,

.map-popup-heading { border-bottom:1px solid #e5e5e5; padding:15px 45px 15px 20px; }

.remember-me-popup-head h3,

.map-popup-heading h2 { margin:0; font-size:16px; }

.remember-me-popup-body,

.map-popup-content { padding:20px; }

.remember-me-popup-head .remember-me-popup-close, /* Only the "close" button in the header */

.map-popup-close { display:block; position:absolute; top:16px; right:16px; }





/* Other

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.calendar { z-index:200; }







/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



.footer-container,

.footer-container2 { background-repeat:repeat; background-position:center top; background-attachment: scroll; }

.footer {

    margin:0 auto;

    padding:0;

    text-align:left;

}

.footer .item-left { float:left; margin-right:20px; }

.footer .item-right { float:right; margin-left:20px; }



/* Footer elements */

.footer .heading,

#subscribe-form label { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; }





/* Footer top

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.footer-top {}





/* Footer primary

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.footer-primary {}



/* Primary footer additional

-------------------------------------------------------------- */

.footer-primary-top-spacing {

    padding-top:20px;

    padding-bottom:20px;

    border-bottom:1px solid;

    border-color:#eee;

    border-color:rgba(26, 26, 26, 0.05);

}

.footer-primary-bottom-spacing {

    border-top:1px solid;

    border-color:#eee;

    border-color:rgba(26, 26, 26, 0.05);

    padding-top:20px;

    padding-bottom:20px;

}





/* Footer secondary

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.footer-secondary {}





/* Footer bottom

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.footer-bottom-container {}

.footer-bottom {

    padding-top:10px; /* To counterbalance the bottom margin of footer elements */

}





/* Footer elements

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Newsletter form

-------------------------------------------------------------- */

#subscribe-form {}

#subscribe-form form { display:block; }

#subscribe-form label { float:left; margin:0 5px 0 0; line-height:36px; font-weight:normal; position: relative; }

#subscribe-form .input-box { float:left; margin:0 5px 5px 0; position:relative; }

#subscribe-form .input-box .validation-advice {

    padding:10px 0;

    margin:0;

    width:140%;

    position:absolute;

    top:-103%;

    left:-20%;

    text-align:center;

    background-color:#fff;

    background-color:rgba(255,255,255,0.9);

    z-index:1;

}

#subscribe-form .input-text {

    float:left;

    width:auto;

}

#subscribe-form .input-text.validation-failed {}

#subscribe-form .button { float:left; }



/* Social services

-------------------------------------------------------------- */

.social-links a > span.icon { display:inline-block; } /* For backward compatibility */

.social-links span.icon, /* For backward compatibility */

.social-links .ib { margin-bottom:3px; }



/* Other elements

-------------------------------------------------------------- */

.footer-copyright { font-size:0.9166em; /*11px*/ line-height:1.3636em; margin-bottom:10px; margin-left:10px;  }



/* Scroll to top button

-------------------------------------------------------------- */

#scroll-to-top {

    display:none;

    position:fixed;

    width:50px;

    height:50px;

    line-height:50px;

    text-align:center;

    font-size:32px;

    bottom:30px;

    right:30px;

    z-index:9999;

    border-radius:50%;

    background-image:none !important; /* To hide possible image bg from outdated custom CSS styles */

}

#scroll-to-top:hover { background-color:#1A1A1A; }







/* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* CMS pages

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Home page */

body.cms-index-index .breadcrumbs { display:none; }





/* Magento widgets

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.widget-new-products .products-grid .item,

.widget-viewed .products-grid .item,

.widget-compared .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; }



.widget-new-products .products-list,

.widget-viewed .products-list,

.widget-compared .products-list { list-style-type: none; padding: 0; }



.widget-new-products .products-list .product-image,

.widget-viewed .products-list .product-image,

.widget-compared .products-list .product-image { float: left; }







/* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */

.clearer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

.header-container:after,

.header-container .top-container:after,

.header:after,

.header .quick-access:after,

#nav:after,

.main:after,

.footer:after,

.footer-container .bottom-container:after,

.col-main:after,

.col2-set:after,

.col3-set:after,

.col3-layout .product-options-bottom .price-box:after,

.col4-set:after,

.search-autocomplete li:after,

.block .block-content:after,

.block .actions:after,

.block li.item:after,

.block-poll li:after,

.block-layered-nav .currently li:after,

.page-title:after,

.products-grid:after,

.products-list li.item:after,

.box-account .box-head:after,

.dashboard .box .box-title:after,

.box-reviews li.item:after,

.box-tags li.item:after,

.pager:after,

.sorter:after,

.ratings:after,

.add-to-box:after,

.add-to-cart:after,

.product-essential:after,

.product-view .box-tags .form-add:after,

.product-view .product-shop .short-description:after,

.product-view .box-description:after,

.product-options .options-list li:after,

.product-options-bottom:after,

.product-review:after,

.cart:after,

.cart-collaterals:after,

.cart .crosssell li.item:after,

.opc .step-title:after,

.checkout-progress:after,

.multiple-checkout .place-order:after,

.group-select li:after,

.form-list li:after,

.form-list .field:after,

.buttons-set:after,

.page-print .print-head:after,

.advanced-search-summary:after,

.gift-messages-form .item:after,

.send-friend .form-list li p:after,



/* Additional clearing */

.breadcrumbs:after,

.product-type-data .item-options:after,

.my-account .order-info:after,

.mini-cart .mini-cart-content .mini-products-list li.item:after,

.block-related-thumbnails .product:after,

.cart .crosssell:after,

.data-table .item-options:after,

.section-line:after,

.section-title:after

{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

#sc46ME {
    display: none !important;
}

/* zoom image caption */
#cboxTitle {
	display: none !important;
}
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

/* What is Afterpay modal */
#afterpay-what-is-modal  img.afterpay-modal-image {
    display: block;
}
#afterpay-what-is-modal  img.afterpay-modal-image-mobile{
    display: none;
}

@media only screen
and (max-width : 480px) {
    #afterpay-what-is-modal  img.afterpay-modal-image-mobile {
        display: block;
    }
    #afterpay-what-is-modal  img.afterpay-modal-image{
        display: none;
    }
}

/* Afterpay info in checkout */
#what-is-afterpay-trigger {
    margin-top: 0;
    margin-left: 0;
    float: none;
}

#afterpay-logo {
    height: 18px;
    float: none;
}

#dt_method_afterpaypayovertime span {
    margin-left: 10px;
}

#payment_form_afterpaypayovertime.form-list {
    padding-left: 0;
}

#payment_form_afterpaypayovertime .form-alt {
    display: inline-block; /* shrink-wrap the form, to make the footer align nicely */
}

#payment_form_afterpaypayovertime .total-due p {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #A1A4A6;
    margin: 0 5px 0 0;
    text-transform: uppercase;
    float: left;
    height: 35px;
    line-height: 38px;
}

#payment_form_afterpaypayovertime .total-due span {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;
    height: 35px;
    line-height: 35px;
    color: #000000;
}

#payment_form_afterpaypayovertime .instalments {
    margin-bottom: 30px;
    position: relative;
}

#payment_form_afterpaypayovertime .instalments .header-text {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 9px;
    color: #A1A4A6;
    margin: 10px 0;
    text-transform: uppercase;
    line-height: 20px;
}

#payment_form_afterpaypayovertime .instalments .cost,
#payment_form_afterpaypayovertime .instalments .icon,
#payment_form_afterpaypayovertime .instalments .instalment {
    display: table-row;
    position: relative;
}

#payment_form_afterpaypayovertime .instalments .icon:after {
    content: "";
    background: #f7f7f7;
    display: block;
    height: 1px;
    left: 30px;
    right: 30px;
    margin-top: -5px;
}

#payment_form_afterpaypayovertime .instalments li {
    display: table-cell;
    text-align: center;
    padding: 0 10px;
}

#payment_form_afterpaypayovertime .instalments li:first-child {
    padding-left: 0;
}

#payment_form_afterpaypayovertime .instalments li:last-child {
    padding-right: 0;
}

#payment_form_afterpaypayovertime .instalments .cost {
    font-size: 14px;
    color: #379dd6;
}

#payment_form_afterpaypayovertime .instalments .icon img {
    width: 12px;
    display: inline;
    position: relative;
    z-index: 1;
}

#payment_form_afterpaypayovertime .instalments .instalment {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
}

#payment_form_afterpaypayovertime .instalment-footer {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #636363;
    text-align: center;
}

#payment_form_afterpaypayovertime .instalment-footer a {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
    text-decoration: underline;
}

@media (min-width: 560px) {
    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments li {
        padding: 0 30px;
    }

    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments .header-text {
        font-size: 12px;
    }

    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments .cost {
        font-size: 25px;
    }
}

/* By default, only show the callout text on the default checkout */
#afterpay-callout {
    display: none;
}

.checkout-onepage-index #afterpay-callout {
    display: block;
    margin-left: 0;
}

/* AW_Onestepcheckout support */
#aw-onestepcheckout-payment-method #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.5;
}

/* IWD_Opc support */
.opc-index-index #dt_method_afterpaypayovertime img {
    height: auto;
    display: inline-block;
    margin: 7px auto 0;
}

.opc-index-index #dt_method_afterpaypayovertime label a {
    display: none;
}

.opc-index-index #payment_form_afterpaypayovertime .form-alt {
    font-style: normal;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.5;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .cost li {
    color: #379dd6;
    padding: 0 10px;
    font-size: 20px;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .cost li:first-child {
    padding-left: 0;
}

.opc-index-index #payment_form_afterpaypayovertime .instalment-footer p {
    color: #636363;
    font-size: 11px;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .instalment li {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments li {
    padding: 0 20px;
}

/* GoMage Lightcheckout support */
#gcheckout-payment-methods-available #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.55;
    margin-top: 10px;
}

/* Onetouch on cart page */
.method-afterpay_onetouch h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #379dd6;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: none;
}

.method-afterpay_onetouch p {
    font-size: 12px;
}

.method-afterpay_onetouch .button {
    margin-top: 10px;
    padding: 7px 30px 7px 30px;
}

.method-afterpay_onetouch .button img {
    display:block;
    width: 90px;
    height: 18px;
}

#payment_form_afterpaypayovertime li { 
    float:none 
}

/* Hide the doubled Afterpay Assets */
.product-view .afterpay-installments-amount {
    display:none;
}
.product-view .afterpay-installments-amount:last-of-type {
    display:inline;
}
.amlabel-div {
    position: relative;
}
.amlabel-div .amlabel-txt {
    line-height: 11px;
    font-size: 0.9em;
    font-weight: bold;
    display: block;
    letter-spacing:0.01px;
    text-decoration: none;
    color: #fff;
}
.amlabel-div a {
    text-decoration: none;
    position: relative;
}

.amlabel-table {
    position: absolute;
    z-index: 10;
    cursor: pointer;
}
.amlabel-table td {
    vertical-align: middle;
    text-align: center;
    border: 0;
    height: auto;
}
.top-center {
    top: 0;
    left: 50%;
}
.middle-left {
    left: 0;
    top: 50%;
}
.middle-right {
    right: 0;
    top: 50%;
}
.bottom-center {
    bottom: 0;
    right: 50%;
}
.middle-center {
    top: 50%;
    right: 50%;
}
.top-left {
    top: 0;
    left: 0;
}
.top-right {
    top: 0;
    right: 0;
}
.bottom-left {
    bottom: 0;
    left: 0;
}
.bottom-right {
    bottom: 0;
    right: 0;
}

.products-list .amlabel-div {
    float:left;
}
* html .amlabel-div { float: left; }
* html .amlabel-div a { position: relative; }
div.amshopby-column {
    float: left;
    width: 49%;
    overflow: hidden;
}

select.amshopby-select {
    width:170px;
}

.amshopby-logo{
padding: 0pt 10px 10px 0pt; float: left;
}

.amshopby-featured {
    padding: 5px 5px 5px 5px; 
}

.amshopby-link{
    float:left;
    padding-left:5px; 
    padding-top:5px;
}

.amshopby-clearer {
	display:block; 
	clear:both; 
	overflow: hidden;
}
div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;}  
div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {padding-left:15px; background-image:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd a.amshopby-attr::before, div.block-layered-nav dd a.amshopby-attr-selected::before {border-style: none !important;}
div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background-image:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666}
div.block-layered-nav dd a img {/* padding: 0px 4px 5px;*/ float:left;}

div.block-layered-nav dd .single-choice a.amshopby-attr,
div.block-layered-nav dd .single-choice a.amshopby-attr:hover
{background-image: url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-rb1.gif);}

div.block-layered-nav dd .single-choice a.amshopby-attr-selected
{background-image: url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-rb2.gif);}

div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;}
div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;}

div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold;
color:black; text-decoration: none; cursor:text;}

div.block-layered-nav li.amshopby-cat-multi a {
    padding-left:15px;
    background-image:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav li.amshopby-cat-multiselected a {
    font-weight: bold;
    background-image:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav dd li span.amshopby-plusminus {float:left;
display:block; width:15px; height:15px; cursor:pointer;
background:transparent url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-plus.gif)  no-repeat;}
div.block-layered-nav dd li span.minus {background:transparent
url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-minus.gif) no-repeat;}
div.block-layered-nav dd li:after {display:block; content:".";
clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }



div.block-layered-nav.amshopby-collapse-enabled dl dt {
     cursor:pointer;
     padding-left:15px;
     background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt::after {
    border-style: none !important;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed{background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;}

.main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display {
    display: block!important;
}

div.block-layered-nav div.amshopby-slider {
	 position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px;  background: url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer;
}
div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;}

/*
 * Slider labels
 */
.amshopby-slider-price {
	color: #798794;
}
.amshopby-slider-price-from {
	float: left;
    
}
.amshopby-slider-price-to {
	float: right;
}

.amshopby-slider-handle-right {
	position: absolute;
	top: 14px;
	right: 0px;
}

.amshopby-slider-handle-left {
	position: absolute;
	top: 14px;
	left: 0px;
}

.amshopby-tooltip {
    padding:2px 5px;
    background:#FEC;
    border:1px solid #FAA819;
    color:#1F5070;
    text-align:left;
    width:200px;
    position:absolute;
}

.amshopby-slider-price-range 
{
	text-align: center;
	font-size: 0.9em;
}

.amshopby-tooltip-img {
    cursor:help;
    display: inline;
}

div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
    position: relative;
}
div.amshopby-overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
}
div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}

div.amshopby-overlay div {
    margin: 0 auto;
    display: block;
	width: 300px;
	height: 200px;
	background:  url('https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-overlay.gif') 50% 50% no-repeat;
}

/*
 * Advanced Categories
 */
.amshopby-advanced li {
	clear: both;
}
.amshopby-advanced li.level1 {
	padding-left: 20px;
}
.amshopby-advanced li.level2 {
	padding-left: 30px;
}
.amshopby-advanced li.level3 {
	padding-left: 40px;
}
.amshopby-advanced li.level4 {
	padding-left: 50px;
}


.amshopby-advanced li.active > a {
	font-weight: bold;
}

/*
 * Slider Bar
 */
.amshopby-slider-bar {
	position:absolute; 
	background: #999; 
	height: 6px; 
	top: 6px; 
	z-index: 1;  
}

/*
 * Subcategories block
 */
.amshopby-subcategory-image {
	overflow: auto; 
}

.btn-remove-inline { background-image: url('https://www.nationaltiles.com.au/skin/frontend/base/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; }
.btn-remove-inline:hover { /* background-position: center bottom; */ }
.amshopby-hightlighted { background: yellow;}

.btn-remove-inline img {display: inline;}

div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; }

.amshopby-slider-ui { background: url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; }
.amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; }
.amshopby-slider-ui .ui-slider-range { background-color: #999999; }

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-slider { cursor: pointer; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; }
.ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.amshopby-narrow-by-list table td { vertical-align: top; }

input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{
    width: auto;
}

.amshopby-item-top{
    max-width: 225px;
    min-width: 180px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.amshopby-filters-top .block-content ol{
    max-width: 250px;
}

.amshopby-item-top div.amshopby-column {
    width: auto;
}

.no-display-current, .no-display{
    display: none;
}

.current .no-display-current, dd.current td.no-display{
    display: block;
}

@media only screen and (max-width: 770px) {
    dl#narrow-by-list,
    dl#narrow-by-list2 {
        padding: 0px;
    }
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;}
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dl dt.current{background:url(https://www.nationaltiles.com.au/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;}
}

/* 
 * Itemslider - based on Owl Carousel
 *
 * IMPORTANT: Flexslider was replaced by Owl Carousel.
 * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css
 */



/* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Necessary styles (Core Owl Carousel CSS File v1.24)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


/* Additional styles for Owl Carousel
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Preloading images */
.owl-item.loading {
  min-height: 60px;
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/ajax-loader.gif) no-repeat center center;
}

/* Pagination */
.owl-pagination { text-align: center; z-index: 1; /* z-index to show above other items */ }



/* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.itemslider { margin-bottom: 20px; }

/* Items */
.itemslider .item { padding-left:10px; padding-right:10px; }

/* Lazy loading */
.itemslider .owl-item.loading { background-position: center 40px; }
.itemslider .owl-item.loading .product-image { min-height: 70px; }

/* If slider inside menu */
#nav .itemslider .price-box span { display: inline; }
/**
 * Generic interface elements
 */



/* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Generic arrows 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows1 .owl-controls .owl-buttons { position:absolute; }
.slider-arrows1 .owl-controls .owl-buttons div {
	float:left;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/generic-nav/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#e5e5e5;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.slider-arrows1 .owl-controls.clickable .owl-buttons div:hover { background-color:#333; }
.slider-arrows1 .owl-controls			.owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; }
.slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ }

.slider-arrows1 .owl-controls 			.owl-buttons .owl-prev					{ background-position:-10px -10px; margin-right:1px; }
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover			{ background-position:-10px -60px; }
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover	{ background-position:-10px -10px; /* Same as default */ }

.slider-arrows1 .owl-controls 			.owl-buttons .owl-next					{ background-position:-60px -10px; }
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover			{ background-position:-60px -60px; }
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover	{ background-position:-60px -10px; /* Same as default */ }

/* Position */
.slider-arrows1-pos-top-right .owl-controls .owl-buttons { top:-40px; right:0px; }
.slider-arrows1-pos-top-left  .owl-controls .owl-buttons { top:-40px; left:0px; }


/* Generic arrows 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows2 .owl-controls .owl-buttons div {
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/generic-nav/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#fff;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	
	opacity:0;
	filter:alpha(opacity=0);
}
.slider-arrows2:hover .owl-controls .owl-buttons div { opacity:1; filter:alpha(opacity=100); }

.slider-arrows2 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; }
.slider-arrows2 .owl-controls			.owl-buttons .owl-prev			{ background-position:-2px 0; left:0; top:44%; }
.slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover	{ background-position:-2px -50px; }
.slider-arrows2 .owl-controls			.owl-buttons .owl-next			{ background-position:-48px 0; right:0; top:44%; }
.slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover	{ background-position:-48px -50px; }


/* Generic arrows 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows3 .owl-controls .owl-buttons div {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/generic-nav/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#fff;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.slider-arrows3 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; }
.slider-arrows3 .owl-controls			.owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; }
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#fff; /* Must be the same as default color */ }

.slider-arrows3 .owl-controls			.owl-buttons .owl-prev					{ background-position:-10px -10px; top:30%; left:-32px; }
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover			{ background-position:-10px -60px; }
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover	{ background-position:-10px -10px; /* Same as default */ }

.slider-arrows3 .owl-controls			.owl-buttons .owl-next					{ background-position:-60px -10px; top:30%; right:-32px; }
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover			{ background-position:-60px -60px; }
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover	{ background-position:-60px -10px; /* Same as default */ }


/* Generic pagination 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-pagination1 .owl-controls .owl-page {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.slider-pagination1 .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 7px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#eee;
	transition:			background-color 300ms ease-in-out;
	-moz-transition:	background-color 300ms ease-in-out;
	-webkit-transition:	background-color 300ms ease-in-out;
	-o-transition:		background-color 300ms ease-in-out;
}
.slider-pagination1 .owl-controls.clickable .owl-page:hover span { background-color:#000; }
.slider-pagination1 .owl-controls .owl-page.active span { background-color:#ccc; }


/* Generic pagination 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-pagination2 .owl-controls .owl-page {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.slider-pagination2 .owl-controls .owl-page span {
	display: block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	width:10px;
	height:10px;
	margin:8px;
	transition:			background-color 300ms ease-in-out;
	-moz-transition:	background-color 300ms ease-in-out;
	-webkit-transition:	background-color 300ms ease-in-out;
	-o-transition:		background-color 300ms ease-in-out;
/*	transition:			width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
	-moz-transition:	width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
	-webkit-transition:	width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition:		width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;*/
}
.slider-pagination2 .owl-controls.clickable .owl-page:hover span,
.slider-pagination2 .owl-controls .owl-page.active span {
	width:16px;
	height:16px;
	margin:5px;
}
.slider-pagination2 .owl-controls .owl-page.active {
	cursor:default;
}


/* Pagination position
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.pagination-pos-bottom-centered							{ padding-bottom: 50px; /* Additional space for bottom pagination */ }
.pagination-pos-bottom-centered 		.owl-pagination { padding: 10px 0; text-align: center; position: absolute; width: 100%; }
.pagination-pos-bottom-right 			.owl-pagination { padding: 10px 0; float: right; }
.pagination-pos-bottom-left 			.owl-pagination { padding: 10px 0; float: left; }

/* Over the slider */
.pagination-pos-over-bottom-centered	.owl-pagination { text-align: center; margin-top: -35px; position: absolute; width: 100%; }
.pagination-pos-over-bottom-right		.owl-pagination { position:absolute; bottom:3.5%; right:1.5%; }
.pagination-pos-over-bottom-left		.owl-pagination { position:absolute; bottom:3.5%; left:1.5%; }

/**
 * Ultra Slideshow
 */



/* Slideshow wrapper
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow-wrapper {}
.the-slideshow-wrapper:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }


/* Slideshow
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow { margin:0 auto; }
.the-slideshow .slides { display: none; }


/* Banners
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow-banners {
	-webkit-backface-visibility: hidden; /* Fix possible glitches during animation */
	margin-bottom:0.1%; /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */
}
.the-slideshow-banners .banner { position:relative; /* Container for caption */ }
.the-slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */
.the-slideshow-banners .banner a { display:block; }

/* Additional effects
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow 			.fade-on-slideshow-hover,
.the-slideshow-wrapper	.fade-on-slideshow-wrapper-hover {
	transition:			opacity 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out;
}
.the-slideshow:hover 			.fade-on-slideshow-hover,
.the-slideshow-wrapper:hover 	.fade-on-slideshow-wrapper-hover {
	opacity:0.75;
	filter:alpha(opacity=75);
}

/**
 * Innoexts
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@innoexts.com so we can send you a copy immediately.
 * 
 * @category    Innoexts
 * @package     Innoexts_CustomerLocator
 * @copyright   Copyright (c) 2013 Innoexts (http://www.innoexts.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/* Mini Blocks */
.block-customer-address { 
    font-size: 11px; 
    line-height: 1.25; 
}
.block-customer-address .block-title strong {
    background-position: 0 0; 
    background-repeat: no-repeat; 
    padding-left: 21px;
}
/* Block: Customer Address */
.block-customer-address .form-list { 
    padding: 5px 10px;
}
.block-customer-address .customer-address-id-form-list {
    padding: 5px 10px 0px 10px;
}
.block-customer-address .customer-address-form-list {
    padding: 0px 10px 5px 10px;
}

.block-customer-address .block-title strong {
    background-image: url(https://www.nationaltiles.com.au/skin/frontend/base/default/innoexts/customerlocator/images/fugue-globe.png);
    background-position: 0px 1px;
}
.block-customer-address input.input-text { 
    display: block; 
    width: 167px; 
    margin: 3px 0; 
}
.block-customer-address select {
    display: block; 
    width: 172px; 
    margin: 3px 0;
}


@font-face
{
 font-family: Open sans;
 src: url(https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/OpenSans-Regular.ttf);
}

.magestore-popup_social {
    max-width: 622px !important;
}
.clear{
 width:100%;
 height:0px;
 clear:both;
 font-size:0px;
 line-height:0px;
}

#sociallogin_button{
	margin-top:10px;
}

#sociallogin_button button span{
	box-sizing: border-box;
}

 #bt-loginfb span, #bt-loginfb-other span, #bt-loginfb-popup span{
    height:35px;
    background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/fb.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginfb span span,#bt-loginfb-other span span, #bt-loginfb-popup span span{background: none repeat scroll 0 0 #2d78bd;}
#bt-loginamazon span,#bt-loginamazon-other span, #bt-loginamazon-popup span{
    height:35px;
    background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/bt_amazon.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginamazon span span,#bt-loginamazon-other span span, #bt-loginamazon-popup span span{background: none repeat scroll 0 0 #fe9900;}
#bt-loginins span,#bt-loginins-other span, #bt-loginins-popup span{
    height:35px;
    background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/bt_intagram.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginins span span,#bt-loginins-other span span, #bt-loginins-popup span span{background: none repeat scroll 0 0 #42729a;}
#bt-logingo span,#bt-logingo-other span, #bt-logingo-popup span{
    height: 35px;
    background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/google.png") no-repeat;
    display: block;
    float: left;
}
#bt-logingo span span,#bt-logingo-other span span, #bt-logingo-popup span span{background: none repeat scroll 0 0 #dd4b39;}
#magestore-popup  .input-box{width:100%;}
#bt-loginvk span,#bt-loginvk-other span, #bt-loginvk-popup span{
    height: 35px;
    background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/vk.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginvk span span,#bt-loginvk-other span span, #bt-loginvk-popup span span{background: none repeat scroll 0 0 #44678d;}
#bt-loginper span,#bt-loginper-other span, #bt-loginper-popup span{
    height: 35px;
    background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/persional.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginper span span,#bt-loginper-other span span, #bt-loginper-popup span span{background: none repeat scroll 0 0 #ffc823;}

#bt-loginse span,#bt-loginse-other span, #bt-loginse-popup span{
    height: 35px;
    background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/stack.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginse span span,#bt-loginse-other span span, #bt-loginse-popup span  span{background: none repeat scroll 0 0 #3170c3;}

#bt-logintw span,#bt-logintw-other span, #bt-loginaol-popup span{
    height: 35px;
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/twit.png") no-repeat;
    display: block;
    float: left;
}
#bt-logintw span span,#bt-logintw-other span span, #bt-loginaol-popup span span{background: none repeat scroll 0 0 #28bceb;}
#bt-loginwp span,#bt-loginwp-other span, #bt-loginwp-popup span{   
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/wpress.png") no-repeat;  
}
#bt-loginwp span span,#bt-loginwp-other span span, #bt-loginwp-popup span span{background: none repeat scroll 0 0 #555555;}
#bt-loginya span, #bt-loginya-popup span{
    height: 35px;
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/yh.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginya span span,#bt-loginya-other span span, #bt-loginya-popup span span{background: none repeat scroll 0 0 #6f2b90;}
/* by Hai Ta */
#bt-loginaol span,#bt-loginaol-other span, #bt-loginaol-popup span{    
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/aol.png") no-repeat;  
}
#bt-loginaol span span,#bt-loginaol-other span span, #bt-loginaol-popup span span{background: none repeat scroll 0 0 #ffc923;}
#bt-loginwp span,#bt-loginwp-other span, #bt-loginwp-popup span{   
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/wpress.png") no-repeat;  
}
#bt-loginwp span span,#bt-loginwp-other span span, #bt-loginwp-popup span span{background: none repeat scroll 0 0 #555555;}
#bt-logincal span,#bt-logincal-other span, #bt-logincal-popup span{    
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/clavid.png") no-repeat;    
}
#bt-logincal span span,#bt-logincal-other span span, #bt-logincal-popup span span{ background: none repeat scroll 0 0 #12396b;}
#bt-loginorg span,#bt-loginorg-other span, #bt-loginorg-popup span{    
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/orange.png") no-repeat;    
}
#bt-loginorg span span,#bt-loginorg-other span span, #bt-loginorg-popup span span{background: none repeat scroll 0 0 #ff6501;}
#bt-loginmp span,#bt-loginmp-other span, #bt-loginmp-popup span{    
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/mysp.png") no-repeat;    
}
#bt-loginmp span span,#bt-loginmp-other span span, #bt-loginmp-popup span span{background: none repeat scroll 0 0 #ff6501;}
#bt-loginlive span,#bt-loginlive-other span, #bt-loginlive-popup span{    
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/live.png") no-repeat;
}
#bt-loginlive span span,#bt-loginlive-other span span, #bt-loginlive-popup span span{  background: none repeat scroll 0 0 #30a8e4;}
#bt-loginfq span,#bt-loginfq-other span, #bt-loginfq-popup span{    
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/fq.png") no-repeat;   
}
#bt-loginfq span span,#bt-loginfq-other span span, #bt-loginfq-popup span span{	background: none repeat scroll 0 0 #099eba;}

#bt-loginlinked span,#bt-loginlinked-other span, #bt-loginlinked-popup span{    
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/linked.png") no-repeat;   
}
#bt-loginlinked span span,#bt-loginlinked-other span span, #bt-loginlinked-popup span span{background: none repeat scroll 0 0 #017fb2;}
#bt-loginopen span,#bt-loginopen-other span, #bt-loginopen-popup span{    
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/myop.png") no-repeat;
}
#bt-loginopen span span,#bt-loginopen-other span span, #bt-loginopen-popup span span{background: none repeat scroll 0 0 #74bc52;}
#bt-loginlj span,#bt-loginlj-other span, #bt-loginlj-popup span{    
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/liveJ.png") no-repeat;   
}
#bt-loginlj span span,#bt-loginlj-other span span, #bt-loginlj-popup span span{background: none repeat scroll 0 0 #143ea9;}

#sociallogin-other-div{	
	display: block;	
	float: right;      
}
#sociallogin-other-a{
	width: 91px;
	display: block;
}
#sociallogin-other-a-popup{margin-right:30px}
.sociallogin-other{
	display: block;
	float: right;
	width: 100%;
	/* margin-top: -25px; */
}
.sociallogin-other-span{
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
}

.sociallogin-other-span-img-popup{
	float: right;
	width: 20px;
	height: 25px;
	cursor: pointer;
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/add.png") no-repeat right;
}

.other-button{
	/* margin: 7px 3px 5px 4px; */
}
.sociallogin-other-button{	
    width: auto;
	max-width:375px;
}

button.bt-login-social{background:none;border:none;cursor: pointer;}
button.bt-login-social:hover{opacity: 0.9; /* width: 88%; */}
button.bt-login-social span{
	height:35px;
	line-height:35px;
	color:#fff;
	padding: 0 0 0 35px;
	float:left;
	}
button#bt-logintw-popup span{
    height: 35px;
    background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/twit.png") no-repeat;
    display: block;
    float: left;
}
#sociallogin_button .sociallogin-other #other_sociallogin_label{font-family: Open sans;}
button.bt-login-social span span{
	background-position:100% 0 !important;
	/* padding-right:10px !important; */
	padding-left:10px !important;
	text-align: left;
	color:#fff;
	min-width: 110px;
	font-family: Open sans;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: regular;
	text-transform:none;
}
button.bt-login-social span span {
	min-width: 125px;
}
	
/* change poppup */
#magestore-popup{
    top: 100px;
    position: absolute;
    z-index: 40020;
    border-radius: 7px;
    border: 10px solid rgba(255, 255, 255, 0.58);
}
#magestore-popup .border-popup{
    float: left;
    width: 100%;
    padding: 15px;
    height: auto;
    background: #fff;
}
#magestore-login-social{
	float: right;
	width: 43%;
}
#magestore-login-social .magestore-loign-h3{
    float: right;
    padding-right: 102px;
}
#bg_fade {
    background-color: #000000;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1000;
	opacity: 0.3;
}
#sociallogin-close{
	cursor: pointer;
    height: 33px;
    position: absolute;
    right: -20px;
    top: -16px;   
    z-index: 9999;
	right: -12px;
	top: -15px;
	height: 34px;
	width: 33px;
	background:url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/close.png") no-repeat;
}
#sociallogin-close:hover{
	text-decoration: underline;
}
#sociallogin-close-popup{
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    right: -22px;
    top: -22px;
    height: 34px;
    width: 33px;
    background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/close.png") no-repeat;
}
#sociallogin-close-popup:hover{
	text-decoration: underline;
}
#magestore-login-form{
	padding-left: 33px;
    width: 57%;
    background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/bg-login.png") no-repeat right center;
}
.magestore-loign-h3{
	margin-bottom: 18px;
	font-family: 'tahoma',Arial,Helvetica,sans-serif;
    font-size: 15px;
	padding-bottom: 3px;
}
.magestore-login-input-box{

}
.login-label{
    padding-top: 5px;
    font-weight: normal;
    color: #666;
    margin: 5px;
}
.login-label em{
	color: red;
}
.sociallogin-input-box{

}
.sociallogin-input-box .input-text{
	border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 2px 2px #E3E3E3 inset;
    font-family: inherit;
    font-size: 1.1em;
    margin: 0;
    padding: 5px 4px;
    width: 230px;
    height: 32px;
}
.magestore-login-popup-button{
    float: left;
    margin-top: 15px;
}
.magestore-login-popup-button button{
    float: left;
    margin-bottom: 15px;
}
.magestore-login-popup-button .pass-register {
    float: left;
    width: 100%;
}
#magestore-forgot-password, #magestore-forgot-back,
#magestore-sociallogin-create-new-customer{
    font-size: 16px;
    float: left;
}
#magestore-forgot-back{
	margin-right: 40px;
}
.popup_click_btn{
	float: left;
	/* margin-left: 137px; */
}
.magestore-login-input-box  .login-label em{	
}
.ajax-login-image{
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/opc-ajax-loader.gif") no-repeat scroll 0 0 transparent;
	width: 16px;
	height: 16px;
	margin: 5px 0 5px 152px;
}
.magestore-invalid-email{
	margin-left: 152px;
	color: red;
}

#sociallogin-forgot{
	margin-bottom : 20px;
    padding-right: 15px;
}
.magestore-sociallogin-create-new-customer{
	float: left;	
	clear: both;
}
#magestore-button-sociallogin-forgot{
    margin-top: 15px;
}
.magestore-sociallogin-create-new-customer a{
    padding-left: 32px;
	font-weight: bold;
}
.sociallogin-field{
	width: 218px;
	float: left;
}
.sociallogin-field .input-text{
    width: 230px;
}
#magestore-create-back{
	font-size: 14px;
	float: left;
	margin-left: 80px;
	margin-top: 6px;
}
.sociallogin-other-button-popup{
	float: left;
	text-align: center;
	padding: 15px 0px 0px;
}
#sociallogin_button ul.right{float:right;    width: 100%;text-align: center;}
#sociallogin_button ul.left{float:left;}

/*Register*/
#magestore-create-user {
    width: 57%;
    background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/bg-login.png") no-repeat right center;
    padding-left: 33px;
}
.magestore-create-popup-button{
    float: left;
    width: 100%;
    margin-top: 15px;
}

@font-face
{
 font-family: Open sans;
 src: url(https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/OpenSans-Regular.ttf);
}
#sociallogin_button #magestore-popup_social ul li button{
	width: 175px;height:37px;
}
#sociallogin_button #magestore-popup_social ul li {
    float:left;
	font-family: Open sans;
}
@media all and (min-width: 0px) and (max-width: 680px){
#magestore-popup_social {
    font-size: 1.5em !important;
}
}
@media (min-width: 681px) {
}
@media all and (min-width: 0px) and  (max-width: 459px) {
	#sociallogin_button #magestore-popup_social ul li{padding: 0px 0px 10px 0px;}
	#sociallogin_button ul li{padding: 0px 0px 10px 0px;}
}
@media (min-width: 460px) {
	#sociallogin_button #magestore-popup_social ul li{padding: 0px 0px 10px 10px;}
	#sociallogin_button ul li{padding: 0px 0px 10px 10px;}
}
ul.magestore-login-social li{background:#fff;border:none; float: right}

#magestore-popup{
	width:66% !important;
	z-index:99999;
	max-width: 630px;
}
#magestore-popup_social {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: 0.7em;
	position: absolute;
	top: 100px !important;
	left: 0;
	z-index: 100000;
	background-color: white;
}
#sociallogin_button ul.right li{
    float: right;
}
.magestore-popup_social{
		width: 90% !important;
	}
#other_sociallogin_label {
	background-color: rgb(240, 240, 237);
	line-height: 2em;
}
#magestore-popup_social li{
    /* float: right; */
    text-align: center;
}
.magestore-login-social{
    float: right;
    padding-right: 30px;
}
ul.magestore-login-social li.button{
    list-style: none !important;
    padding: 4px 0;
}
ul.magestore-login-social li.button:hover{
	background:none !important;
	margin:0;
	border:none;
    list-style: none !important;

}
.sociallogin-input-box .input-text{
	box-shadow: none;
}
.sociallogin-other-button-popup li.button{
	background:none;
	border:none;
	list-style: none !important;
	padding: 3px 8px !important;
}
.sociallogin-other-button-popup li.button:hover{
	background:none;
	border:none;
        list-style: none !important;
}
.other-button{padding:0;}
.bt-login-social{padding:0;margin:0 !important;}
.top-container{width:100%;}

#sociallogin_button{
	/*float:left;*/
}
#sociallogin_button ul li,.sociallogin-other ul li{margin: 0px;}
#sociallogin_button ul li.button,.sociallogin-other ul li.button{
	background:none !important;
	border:none !important;
	list-style: none !important;
}
#sociallogin_button ul li.button,.sociallogin-other ul li{
    display: inline-block;
    margin: 0 auto;
    /* float: none; */
}
#sociallogin_button ul li.button:hover{
	background:none !important;
	border:none !important;
	list-style: none !important;
}
.sociallogin-other-button{
	_display:block !important;
	z-index:3000 !important;
}
#sociallogin-other-a{
	display: inline-block;
	width:100%;
	text-align:right;
}
#sociallogin-other-div{
	display: inline-block;
	width:100%;
	margin:0;
}
#sociallogin-other-b{
	display:block;
	height:30px;
	line-height:30px;
}
#sociallogin-other-b span{
	display:block;
	margin-right:30px;
	text-align:right;
}
#sociallogin-other-button{
	top:30px;
}
#magestore-login-form .magestore-invalid-email{
	margin:0;
}
.other-button{
/* 	margin: 0px 2px 0px 2px !important;
	padding: 3px 0px 0px 8px!important; */
}

#bg_fade{
	z-index:30020 !important;
	float:left;
	width:100%;
	min-height:3000px;
}
.active .sociallogin-other-span-img-popup{
	float: right;
	width: 20px;
	height: 25px;
	cursor: pointer;
	background: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/magestore/sociallogin/sub.png") no-repeat right;
}
@media only screen and (max-width: 900px){

    #magestore-sociallogin-form-forgot .magestore-login-popup-button{
        width: 100%;
    }
    #magestore-popup .border-popup{
        height: auto;
    }
    #magestore-login-form{
        width: 100%;
        background: none;
        padding: 0;
    }
    .sociallogin-input-box .input-text {
        box-shadow: none;
        width: 100%;
    }
    .magestore-login-popup-button .pass-register {
        float: right;
        width: auto;
    }
    #magestore-login-social{
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .magestore-login-social {
         padding-right: 0px;
    }
    ul.magestore-login-social li.button {
        margin-right: 8px;
    }
    ul.magestore-login-social li {
        float: left;
        vertical-align: middle;
        float: none;
    }
    #magestore-login-social .magestore-loign-h3 {
        float: left;
        padding-right: 0;
        width: 100%;
        margin-bottom: 2px;
    }
    #magestore-button-sociallogin-forgot {
         margin-top: 0px;
        float: right;
    }
    #magestore-create-user {
        width: 100%;
        background: none;
         padding-left: 0px;
    }

    #magestore-sociallogin-form-create .form-list > li{
        float: left;
        width: 100%;
    }

    #magestore-popup .form-list .sociallogin-field{
        width: 50%;
    }
    #magestore-popup .form-list .sociallogin-field.right{
        padding-left: 5px;
    }
    #magestore-button-sociallogin-forgot{
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 650px){
    .magestore-login-social {
        text-align: center;
    }
    ul.magestore-login-social li.button {
        margin-right: 0px;
        vertical-align: middle;
        float:none;
    }
    .magestore-login-popup-button{
        margin-bottom: 15px;
    }
    #magestore-forgot-password,
    #magestore-sociallogin-create-new-customer{
        font-size: 15px;
    }
    #magestore-forgot-back {
        font-size: 14px;
    }
}
@media only screen and (max-width: 500px){
    #magestore-popup .form-list .sociallogin-field{width: 100%}
    .sociallogin-field .input-text{width: 100%}
    #magestore-create-back{
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }
    #magestore-button-sociallogin-create{    width: 100%;}
}
@media only screen and (max-width: 480px){
    .magestore-login-popup-button button{
        width:100%;
    }
    .magestore-login-popup-button .pass-register {
        float: right;
        clear: both;
    }
    #magestore-forgot-password,
    #magestore-sociallogin-create-new-customer{
        font-size: 14px;
    }
    #magestore-forgot-back {
        width: 100%;
        text-align: center;
        margin-bottom: 12px;
    }
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

#ajaxframework-content-main, 
#ajaxframework-content-main-bottom,
#ajaxframework-content-main-bottom-clone{
    width:100%;
    display:none;
}

#ajaxframework-content-main-bottom-clone{
    height: calc(100% - 77px);
}

#ajaxframework-content-main-bottom,
#ajaxframework-content-main-bottom-clone
{
    bottom: 75px;
    position: fixed;
}

.nt-bottom-links-container .block_header_top_right2.item.item-right.offer-icon.ajax-selector-active .down-arrow.orange {
    top: -15px !important
}

.nt-bottom-links-container .block_header_top_right2.item.item-right #ajax-login-link-mobile .down-arrow {
    left: -5px !important;
    top: -15px;
}

.nt-bottom-links-container .block_header_top_right2.item.item-right.support-icon.ajax-selector-active .down-arrow,
.nt-bottom-links-container .block_header_top_right2.item.item-right.location-icon.ajax-selector-active .down-arrow.haszip
{
    left: 27px !important;
    top: 0;
}

.nt-bottom-links-container .block_header_top_right2.item.item-right.location-icon.ajax-selector-active .down-arrow
{
    top: 0;
}

#close-ajax-content {
    width: 10px;
    position: absolute;
    color: white;
    font-size: 13px;
    opacity: 0.7;
    cursor: pointer;
    right: 25px;
    top: 15px;
}

#loading-mask {
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999999px;
    background-color: rgba(26,26,26,0.15);
    display:none;
}

.erorrMsg{
    color: white;
    background-color: red;
    width: 100%;
    padding: 10px;
}

.block-inpage-close-btn {
    color: #faf6eb;
    cursor: pointer;
    font-family: initial;
    font-size: 50px;
    position: absolute;
    right: 50px;
    top: 40px;
    transform: rotate(45deg);   
    z-index: 99999999;
}

.down-arrow {
    border-style: solid;
    border-width: 10px 6px 0px 6px;
    height: 0px;
    width: 0px;
    position: absolute;
    top: -20px;
    left: 19px;
    display: none;
}
.desktop-container .menu-account .down-arrow,
.desktop-container .support-icon .down-arrow {
    left: 11px;
}
.ajax-selector-active {
    position: relative;
}

.down-arrow.orange {
    border-color: #ff5100 transparent;
}

.down-arrow.black {
    border-color: #1A1A1A transparent;
}

.block_header_desktop_top_right2 #ajax-login-link-desktop .down-arrow {
    left: 11px !important;
}
.block_header_top_right2.item.item-right.offer-icon.ajax-selector-active .down-arrow.orange {
    left: 31px !important;
}
.desktop-container .support-icon .down-arrow {
    left: 20px !important;
}
@media (max-width: 1024px) {
    #ajaxframework-content-main {
        display: none;
    }
    .nt-bottom-links-container .block_header_top_right2.item.item-right.location-icon.ajax-selector-active .down-arrow,
    .nt-bottom-links-container .block_header_top_right2.item.item-right.offer-icon.ajax-selector-active .down-arrow.orange,
    .nt-bottom-links-container .block_header_top_right2.item.item-right.support-icon.ajax-selector-active .down-arrow,
    .nt-bottom-links-container .block_header_top_right2.item.item-right.location-icon.ajax-selector-active .down-arrow.haszip {
        left: 45% !important;
    }
}
@media (min-width: 1025px) {
    #ajaxframework-content-main-bottom {
        display: none;
    }
}
.noscroll {
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}
.my-account-link-mobile {
    margin-top: -1px
}
div.global-messages {
    box-shadow: 0 0 10px rgba(26,26,26,0.3);
    display:none;
    margin:1em;
    background-color: #FFF;
    border: 3px solid #1A1A1A;
    padding: 20px;
    font-family: 'worksans-regular';
    font-size: 16px;
}
.compared-products-list .addto-links-icons a, 
.wishlist-container .addto-links-icons a {
    position: absolute !important;
    width: 10% !important;
}

.compared-products-list .product-comparison-container .price-container .product-addto-info .price, 
.compared-products-list .product-comparison-container .price-container .special-price .price,
.wishlist-container .wishlist-item .price-container .product-addto-info .price, 
.wishlist-container .wishlist-item .price-container .special-price .price {
    font-size: 41px !important;
    text-align: left;
}


.compared-products-list .product-comparison-container .price-container .product-addto-info .price .cents-price, 
.compared-products-list .product-comparison-container .price-container .special-price .price .cents-price,
.wishlist-container .wishlist-item .price-container .product-addto-info .price .cents-price, 
.wishlist-container .wishlist-item .price-container .special-price .price .cents-price{
    margin-left: -2px !important;
}

#ajaxframework-content-main .register-account-accordion .customer-telephone {
  overflow: visible !important;
  float: right;
}
#ajaxframework-content-main .intl-tel-input .country-list li {
  margin-bottom: 0px;
}
#ajaxframework-content-main .intl-tel-input .country-list .country-name {
  color: black;
}
#advice-validate-phoneStrict-ajax-form-customer_telephone {
  margin-top: -4px;
}
@media (max-width: 640px) {
    #ajaxframework-content-main .register-account-accordion .customer-telephone {
        float: left;
    }
}

#ajaxframework-content-main .register-account-accordion .customer-telephone .country-list {
  width: 265px;
}

ul#select2-segment_type-results li, ul#select2-preferred_store-results li{
    border: none !important;
}
.select2-results__option .select2-results__group {
    border-bottom: 1px solid #000;
}
.select2-container--default .select2-results>.select2-results__options {
    -webkit-overflow-scrolling: touch;
}

.optiscroll-content {
     padding: 20px;
}

.loading-content {
    position: relative;
    top: 50%;
    color: rgb(255, 255, 255);
    text-align: center;
    width: 203px;
    margin: auto;
    background-color: rgba(255,255,255, 0.4);
    padding: 13px;
    border-radius: 10px;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		/*-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;*/
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/ajaxframework/css/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

.optiscroll{position:relative;overflow:auto;-webkit-overflow-scrolling:touch}.optiscroll.is-enabled{overflow:hidden}.optiscroll.is-enabled>.optiscroll-content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:scroll;-webkit-overflow-scrolling:touch}.optiscroll-v,.optiscroll-h{position:absolute;visibility:hidden;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.optiscroll-v{right:0}.optiscroll-h{bottom:0}.optiscroll.has-vtrack>.optiscroll-v,.optiscroll.has-htrack>.optiscroll-h{visibility:visible}.optiscroll.is-rtl>.optiscroll-v{left:0;right:auto}.optiscroll-vtrack,.optiscroll-htrack{display:block;position:absolute;opacity:1;-ms-transform:translate(0%, 0%);transform:translate(0%, 0%);transition:height 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;box-sizing:border-box}.optiscroll-v{top:4px;bottom:4px;width:0}.optiscroll-h{left:4px;right:4px;height:0}.optiscroll.has-vtrack.has-htrack>.optiscroll-v{bottom:8px}.optiscroll.has-vtrack.has-htrack>.optiscroll-h{right:8px}.optiscroll-vtrack,.optiscroll-htrack{background:rgba(0,0,0,0.3);border-radius:2px;box-shadow:0 0 1px #FFF;opacity:0}.optiscroll-vtrack{width:3px;right:4px}.optiscroll-htrack{height:3px;bottom:4px}.optiscroll:hover>.optiscroll-v .optiscroll-vtrack,.optiscroll:hover>.optiscroll-h .optiscroll-htrack{opacity:1}.optiscroll.has-vtrack.has-htrack.is-rtl>.optiscroll-h{right:4px;left:8px}.optiscroll.is-rtl>.optiscroll-v .optiscroll-vtrack{right:auto;left:4px}

/**
 * Plumrocket Inc.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the End-user License Agreement
 * that is available through the world-wide-web at this URL:
 * http://wiki.plumrocket.net/wiki/EULA
 * If you are unable to obtain it through the world-wide-web, please
 * send an email to support@plumrocket.com so we can send you a copy immediately.
 *
 * @package     Plumrocket_SocialLogin
 * @copyright   Copyright (c) 2017 Plumrocket Inc. (http://www.plumrocket.com)
 * @license     http://wiki.plumrocket.net/wiki/EULA  End-user License Agreement
 */

.pslogin-addedoverlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 2010;
	background-color: black;
	filter: alpha(opacity=60);
	opacity: 0.6;
	/*display: none;*/
}

.pslogin-pop-up-form {
	left: 0px;
	top: 0px; 
	position:fixed; 
	width: 100%; 
	z-index: 2020; 
	height:100%; 
	color:#666666; 
	text-align:left;
	/*display:none;*/
	overflow-y: auto; 
} 

#pslogin-pop-up-bg {
	max-width: 460px;
	font-size: 12px;
	padding: 0 10px 0 10px;
	margin: 10% auto 5% auto;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	box-sizing: border-box;
}

#pslogin-pop-up-bg .pslogin-share a {
	margin: 0;
}

.pslogin-share {
	background-color: white;
	min-height: 270px;
	padding: 18px 21px;
	position: relative;
}

.pslogin-fake-email-message {
	position: fixed;
	top: 20px;
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 9999;
}

	.pslogin-fake-email-message .content {
		padding: 5px 10px;
		background: #fff;
		max-width: 960px;
		min-width: 250px;
		margin: 0 auto;
		box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.42);
		-webkit-box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.42);
		-moz-box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.42);
		font-size: 14px;
		color: #636363;
		z-index: 9999;
	}

	.pslogin-fake-email-message p {
		margin: 10px auto;
		text-align: left;
	}

	.pslogin-fake-email-message .close-message {
		float: right;
	}

	.pslogin-fake-email-message .close-message:hover {
		cursor: pointer;
		color: #AEAEAE;
	}


/* general classes */
.pslogin-share .ta-center {
	text-align: center;
}
    
    .pslogin-share h2 {
		padding: 0px 0px 7px 0px;
		color: #3399cc;
		font-weight: 400;
		font-size: 15px;
		text-transform: uppercase;
		border-bottom: 1px solid #DDD;
		margin-bottom: 10px;
    }


	.pslogin-share .prpop-close-btn {
		position: absolute;
		right: 9px;
		left: auto;
		margin-right: 10px;
		top: 14px;
		text-decoration: none;
		color: #727272;
		font-size: 16px;
		background: none;
	}

	.pslogin-share .prpop-close-btn:hover {
		color: #b6aba5;
	}

	.pslogin-share p {
		margin-bottom: 7px;
	}
	
	.pslogin-share img {
		max-width: 100%;
		height: auto;
	}

	.pslogin-share .button-top {
		height: 7px;
	}

	.pslogin-share a {
		display: inline-block;
		height: 30px;
		color: white;
		margin: 0 10px 10px 0;
	}
	
	.pslogin-share a:hover {
		cursor: pointer;
		opacity: 0.7;
		filter: apha(filter=70);
	}

	/*
	.pslogin-share .soc-button {
		background-image: url("https://www.nationaltiles.com.au/skin/frontend/base/default/css/plumrocket/pslogin/images/social_retina.png");
		background-size: 328px 185px;
		display: block;
		height: 30px;
		width: 30px;
		float: left;
	}
	*/

/*form*/
.w25 { width: 25px!important; }
.w100 { width: 100px; }

.pslogin-block.account-login .content {
	margin: 0;
}

.pslogin-form .registered-users .content {
	margin: 0!important;
}

.pslogin-block.account-login .form-list label,
#checkout-step-login .pslogin-block .form-list label { 
	width: auto;
	float: none; 
}

.pslogin-block.account-login .form-list .input-box,
#checkout-step-login .pslogin-block .form-list .input-box {
	float: none;
}

#checkout-step-login .col2-set {
	box-sizing: border-box;
}

.pslogin-block.account-login .buttons-set {
	min-height: 40px;
}

.pslogin-block.col2-set {
	margin: 0;
}

.pslogin-block.col2-set .buttons-set {
	padding: 0;
}

.pslogin-block.col2-set .fieldset {
	margin: 15px 0;
}

	.pslogin-block button.button span,
	.pslogin-block button.button span span {
		height: auto;
	}

	.pslogin-share .soc-name {
		height: 30px;
		line-height: 30px;
		padding: 0 7px;
		display: block;
		float: left;
		box-sizing: border-box;
	}

		.pslogin-share .vkontakte {
			background-position: -77px -78px;
		}

		.pslogin-share .facebook {
			background-position: -5px -5px
		}

		.pslogin-share .twitter {
			background-position: -41px -5px;
		}

		.pslogin-share .googleplus {
			background-position: -113px -5px;
		}

/* welcome message */
.pslogin-welcome-msg {
	height: 25px;
	line-height: 25px;
	float: none;
	display: inline-block;
	margin: 0 0 5px 0;
}

.pslogin-welcome-msg:after {
	clear: both;
	content: "";
}

.pslogin-welcome-msg img {
	height: 25px;
	display: inline-block;
	padding: 0 5px 0 0;
	float: left;
}

/* Buttons */
.pslogin-block {
	width: 100%;
	margin: 0 0 20px 0;
}

.pslogin-block * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.pslogin-block.pslogin-hidden-text .pslogin-button-text {
	display: none!important;
}

.pslogin-block .pslogin-xs {
	display: none!important;
}

.pslogin-block .pslogin-button-image {
	display: block;
}

.pslogin-block .pslogin-clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.pslogin-block .title {
	text-align: center;
	margin-bottom: 10px;
	font-size: 12px;
}

.pslogin-spacer {
	display: block;
	margin: 10px auto;
	position: relative;
	text-align: center;
	line-height: 16px!important;
	top: auto;
	left: auto;
	height: auto;
	width: auto;
	line-height: normal;
	overflow: visible;
	font-size: 13px;
}

	.pslogin-spacer table {
		width: 100%;
	}
	
	.pslogin-spacer table td {
		vertical-align: middle;
	}

	.pslogin-spacer .pslogin-border {
		border-top: 1px solid #e5e2e2;
		width: 100%;
	}
	
	.pslogin-spacer .pslogin-bordertext {
		color: #b2b2b2;
		text-align: center;
		font-size: 11px;
	}

	.pslogin-spacer.pslogin-showmore .pslogin-bordertext {
		height: 20px;
		line-height: 17px;
		padding: 0;
		border: 1px solid #e5e2e2;
		border-radius: 9px;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
	}

	.pslogin-spacer.pslogin-showmore .pslogin-bordertext:hover {
		color: #989898;
		cursor: pointer;
	}

	.pslogin-spacer .circle {
		width: 90%;
		height: 25px;
		line-height: 22px;
		font-size: 11px;
		border: 1px solid #b2b2b2;
		border-radius: 0px 7px;
		margin: 0 auto;
		background-color: #eeeeee;
	}

	.pslogin-spacer .circle:hover {
		cursor: pointer;
		background-color: #FAFAFA;
	}

.my-account .dashboard .pslogin-block {
	margin-top:20px;
}

.pslogin-block .linked-account {
	width: 100%;
	display: inline-block;
}

.pslogin-account-view  h2 {margin-top:20px;}

.pslogin-block .pslogin-showmore {
	margin-top: 20px;
}

.pslogin-block.pslogin-login .pslogin-buttons {
	display: block;
}

.pslogin-block.pslogin-register .pslogin-buttons {
	display: inline-block;
}

	.pslogin-block .pslogin-buttons ul {
		padding: 0;
		font-size: 0;
	}

	.pslogin-block .pslogin-buttons ul li {
		display: inline-block;
		line-height: normal;
		list-style: none!important;
		padding: 0!important;
		background: none!important;
		height: 32px;
		margin: 0 3px 3px 0;
	}

	.pslogin-block .pslogin-buttons ul li.show-button-image {
		background: none!important;
	}

	.pslogin-block .pslogin-buttons ul li:hover {
		opacity: 0.9;
		filter: alpha(opacity=90);
	}

	.pslogin-block .pslogin-buttons ul li span.pslogin-button-auto {
		background-color: #3399cc;
		display: inline-block;
	}

	.pslogin-block .pslogin-buttons ul li .pslogin-button-icon {
		background: url('https://www.nationaltiles.com.au/skin/frontend/base/default/images/plumrocket/pslogin/social.png');
		display: block;
		float: left;
		width: 32px;
		height: 32px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	
	.pslogin-block .pslogin-buttons ul li .pslogin-button-icon img {
		width: 100%;
	}

	.pslogin-block .pslogin-buttons ul li a>img {

	}

	.pslogin-block .pslogin-buttons ul li .pslogin-button-text {
		display: none;
		float: left;
		height: 32px;
		line-height: 32px;
		vertical-align: top;
		padding: 0;
		text-align: center;
		min-width: 144px;
		box-sizing: border-box;
		font-size: 11px;
		color: white;
		background-color: rgba(255,255,255, 0.2);
	}

	.pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-auto .pslogin-button-text {
		display: inline-block;
	}

	.pslogin-block .pslogin-buttons .pslogin-button-image { 
		display: none; 
	}

	.pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-image {
		display: inline-block;
	}

	.pslogin-block .pslogin-buttons .pslogin-button-icon-image { 
		display: inline-block; 
	}

	.pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-icon-image {
		display: none;
	}

	.pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-auto.pslogin-has-button-image {
		display: none;
	}

 	.pslogin-block .pslogin-buttons.pslogin-buttons-showfull .pslogin-button-auto.pslogin-has-button-icon-image {  
 		display: inline-block;
 	}

	.pslogin-block .pslogin-buttons .pslogin-button-auto.pslogin-has-button-icon-image {
		display: none;
	}

	.pslogin-block .pslogin-buttons .pslogin-button-auto .pslogin-button-icon-image {
		display: inline-block;
		width: 32px;
		height: 32px;
	}

	.pslogin-block .pslogin-buttons .facebook .pslogin-button-auto { background-color: #1e4389; }
	.pslogin-block .pslogin-buttons .facebook .pslogin-button-icon { background-position: 0px 0px; }

	.pslogin-block .pslogin-buttons .twitter .pslogin-button-auto { background-color: #28a9e2; }
	.pslogin-block .pslogin-buttons .twitter .pslogin-button-icon { background-position: -34px 0px; }

	.pslogin-block .pslogin-buttons .linkedin .pslogin-button-auto { background-color: #11669c; }
	.pslogin-block .pslogin-buttons .linkedin .pslogin-button-icon { background-position: -168px 0px; }

	.pslogin-block .pslogin-buttons .yahoo .pslogin-button-auto { background-color: #85228f; }
	.pslogin-block .pslogin-buttons .yahoo .pslogin-button-icon { background-position: -204px 0px; }

	.pslogin-block .pslogin-buttons .vkontakte .pslogin-button-auto { background-color: #3f658c; }
	.pslogin-block .pslogin-buttons .vkontakte .pslogin-button-icon { background-position: -68px 0px; }

	.pslogin-block .pslogin-buttons .googleplus .pslogin-button-auto { background-color: #df4b38; }
	.pslogin-block .pslogin-buttons .googleplus .pslogin-button-icon { background-position: -135px 0px; }


	.pslogin-block .pslogin-buttons .hotmail .pslogin-button-auto { background-color: #f67d20; }
	.pslogin-block .pslogin-buttons .hotmail .pslogin-button-icon { background-position: 0px -34px; }

	.pslogin-block .pslogin-buttons .live .pslogin-button-auto { background-color: #0cb3ee; }
	.pslogin-block .pslogin-buttons .live .pslogin-button-icon { background-position: -35px -205px; }

	.pslogin-block .pslogin-buttons .pinterest .pslogin-button-auto { background-color: #cb2028; }
	.pslogin-block .pslogin-buttons .pinterest .pslogin-button-icon { background-position: -34px -34px; }

	.pslogin-block .pslogin-buttons .amazon .pslogin-button-auto { background-color: #ff8e2e; }
	.pslogin-block .pslogin-buttons .amazon .pslogin-button-icon { background-position: -68px -34px; }

	.pslogin-block .pslogin-buttons .aol .pslogin-button-auto { background-color: #008bd3; }
	.pslogin-block .pslogin-buttons .aol .pslogin-button-icon { background-position: -102px -34px; }
	.pslogin-openid.aol input[type=submit] { background-color: #008bd3; -webkit-appearance: none; } 

	.pslogin-block .pslogin-buttons .github .pslogin-button-auto { background-color: black; }
	.pslogin-block .pslogin-buttons .github .pslogin-button-icon { background-position: -135px -35px; }

	.pslogin-block .pslogin-buttons .instagram .pslogin-button-auto { background-color: #9a6e51; }
	.pslogin-block .pslogin-buttons .instagram .pslogin-button-icon { background-position: -168px -34px; }

	.pslogin-block .pslogin-buttons .foursquare .pslogin-button-auto { background-color: #3472ad; }
	.pslogin-block .pslogin-buttons .foursquare .pslogin-button-icon { background-position: -203px -34px; }

	.pslogin-block .pslogin-buttons .dropbox .pslogin-button-auto { background-color: #008bd3; }
	.pslogin-block .pslogin-buttons .dropbox .pslogin-button-icon { background-position: -0px -68px; }

	.pslogin-block .pslogin-buttons .disqus .pslogin-button-auto { background-color: #3d7198; }
	.pslogin-block .pslogin-buttons .disqus .pslogin-button-icon { background-position: -32px -69px; }

	.pslogin-block .pslogin-buttons .livejournal .pslogin-button-auto { background-color: #104378; }
	.pslogin-block .pslogin-buttons .livejournal .pslogin-button-icon { background-position: -66px -69px; }
	.pslogin-openid.livejournal input[type=submit] { background-color: #104378; -webkit-appearance: none; } 

	.pslogin-block .pslogin-buttons .tumblr .pslogin-button-auto { background-color: #304e6c; }
	.pslogin-block .pslogin-buttons .tumblr .pslogin-button-icon { background-position: -102px -69px; }

	.pslogin-block .pslogin-buttons .openid .pslogin-button-auto { background-color: #f8931f; }
	.pslogin-block .pslogin-buttons .openid .pslogin-button-icon { background-position: -135px -69px; }

	.pslogin-block .pslogin-buttons .flickr .pslogin-button-auto { background-color: #ff0084; }
	.pslogin-block .pslogin-buttons .flickr .pslogin-button-icon { background-position: -169px -69px; }

	.pslogin-block .pslogin-buttons .wordpress .pslogin-button-auto { background-color: #1b3f57; }
	.pslogin-block .pslogin-buttons .wordpress .pslogin-button-icon { background-position: -204px -69px; }

	.pslogin-block .pslogin-buttons .blogger .pslogin-button-auto { background-color: #ec7825; }
	.pslogin-block .pslogin-buttons .blogger .pslogin-button-icon { background-position: 0px -103px; }

	.pslogin-block .pslogin-buttons .odnoklassniki .pslogin-button-auto { background-color: #ee6600; }
	.pslogin-block .pslogin-buttons .odnoklassniki .pslogin-button-icon { background-position: -34px -103px; }

	.pslogin-block .pslogin-buttons .mailru .pslogin-button-auto { background-color: #00468c; }
	.pslogin-block .pslogin-buttons .mailru .pslogin-button-icon { background-position: -67px -103px; }

	.pslogin-block .pslogin-buttons .yandex .pslogin-button-auto { background-color: #dd0000; }
	.pslogin-block .pslogin-buttons .yandex .pslogin-button-icon { background-position: -102px -103px; }

	.pslogin-block .pslogin-buttons .paypal .pslogin-button-auto { background-color: #195d82; }
	.pslogin-block .pslogin-buttons .paypal .pslogin-button-icon { background-position: -134px -103px; }

	.pslogin-block .pslogin-buttons .myspace .pslogin-button-auto { background-color: #0022a0;}
	.pslogin-block .pslogin-buttons .myspace .pslogin-button-icon { background-position: -169px -103px; }

	.pslogin-block .pslogin-buttons .salesforce .pslogin-button-auto { background-color: #00a0de; }
	.pslogin-block .pslogin-buttons .salesforce .pslogin-button-icon { background-position: -203px -103px; }

	.pslogin-block .pslogin-buttons .steamcommunity .pslogin-button-auto { background-color: #282828; }
	.pslogin-block .pslogin-buttons .steamcommunity .pslogin-button-icon { background-position: -1px -137px; }

	.pslogin-block .pslogin-buttons .hyves .pslogin-button-auto { background-color: #ffca63; }
	.pslogin-block .pslogin-buttons .hyves .pslogin-button-icon { background-position: -33px -137px; }

	.pslogin-block .pslogin-buttons .stackoverflow .pslogin-button-auto { background-color: #e6eef1; }
	.pslogin-block .pslogin-buttons .stackoverflow .pslogin-button-icon { background-position: -67px -137px; }
	.pslogin-block .pslogin-buttons .stackoverflow .pslogin-button-text { color: #000000; }

	.pslogin-block .pslogin-buttons .evernote .pslogin-button-auto { background-color: #7ac141; }
	.pslogin-block .pslogin-buttons .evernote .pslogin-button-icon { background-position: -101px -137px; }

	.pslogin-block .pslogin-buttons .mixi .pslogin-button-auto { background-color: #d1ac5b; }
	.pslogin-block .pslogin-buttons .mixi .pslogin-button-icon { background-position: -135px -137px; }

	.pslogin-block .pslogin-buttons .mydigipass .pslogin-button-auto { background-color: #49bbeb; }
	.pslogin-block .pslogin-buttons .mydigipass .pslogin-button-icon { background-position: -169px -137px; }

	.pslogin-block .pslogin-buttons .netlog .pslogin-button-auto { background-color: #bb2026; }
	.pslogin-block .pslogin-buttons .netlog .pslogin-button-icon { background-position: -203px -137px; }

	.pslogin-block .pslogin-buttons .qq .pslogin-button-auto { background-color: #c46f1c; }
	.pslogin-block .pslogin-buttons .qq .pslogin-button-icon { background-position: 0px -171px; }

	.pslogin-block .pslogin-buttons .sinaweibo .pslogin-button-auto { background-color: #bd4342; }
	.pslogin-block .pslogin-buttons .sinaweibo .pslogin-button-icon { background-position: -34px -171px; }

	.pslogin-block .pslogin-buttons .soundcloud .pslogin-button-auto { background-color: #ff5419; }
	.pslogin-block .pslogin-buttons .soundcloud .pslogin-button-icon { background-position: -66px -171px; }

	.pslogin-block .pslogin-buttons .tencentweibo .pslogin-button-auto { background-color: #28a4e4; }
	.pslogin-block .pslogin-buttons .tencentweibo .pslogin-button-icon { background-position: -100px -171px; }

	.pslogin-block .pslogin-buttons .verisign .pslogin-button-auto { background-color: #b22253; }
	.pslogin-block .pslogin-buttons .verisign .pslogin-button-icon { background-position: -134px -171px; }
	.pslogin-openid.verisign input[type=submit] { background-color: #b22253; -webkit-appearance: none; } 

	.pslogin-block .pslogin-buttons .xing .pslogin-button-auto { background-color: #005d5e;}
	.pslogin-block .pslogin-buttons .xing .pslogin-button-icon { background-position: -168px -171px; }

	.pslogin-block .pslogin-buttons .kaixin001 .pslogin-button-auto { background-color: #e2332e; }
	.pslogin-block .pslogin-buttons .kaixin001 .pslogin-button-icon { background-position: -203px -171px; }

	.pslogin-block .pslogin-buttons .orange .pslogin-button-auto { background-color: #ff6600; }
	.pslogin-block .pslogin-buttons .orange .pslogin-button-icon { background-position: -1px -205px; }

	.pslogin-block .pslogin-buttons .bitbucket .pslogin-button-auto { background-color: #013567; }
	.pslogin-block .pslogin-buttons .bitbucket .pslogin-button-icon { background-position: -67px -205px; }

	.pslogin-block .pslogin-buttons .bitly .pslogin-button-auto { background-color: #ed6022; }
	.pslogin-block .pslogin-buttons .bitly .pslogin-button-icon { background-position: -101px -205px; }
	
	.pslogin-block .pslogin-buttons .boxcom .pslogin-button-auto { background-color: #00b9f2; }
	.pslogin-block .pslogin-buttons .boxcom .pslogin-button-icon { background-position: -135px -205px; }
	
	.pslogin-block .pslogin-buttons .vimeo .pslogin-button-auto { background-color: #1fb9eb; }
	.pslogin-block .pslogin-buttons .vimeo .pslogin-button-icon { background-position: -170px -205px; }
	
	.pslogin-block .pslogin-buttons .reddit .pslogin-button-auto { background-color: #337fb9; }
	.pslogin-block .pslogin-buttons .reddit .pslogin-button-icon { background-position: -203px -205px; }
	
	.pslogin-block .pslogin-buttons .odesk .pslogin-button-auto { background-color: #6fda44; }
	.pslogin-block .pslogin-buttons .odesk .pslogin-button-icon { background-position: -169px -273px; }
	.pslogin-block .pslogin-buttons .odesk .pslogin-button-text { color: #4c4c4c; }
	
	.pslogin-block .pslogin-buttons .teamviewer .pslogin-button-auto { background-color: #0171b9; }
	.pslogin-block .pslogin-buttons .teamviewer .pslogin-button-icon { background-position: -34px -239px; }

	.pslogin-block .pslogin-buttons .skyrock .pslogin-button-auto { background-color: #009afe; }
	.pslogin-block .pslogin-buttons .skyrock .pslogin-button-icon { background-position: -67px -239px; }

	.pslogin-block .pslogin-buttons .renren .pslogin-button-auto { background-color: #153765; }
	.pslogin-block .pslogin-buttons .renren .pslogin-button-icon { background-position: -101px -239px; }

	.pslogin-block .pslogin-buttons .etsy .pslogin-button-auto { background-color: #ee5931; }
	.pslogin-block .pslogin-buttons .etsy .pslogin-button-icon { background-position: -134px -239px; }

	.pslogin-block .pslogin-buttons .imgur .pslogin-button-auto { background-color: #312e2f; }
	.pslogin-block .pslogin-buttons .imgur .pslogin-button-icon { background-position: -170px -239px; }
 
	.pslogin-block .pslogin-buttons .intuit .pslogin-button-auto { background-color: #B8B8B8; }
	.pslogin-block .pslogin-buttons .intuit .pslogin-button-icon { background-position: -204px -239px; }
	.pslogin-block .pslogin-buttons .intuit .pslogin-button-text { color: #000000; }

	.pslogin-block .pslogin-buttons .mailchimp .pslogin-button-auto { background-color: #73cff4; }
	.pslogin-block .pslogin-buttons .mailchimp .pslogin-button-icon { background-position: 0px -273px; }
	.pslogin-block .pslogin-buttons .mailchimp .pslogin-button-text { color: #000000; }

	.pslogin-block .pslogin-buttons .persona .pslogin-button-auto { background-color: #ee5931; }
	.pslogin-block .pslogin-buttons .persona .pslogin-button-icon { background-position: -34px -273px; }

	.pslogin-block .pslogin-buttons .dribbble .pslogin-button-auto { background-color: #f26798; }
	.pslogin-block .pslogin-buttons .dribbble .pslogin-button-icon { background-position: -67px -273px; }

	.pslogin-block .pslogin-buttons .goodreads .pslogin-button-auto { background-color: #743900; }
	.pslogin-block .pslogin-buttons .goodreads .pslogin-button-icon { background-position: -100px -273px; }
 
	.pslogin-block .pslogin-buttons .lastfm .pslogin-button-auto { background-color: #c02c0c; }
	.pslogin-block .pslogin-buttons .lastfm .pslogin-button-icon { background-position: -135px -273px; }

	.pslogin-block .pslogin-buttons .alipay .pslogin-button-auto { background-color: #00a0e9; }
	.pslogin-block .pslogin-buttons .alipay .pslogin-button-icon { background-position: -202px -274px; }

	.pslogin-block .pslogin-buttons .wechat .pslogin-button-auto { background-color: #4ec034; }
	.pslogin-block .pslogin-buttons .wechat .pslogin-button-icon { background-position: -1px -306px; }

	.pslogin-block .pslogin-buttons .naver .pslogin-button-auto { background-color: #23b300; }
	.pslogin-block .pslogin-buttons .naver .pslogin-button-icon { background-position: -34px -307px; }

	.pslogin-unlinked-buttons.pslogin-buttons ul li .pslogin-button-text {min-width: 160px;}

/*======= social buttons =======*/
#prpop-pop-up-bg .pslogin-block {
	text-align: center;
	clear: both;
	margin-bottom: 5px;
}

#prpop-pop-up-bg .prpop-account-create .pslogin-block {
	display: none;
}

#prpop-pop-up-bg .pslogin-block .pslogin-buttons.pslogin-buttons-showfull {
	width: 100%;
}

	#prpop-pop-up-bg .pslogin-block li a span.pslogin-button-auto {
		width: 100%;
		position: relative;
		display: block;		
		height: 32px;
	}

	#prpop-pop-up-bg .pslogin-block li a span.pslogin-button-icon {
		position: absolute;
		background-color: inherit;
	}

	#prpop-pop-up-bg .pslogin-block li a span.pslogin-button-text {
		width: 100%;
		padding-left: 32px;
		font-size: 12px;
	}

	/*=== modern blue ===*/
	#prpop-pop-up-bg.prpop-default .pslogin-spacer {
		margin: 0 auto 10px;
		width: 100%;
	}

	#prpop-pop-up-bg.prpop-default .pslogin-spacer:before {
		display: block;
		content: "";
		clear: both;
		width: 100%;
	}

	#prpop-pop-up-bg.prpop-default .pslogin-spacer table {
		margin-top: 15px;
	}

	#prpop-pop-up-bg.prpop-default .pslogin-block {
		clear: both;
	}

	#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

		#prpop-pop-up-bg.prpop-default .pslogin-block li a span.pslogin-button-auto {
			min-width: 32px;
		}

		#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li {
			width: 70%;
			min-height: 32px;
			vertical-align: inherit;
			display: inline-block;
			float: none;
		}

		#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons li {
			width: auto;
			min-height: 32px;
			margin-bottom: 5px;
			vertical-align: middle;
		}

		#prpop-pop-up-bg.prpop-default .pslogin-buttons .pslogin-spacer {
			width: 100%;
		}

	/*=== glamour gray ===*/
	#prpop-pop-up-bg.glamour-grey .pslogin-spacer {
		margin: 0 auto 10px;
		width: 100%;
		float: left;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer.pslogin-showmore .pslogin-bordertext:hover {
		color: white;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer:before {
		display: block;
		content: "";
		clear: both;
		width: 100%;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer table {
		margin-top: 15px;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-block {
		margin-top: 10px;
	}


	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li {
		width: 70%;
		min-height: 32px;
		margin-bottom: 5px;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons li {
		width: auto;
		min-height: 32px;
		margin: 0 5px 5px 0;
		vertical-align: middle;
	}

		#prpop-pop-up-bg.glamour-grey .pslogin-block li a span.pslogin-button-auto {
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			min-width: 32px;
		}
	
		#prpop-pop-up-bg.glamour-grey .pslogin-block li a span.pslogin-button-text {
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}

		#prpop-pop-up-bg.glamour-grey .pslogin-block li a span.pslogin-button-icon {
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;			
		}

		#prpop-pop-up-bg.glamour-grey .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-icon {
			border-radius: 3px 0 0 3px;
			-webkit-border-radius: 3px 0 0 3px;
			-moz-border-radius: 3px 0 0 3px;
		}

		#prpop-pop-up-bg.glamour-grey .pslogin-buttons .pslogin-spacer {
			width: 100%;
		}


	/*=== light silver ===*/
	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer {
		margin: 10px auto;
		width: 70%;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-border {
		border-top: 1px solid #A5A5A5;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-bordertext {
		color: #444;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-spacer {
		width: 70%;
		
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons .pslogin-spacer:before {
		display: none;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer .pslogin-border {
		border-top: 1px solid #A5A5A5;
	}
	
	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer.pslogin-showmore .pslogin-bordertext {
		border: 1px solid #A5A5A5;
		color: #444;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-spacer.pslogin-showmore .pslogin-bordertext:hover {
		color: black;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons {
		width: 70%;
		margin: 0 auto;
		text-align: center;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li {
		width: 100%;
		min-width: 32px;
		min-height: 34px;
		margin-bottom: 5px;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons li {
		width: auto;
		min-width: 34px;
		height: 34px;
		margin: 0 3px 5px 3px;
	}
	
	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons ul{
		position: relative;
		left: -3px;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons ul li a {
		display: inline-block;
		width: 100%;
	}


	#prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-auto {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(31, 31, 31, 0.47),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
		-moz-box-shadow: 0px 1px 1px 0px rgba(31, 31, 31, 0.47),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
		box-shadow: 0px 1px 1px 0px rgba(31, 31, 31, 0.47),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);	
		
	}


	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-auto {
		border: 1px solid rgba(0, 0, 0, 0.09);
		height: 34px;
	}

		#prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-text {
			height: 34px;
		}

		#prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-icon {
			box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
		}
	
		#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-icon {
			border: none;
			border-radius: 5px 0 0 5px;
			-webkit-border-radius: 5px 0 0 5px;
			-moz-border-radius: 5px 0 0 5px;
		}

		#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li a span.pslogin-button-icon {
			height: 32px;
			width: 32px;
		}

		#prpop-pop-up-bg.simple-form-logo .pslogin-block li a span.pslogin-button-icon {
			border: 1px solid rgba(0, 0, 0, 0.09);
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			height: 34px;
			width: 34px;
		}

		#prpop-pop-up-bg.simple-form-logo .pslogin-buttons .pslogin-spacer {
			width: 100%;
		}

/*=== open-id Page ===*/
.pslogin-openid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	padding: 20px;
}

	.pslogin-openid .network-logo {
		background: url('https://www.nationaltiles.com.au/skin/frontend/base/default/images/plumrocket/pslogin/social_openid.png');
		width: 180px;
		height: 70px;
		margin: 0 auto 15px auto;
	}
	
	.pslogin-openid.livejournal .network-logo { background-position: -180px 0; }
	.pslogin-openid.verisign .network-logo { background-position: 0 -70px; }

	.pslogin-openid input[type=submit] {
		height: 32px;
		line-height: 32px;
		vertical-align: top;
		padding: 0;
		text-align: center;
		min-width: 144px;
		box-sizing: border-box;
		font-size: 12px;
		color: white;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border: 0px;
	}
	
	.pslogin-openid input[type=submit]:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}

	.pslogin-openid input[type=text] {
		width: 100%;
		border: 1px solid #D0D0D0;
		height: 30px;
		line-height: 25px;
		margin-bottom: 5px;
		margin-top: 10px;
		padding: 2px;
		box-sizing: border-box;
		font-size: 14px;
	}
	
	.pslogin-openid .form-wrapper {
		background-color: #f3f3f3;
		color: #464646;
		width: 300px;
		margin: 0 auto;
		padding: 25px;
		box-shadow: 0px 2px 7px 0px #c1c1c1;
		-moz-box-shadow: 0px 2px 7px 0px #c1c1c1;
		-webkit-box-shadow: 0px 2px 7px 0px #c1c1c1;
		border-radius: 15px;
		font-size: 14px;
	}

	.pslogin-openid .ajax-loader {
		width: 110px;
		height: 14px;
		margin: 0 auto 5px auto;
	}

		.pslogin-openid .ajax-loader .image-gif {
			background: url('https://www.nationaltiles.com.au/skin/frontend/base/default/images/plumrocket/pslogin/ajax-loader-h.gif');
			width: 110px;
			height: 14px;
			display: none;
		}

		.pslogin-openid .ajax-loader .error-text {
			color: red;
			font-size: 11px;
			/*display: none;*/
		}

/* Social account section */
.pslogin-block .custinfo.social {
    color: white;
    text-align: center;
    text-transform: capitalize;
    font-size: 12px;
    float: left;
    width: 82px;
    margin-right: 8px;
    margin-bottom: 8px;
    position: relative;
}

.pslogin-block .custinfo.social a {
	color: white;
	text-decoration: none;
}

.pslogin-block .custinfo.social:hover {
	cursor: pointer
}

.pslogin-block .custinfo.social .unlink-link {
    content: "x";
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    top: -5px;
    position: absolute;
    right: -4px;
    font-size: 10px;
    line-height: 25px;
    cursor: pointer;
    opacity: 0.4;
}

.pslogin-block .custinfo.social .unlink-link:hover {
	opacity: 1;
}

.pslogin-block .custinfo .pslogin-button-auto {
	padding: 11px 0 6px 0;
	background: #ffffff;
}

.pslogin-block .custinfo.social .user-photo {
    background-image: url("https://www.nationaltiles.com.au/skin/frontend/base/default/images/plumrocket/pslogin/user_icon.png");
    background-size: cover;
    background-position: center;
    width: 56px;
    height: 56px;
    vertical-align: middle;
    float: none;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    border: 3px solid #fff;
    box-sizing: content-box;
    margin-bottom: 3px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

	.pslogin-block .pslogin-buttons ul li .pslogin-button-icon {
		background: url('https://www.nationaltiles.com.au/skin/frontend/base/default/images/plumrocket/pslogin/social_retina.png');
		background-size: 236px 340px;
		-webkit-background-size: 236px 340px;
		-moz-background-size: 236px 340px;
	}

}

@media screen and ( max-width: 767px ) {

	.pslogin-block .pslogin-buttons {
		width: 100%;
	}

	.pslogin-block .pslogin-buttons.show-button-text ul li .pslogin-button-text {
		display: inline-block;
	}

	.pslogin-block .pslogin-xs {
		display: inline-block!important;
	}

	.pslogin-block .pslogin-spacer .pslogin-bordertext {

	}

}


@media screen and (max-width: 640px) {

	/*=== social login ===*/
	#prpop-pop-up-bg.prpop-default .pslogin-spacer,
	#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons {
		width: 60%;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer {
		float: none;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer,
	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons {
		width: 60%;
	}

	#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li,
	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons.pslogin-buttons-showfull li {
		width: 100%;
	}

}


@media screen and (max-width: 480px) {

	/*=== social buttons ===*/
	#prpop-pop-up-bg.prpop-default .pslogin-spacer,
	#prpop-pop-up-bg.prpop-default .pslogin-block .pslogin-buttons {
		width: 100%;
	}

	#prpop-pop-up-bg.glamour-grey .pslogin-spacer,
	#prpop-pop-up-bg.glamour-grey .pslogin-block .pslogin-buttons {
		width: 100%;
	}

	#prpop-pop-up-bg.simple-form-logo .pslogin-spacer,
	#prpop-pop-up-bg.simple-form-logo .pslogin-block .pslogin-buttons {
		width: 100%;
	}

}

/*=== animate ===*/
#pslogin-pop-up-bg {
  -webkit-animation-duration: 1s;
  -moz-animation-duration:1s;
		animation-duration: 1s;
  -webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

/**
 * Infortis themes styles
 */



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-container {}
.section { padding:10px 0; }
.section-space { padding:10px; }


/* Helper classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Magento default helper classes
-------------------------------------------------------------- */

/* Layout helper classes
-------------------------------------------------------------- */
.margin-top { margin-top:20px; }
.margin-bottom { margin-bottom:20px; }
.padding-top { padding-top:20px; }
.padding-bottom { padding-bottom:20px; }
.float-left { float:left; } /*deprecated*/
.float-right { float:right; } /*deprecated*/



/* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caret {
	display:inline-block;
	width:0;
	height:0;
	margin-bottom:2px;
	vertical-align:middle;
	content:"";
	border-style:solid solid none;
	border-width:4px 4px 0;
	border-color:#333 transparent transparent;
}
.dropdown .caret {
	opacity:0.3;
	filter:alpha(opacity=30);
}
.dropdown:hover .caret {
	opacity:1;
	filter:alpha(opacity=100);
}


/* Product labels (stickers)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Positionning
-------------------------------------------------------------- */
.sticker-wrapper {
	position:absolute;
	transition:			all 150ms ease-in-out;
	-moz-transition:	all 150ms ease-in-out;
	-webkit-transition:	all 150ms ease-in-out;
	-o-transition:		all 150ms ease-in-out;
}
.product-view .sticker-wrapper { z-index:99; /* On product page z-index greater than Cloud Zoom image */ }
.product-view .product-img-column { position:relative; } /* Stickers are positioned relative to this container */

.sticker-wrapper.top-right { top:-3px; right:-3px; }
.sticker-wrapper.bottom-right { bottom:-3px; right:-3px; }
.sticker-wrapper.bottom-left { bottom:-3px; left:-3px; }
.sticker-wrapper.top-left { top:-3px; left:-3px; }

/* Appearence
-------------------------------------------------------------- */
.sticker {
	width:60px;
	height:60px;
	border-radius:50%;
	
	font-size:1.1666em;
	line-height:1em;
	font-weight:bold;
	text-align:center;
	display:table-cell !important; /* Add "important" to override inherited styles of parent elements */
	vertical-align:middle !important;

	transition:			all 150ms ease-in-out;
	-moz-transition:	all 150ms ease-in-out;
	-webkit-transition:	all 150ms ease-in-out;
	-o-transition:		all 150ms ease-in-out;
}

/* Colors */
.sticker.new { background-color:#5BD2EC; color:#fff; }
.sticker.sale { background-color:#F12B63; color:#fff; }

/* Effects */
.item:hover .sticker { width:65px; height:65px; }
.item:hover .sticker-wrapper.top-right,
.item:hover .sticker-wrapper.top-left { }
.item:hover .sticker-wrapper.top-right { }
.item:hover .sticker-wrapper.top-left { }

/*Sizes*/
.sticker.size-s { width:45px; height:45px; font-size:1em; }
.item:hover .sticker.size-s { width:50px; height:50px; }
.sticker.size-xs { width:40px; height:40px; font-size:0.9166em; /*11px*/ }
.item:hover .sticker.size-xs { width:45px; height:45px; }



/* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Video (embed)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "videoWrapper" - depracated class, left for backward compatibility */
.video-wrapper,
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Page banners
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.banner-wrapper { position: relative; display: block; }
.page-banners .banner a { display:block; }
.page-banners .banner a img { display:block; margin:0 auto; }

/* depracated styles, left for backward compatibility: */
.page-banners .banner { margin-bottom:2%; }


/* Landing pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.landing-page {}
.horizontal-section,
.vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; }
.horizontal-section { margin-top:10px; }
.landing-page .center-block { display:block; margin:0 auto; }


/* Caption
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caption {
	display:block;
	position:absolute;
	bottom:0;
	width:80%;
	margin:6%;
	padding:0;
}

/* Caption position
-------------------------------------------------------------- */
.caption.top {
	top:0;
	bottom:auto;
	width:80%;
}
.caption.top-right {
	top:0;
	bottom:auto;
	right:0;
	width:58%;
}
.caption.bottom-right {
	right:0;
	width:58%;
}

/* Caption elements
-------------------------------------------------------------- */
.caption > * {
	float:left;
	display:inline-block;
	margin-bottom:1px;
}
.caption .heading {
	padding:0.25em;
	margin-bottom:0.2em;
	font-size:2.8em;
	line-height:1em;
	font-weight:normal;
}
.caption p {
	clear:left;
	padding:0.25em 0.5em;
	margin-bottom:1px;
	font-size: 1.3333em;
	line-height:1em;
}
.caption button {
	clear:left;
}

/* Caption layout
-------------------------------------------------------------- */
.caption.centered {
	text-align: center;
}
.caption.centered > * {
	display:inline-block;
	float: none;
}

/* Floating (text alignment) */
.caption.right > * { text-align:right; float:right !important; }

/* Caption additional styles
-------------------------------------------------------------- */
/* Width */
.caption.full-width { width:88%; margin:6%; }
.caption.narrow { width:38%; }

/* Prevent from hiding elements of the caption on narrow screens */
.caption .permanent { display:inline-block !important; }

/* Skin
-------------------------------------------------------------- */
.caption .heading,
.caption p {
	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover .caption .heading,
a:hover .caption p {
	transition:			color 200ms ease-in-out, background-color 200ms ease-in-out;
	-moz-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
	-webkit-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
	-o-transition:		color 200ms ease-in-out, background-color 200ms ease-in-out;
}

/* Dark + white text */
.caption.dark1 .heading,
.caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; }
a:hover .caption.dark1 .heading,
a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; }

/* Dark + white text */
.caption.dark2 .heading,
.caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; }
a:hover .caption.dark2 .heading,
a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; }

/* Dark + white text */
.caption.dark3 .heading,
.caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; }
a:hover .caption.dark3 .heading,
a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; }

/* Light + black text */
.caption.light1 .heading,
.caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; }
a:hover .caption.light1 .heading,
a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; }

/* Light + black text */
.caption.light2 .heading,
.caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; }
a:hover .caption.light2 .heading,
a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; }

/* Light + black text */
.caption.light3 .heading,
.caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; }
a:hover .caption.light3 .heading,
a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; }


/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Disable transitions, fade effect applied with JS */
.fade-on-hover {
	transition:			none;
	-moz-transition:	none;
	-webkit-transition:	none;
	-o-transition:		none;
}
/**
 * Theme Content Construction Kit
 */



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Vertically centered content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.v-centered-content {
	display:table;
}
.v-centered-content .v-center {
	display:table-cell;
	vertical-align:middle;
}


/* Heading of a content section
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-title { clear:both; margin:0; display:block; }
.section-title.padding-right { padding-right:80px !important; }

/* Horizontal line */
.section-line {
	clear:both;
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	margin:0 0 10px;
	padding:10px 0 0;
	background:none;
	border-bottom:1px solid #e5e5e5;
	text-indent:-9999em;
	overflow:hidden;
}


/* Custom sidebars
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.custom-sidebar-right { float:right !important; }
.custom-sidebar-right .inner {
	padding-left:10px;
	border-left:1px solid #e5e5e5;
}

.custom-sidebar-left { float:left !important; }
.custom-sidebar-left .inner {
	padding-right:10px;
	border-right:1px solid #e5e5e5;
}



/* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.links > li,
.links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/
.links > li > a { padding:0 0.5833em; } /* padding:0 7px; */
.links > li.label { padding-right:0.5833em; } /* 7px */

/* Basic links, no separators
-------------------------------------------------------------- */
.links > li { float:left; }
.links > li > a { display:block; }

/* Links with separators (at the right side)
-------------------------------------------------------------- */
.links-wrapper-separators .links > li { margin-left:-1px; }
.links-wrapper-separators .links > li > a {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/link-separator.png);
	background-position:right center;
	background-repeat:no-repeat;
}
.links-wrapper-separators .links > li.last > a { background-image:none; }
.links-wrapper-separators .links > li.hide-separator > a { background-image:none; }
.links-wrapper-separators .links > li.separator-left > a { background-position:left center; }

/* Links with separators (at the left side)
-------------------------------------------------------------- */
.links-wrapper-separators-left .links > li { margin-left:-1px; }
.links-wrapper-separators-left .links > li > a {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/link-separator.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.links-wrapper-separators-left .links > li.first > a { background-image:none; }
.links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; }
.links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; }




/* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Link with an arrow */
a.go {
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat;
	padding-right:17px;
	display:inline !important;
}

/*
 * Accordions and collapsible blocks
 */



/* Accordion  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.accordion {
	padding:0;
	margin:0;
	list-style-type:none;
}
.accordion ul {
	display:block; /*display:none;*/
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
.accordion li {
	float:left;
	display:block;
	width:100% !important;
	padding:0 !important;
	margin:0;
	list-style-type:none;
	cursor:pointer;
	position:relative;
}

.accordion li a {
	display:block;
	padding:15px 10px;
	font-size: 1.1666em; /*14px*/
	line-height: 1.2857em; /*18px*/
}
.accordion li li a { padding-left:20px; }
.accordion li li li a { padding-left:40px; }
.accordion li li li li a { padding-left:60px; }

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion li.parent > a { padding-right:54px; }

/* Opener
-------------------------------------------------------------- */
.accordion .opener {
	position:absolute;
	right:0;
	top:0;
	display:block;
	cursor:pointer;
	text-align:center;
	
	width:49px;
	height:49px;
	line-height:49px;
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/accordion/opener.png) center center no-repeat;
}
.accordion .opener:hover {
	background-color:rgba(0,0,0, 0.05);
}

/* Active */
.accordion li.item-active > .opener {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/accordion/opener-active.png);
}


/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Padding
-------------------------------------------------------------- */
.accordion-style1 li a { padding:5px 10px; }
.accordion-style1 li li a { padding-left:20px; }
.accordion-style1 li li li a { padding-left:35px; }
.accordion-style1 li li li li a { padding-left:50px; }

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion-style1 li.parent > a { padding-right:33px; }

/* Misc
-------------------------------------------------------------- */
.accordion-style1 li a {
	border-bottom-color:#eee;
	border-bottom:1px solid rgba(0,0,0,0.06);
	font-size:1em; /*12px*/
	line-height:1.5em; /*18px*/
}
.accordion-style1 li a:hover {
	background-color:rgba(0,0,0, 0.03);
}

/* Opener
-------------------------------------------------------------- */
.accordion-style1 .opener {
	width:28px;
	height:28px;
	line-height:28px;
	/*background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/accordion/opener-small.png);*/
	background-color:rgba(0,0,0, 0.03);
}
.accordion-style1 .opener:hover {
	background-color:rgba(0,0,0, 0.10);
	background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/accordion/opener-w.png);
}

/* Active */
/*.accordion-style1 li.item-active > .opener {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/accordion/opener-small-active.png);
}*/
.accordion-style1 li.item-active > .opener:hover {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/accordion/opener-active-w.png);
}



/* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.collapsible { position:relative; }
.collapsible .block-title {
	padding-top:8px;
	padding-right:35px; /* Space for opener */
	padding-bottom:8px;
	border-bottom:1px solid #f2f2f2;
	border-color:rgba(0,0,0, 0.05);
	margin-bottom:0.625em; /*10px*/
	
	font-size:1.3333em; /*16px*/
	line-height:1.25em; /*20px*/
	font-weight:normal;
}

.collapsible .block-content,
.collapsible .block-content > * {
	margin-top:0; /* Prevent animation jumping */
}

/* Opener
-------------------------------------------------------------- */
.collapsible .opener {
	position:absolute;
	right:0;
	top:2px;
	display:block;
	cursor:pointer;
	text-align:center;
	
	width:30px;
	height:30px;
	line-height:30px;
	
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/accordion/opener.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f2f2f2; /*IE*/
	background-color:rgba(0,0,0, 0.05);
}
.collapsible .opener:hover {
	background-color:#e5e5e5; /*IE*/
	background-color:rgba(0,0,0, 0.1);
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/accordion/opener-w.png);
}
.collapsible.active .opener {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/accordion/opener-active.png);
}
.collapsible.active .opener:hover {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/infortis/_shared/accordion/opener-active-w.png);
}

/* Mobile collapsible
-------------------------------------------------------------- */
.mobile-collapsible { position: static; }

/**
 * Drop-down block
 */



/* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dropdown { position:relative; }
.dropdown:hover { z-index:4000; }

/* Dropdown heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown .dropdown-heading {
	display:inline-block;
	cursor:default;
}

/* If heading is a link */
.dropdown a.dropdown-heading:hover {
	color: inherit;
}

/* Inside dropdown heading
-------------------------------------------------------------- */
/* Child elements of the heading have to be aligned vertically */
.dropdown .dropdown-heading > * {
	display:inline-block;
	vertical-align: middle;
}

/* If heading has additional inner wrapper (to cover the shadow of the dropdown),
   properties of that element needs to be reset (e.g. element shouldn't be "inline-block") */
.dropdown .dropdown-heading.cover > span,
.dropdown .dropdown-heading.cover > div {
	display: block;
	vertical-align: baseline;
}
.dropdown .dropdown-heading.cover > span > *,
.dropdown .dropdown-heading.cover > div > * {
	display:inline-block;
	vertical-align: middle;
}

	/* Elements of the dropdown heading */
	.dropdown .dropdown-heading .label {}
	.dropdown .dropdown-heading .value {
		margin-left: 2px;
	}
	.dropdown .dropdown-heading .dropdown-icon { /* e.g. for flags */
		width:18px;
		text-indent:-9999px;
		background-position:0 50%;
		background-repeat:no-repeat;
	}


/* Cover shadow of "dropdown-heading" and "dropdown-content"
   with additional div inside the heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown .dropdown-heading.cover > span,
.dropdown .dropdown-heading.cover > div {
	padding:0 10px;
}
.dropdown.open > .dropdown-heading.cover > span,
.dropdown.open > .dropdown-heading.cover > div {
	background-color:#fff;
	z-index:4001;
	position:relative;
}


/* Dropdown content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown .dropdown-content {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index:4000;
	padding:20px;
	min-width:130px;
	line-height:1.5em;
	text-align:left;

	list-style:none;
	background-color:#fff;
}
.dropdown .dropdown-content.left-hand {
	left:auto;
	right:0;
}

/* When dropdown content is an unordered list
-------------------------------------------------------------- */
/* Everything is inline-block, except links */
.dropdown .dropdown-content > li * { display:inline-block; }
.dropdown .dropdown-content > li > a { display:block; }

.dropdown .dropdown-content > li { white-space:nowrap; }
.dropdown .dropdown-content > li .label { margin-right:8px; }
.dropdown .dropdown-content .dropdown-icon {
	width:18px;
	text-indent:-9999px;
	background-position:0 50%;
	background-repeat:no-repeat;
}

/**
 * Itemgrid
 */



.itemgrid .item {
	float:left;
	padding-left:1%;
	padding-right:1%;
}


/* Itemgrid: different numbers of columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear every first item in each row (row: group of n items) */

/* Item grid: 1 column */
.itemgrid-1col .item { width:98%; }

/* Item grid: 2 columns */
.itemgrid-2col .item { width:48%; }
.itemgrid-2col > li:nth-of-type(2n+1) { clear:left; }

/* Item grid: 3 columns */
.itemgrid-3col .item { width:31.3333%; }
.itemgrid-3col > li:nth-of-type(3n+1) { clear:left; }

/* Item grid: 4 columns */
.itemgrid-4col .item { width:23%; }
.itemgrid-4col > li:nth-of-type(4n+1) { clear:left; }

/* Item grid: 5 columns */
.itemgrid-5col .item { width:18%; }
.itemgrid-5col > li:nth-of-type(5n+1) { clear:left; }

/* Item grid: 6 columns */
.itemgrid-6col .item { width:14.6666%; }
.itemgrid-6col > li:nth-of-type(6n+1) { clear:left; }

/* Item grid: 7 columns */
.itemgrid-7col .item { width:12.2857%; }
.itemgrid-7col > li:nth-of-type(7n+1) { clear:left; }

/* Item grid: 8 columns */
.itemgrid-8col .item { width:10.5%; }
.itemgrid-8col > li:nth-of-type(8n+1) { clear:left; }

/**
 * Generic tabs
 */



/* Basic styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Tabs
-------------------------------------------------------------- */
/* Total height of the tab bar should be the same as in block titles */
.gen-tabs .tabs li { float:left; margin:0; }
.gen-tabs .tabs a {
	display:block;
	padding:0 10px;
	text-decoration:none;
	outline:none;
}

/* Tab panels
-------------------------------------------------------------- */
.gen-tabs .tabs-panels { padding:15px 0; }
.gen-tabs .tabs-panels .panel {}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
	display:none;
	padding:0 0.5em;
	margin-bottom:1px;
	font-weight:normal;
}
.gen-tabs .acctab:hover { cursor:pointer; }

/* Accordion mode enabled */
.gen-tabs.accor .tabs { display:none; }
.gen-tabs.accor .acctab { display:block; }
.gen-tabs.accor .tabs-panels { padding-top:0; }
.gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; padding:15px; }


/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs .tabs a {
	color:#333;
	background-color:#eee;
	line-height:3em;
}
.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus   { background-color:#e5e5e5; }
.gen-tabs .tabs a.current { background-color:#ddd; }

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
	font-size:1.5em;
	line-height:2.7777em;
	background-color:#f5f5f5;
	color:#333;
}
.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current { background-color:#e5e5e5; }
.gen-tabs.accor .tabs-panels .panel { border-bottom:1px solid #e5e5e5; }


/* Tabs - skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs-style1 .tabs a {
	font-size:1.3333em;
	color:#333;
	background-color:#eee;
	border:1px solid transparent;
	border-bottom:none;
}
.gen-tabs-style1 .tabs a:hover,
.gen-tabs-style1 .tabs a:focus   { background-color:#e5e5e5; border-color:#e5e5e5; }
.gen-tabs-style1 .tabs a.current {
	background-color:#fff;
	border-color:#e5e5e5;
	border-bottom:1px solid transparent;
	margin-bottom:-1px;
	
	/* Make a little bit higher than other tabs */
	padding-top:4px;
	margin-top:-4px;
}
.gen-tabs-style1 .tabs-panels { border-top:1px solid #e5e5e5; }
.gen-tabs-style1.accor .tabs-panels { border-top:none; }


/* Tabs - skin 2: with shadow (obsolete, will be removed in next updates)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs-style2 .tabs a { font-size:1.3333em; }
.gen-tabs-style2 .tabs a.current {
	box-shadow:0 0 10px rgba(0,0,0, 0.15);
	position:relative;
	z-index:1;
	
	/* Make a little bit higher thatn other tabs */
	padding-top:4px;
	margin-top:-4px;
}
.gen-tabs-style2 .tabs-panels {
	background-color:#fff;
	position:relative;
	z-index:2;
}
/**
 * Icons and other styles related to icons.
 * Part of the font icon styles based on Font Awesome - http://fontawesome.io
 */



/* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.ic {
	display: inline-block;
	font-family: ThemeIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* If icon is applied to 'i' tag */
i.ic {
	font-style: normal;
}

/* Floating icons - with generic modifiers
-------------------------------------------------------------- */
.ic.left {
	margin-right: .3em;
}
.ic.right {
	margin-left: .3em;
}

/* Size
-------------------------------------------------------------- */
/* Makes the font 33% larger relative to the icon container */
.ic-lg {
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}
.ic-2x {
	font-size: 2em;
}
.ic-3x {
	font-size: 3em;
}
.ic-4x {
	font-size: 4em;
}
.ic-5x {
	font-size: 5em;
}
.ic-6x {
	font-size: 6em;
}
.ic-7x {
	font-size: 7em;
}
.ic-8x {
	font-size: 8em;
}
.ic-fw {
	width: 1.28571429em;
	text-align: center;
}

/* Lists
-------------------------------------------------------------- */
.ic-ul {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: none;
}
.ic-ul > li {
	position: relative;
}
.ic-li {
	position: absolute;
	left: -2.14285714em;
	width: 2.14285714em;
	top: 0.14285714em;
	text-align: center;
}
.ic-li.ic-lg {
	left: -1.85714286em;
}
.ic-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eeeeee;
	border-radius: .1em;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.ic.pull-left {
	margin-right: .3em;
}
.ic.pull-right {
	margin-left: .3em;
}

/* Stacking
-------------------------------------------------------------- */
.ic-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}
.ic-stack-1x,
.ic-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.ic-stack-1x {
	line-height: inherit;
}
.ic-stack-2x {
	font-size: 2em;
}
.ic-inverse {
	color: #ffffff;
}

/* Effects
-------------------------------------------------------------- */
.ic-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
.ic-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.ic-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.ic-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.ic-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.ic-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform: scale(1, -1);
	-moz-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	transform: scale(1, -1);
}


/* Characters as icon (letters, numbers etc.)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-char {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif !important;
}


/* Images as icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-img {
	font-family: inherit; /* Remove icon font to fix vertical alignment */
}
/* Set max size for images displayed as icons */
.ic-img img,
.icon img /* For backward compatibility */
{
	vertical-align: middle;
}



/* Iconbox - an icon with background color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.ib,

/* For backward compatibility */
.social-links a > span.icon
{
	vertical-align: middle; /* TODO: check in which cases it's required */
	text-align: center;
	background-color: #e5e5e5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}


/* Size
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib,
/* For backward compatibility: */
.feature > span.icon,
.social-links a > span.icon
{
	line-height: 36px;	
	width: 36px;
	height: 36px;
}
.ib-size-l,
/* For backward compatibility: */
.feature > span.icon.large
 {
	line-height: 48px;
	width: 48px;
	height: 48px;
}
.ib-size-xl {
	line-height: 60px;
	width: 60px;
	height: 60px;
}
.ib-size-xxl {
	line-height: 72px;
	width: 72px;
	height: 72px;
}
.ib-size-xxxl {
	line-height: 84px;
	width: 84px;
	height: 84px;
}

/* For backward compatibility: align center the content of the iconbox */
.feature > span.icon { text-align: center; }


/* Labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Label which immediately follows the iconbox */
.ib + .label {
	line-height: 36px;
	display: inline-block;
}
.ib-size-l + .label {
	line-height: 48px;
}
.ib-size-xl + .label {
	line-height: 60px;
}
.ib-size-xxl + .label {
	line-height: 72px;
}
.ib-size-xxxl + .label {
	line-height: 84px;
}


/* Hover state
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib-hover:hover, /* Apply hover state color only when special class is present */
.feature-icon-hover:hover .ib,

/* For backward compatibility: */
.icon-hover:hover,
.feature-icon-hover:hover > span.icon
{
	background-color: #333;
	color: #fff;
}


/* Transitions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib,
.icon-hover, /* For backward compatibility */
.feature-icon-hover .ib,
.feature-icon-hover .icon /* For backward compatibility */
{
	/* TODO: position animation deprecated */
	transition: 			color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition: 		color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition: 	color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition: 			color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}


/* Characters as icon - modify styles if inside iconbox
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib.ic-char,
.ib.i-char /* For backward compatibility */
{
	/*font-size: 16px;*/ /* Important: do not add font size here, it would override standard classes such as "ic-2x" */
	text-align: center;
}


/* Additional utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Background
-------------------------------------------------------------- */
/* Icon without background color */
.ib-no-bg,
.ib.no-bg-color /* For backward compatibility */
{
	background-color: transparent !important;
}

/* Shapes
-------------------------------------------------------------- */
.ib-circle,
.ib.circle /* For backward compatibility */
{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.ib-rounded,
.ib.rounded /* For backward compatibility */
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ib-square,
.ib.square /* For backward compatibility */
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* All icons square */
.ib-wrapper--square .ib,
.icon-wrapper-square .ib /* For backward compatibility */
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}



/* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic styles */
.feature { margin: 10px 0; }
.feature:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; }
.feature.first { margin-top: 0; }
.feature.last { margin-bottom: 0; }

/* With top/bottom border line */
.feature.top-border { border-top: 1px solid #f5f5f5; padding-top: 10px; }
.feature.bottom-border { border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; }

/* Wrapper with top/bottom line
-------------------------------------------------------------- */
.feature-wrapper.top-border {
	border-top: 1px solid #f5f5f5;
	margin-top: 20px;
	padding-top: 20px;
}
.feature-wrapper.bottom-border {
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


/* Feature headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .heading {
	font-size: 1.3333em; /*16px*/
	line-height: 1.25em; /*20px*/
	margin-bottom: 0.625em; /*10px*/
	font-weight: normal;
}
.feature .above-heading {
	margin: 0 0 5px;
	font-size: 11px;
	line-height: 1.4545em; /*16px*/
	text-transform: uppercase;
	color: #888;
}
.feature .below-heading {
	font-size: 1em;
	font-style: italic;
	line-height: 1.3333em; /*16px*/
	color: #888;
}


/* Feature and icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Floating icons - additional margin
-------------------------------------------------------------- */
.feature .ic.left {
	margin: 0 15px 10px 0;
}
.feature .ic.right {
	margin: 0 0 10px 15px;
}

/* Vertically centered icon
-------------------------------------------------------------- */
.feature.v-centered-content .v-center .ic {
	margin: 0 5px 0 0;
}


/* Indented feature
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* IMPORTANT: inside indented feature, the first level icon automatically floats left */
.feature.indent > .ic,
.feature.indent > .icon /* For backward compatibility */
{
	float: left;
	margin: 0 15px 0 0;
}
/* But override this behavior if an icon is explicitly floated right */
.feature.indent > .ic.right,
.feature.indent > .icon.right /* For backward compatibility */
{
	float: right;
	margin: 0 0 0 15px;
}

/* Size of indentation
-------------------------------------------------------------- */
/* Size of indentation = width of iconbox + right margin of the iconbox */

/* Default */
.feature.indent
{
	padding-left: 51px; /* 36 + 15 */
}
.feature.indent > .ic,
.feature.indent > span.icon /* For backward compatibility */
{
	margin-left: -51px;
}

/* Large */
.feature.indent-size-l,
.feature.indent.large /* For backward compatibility */
{
	padding-left: 63px;
}
.feature.indent-size-l > .ic,
.feature.indent.large > .ic, /* For backward compatibility */
.feature.indent.large > span.icon.large /* For backward compatibility */
{
	margin-left: -63px;
}

/* X Large */
.feature.indent-size-xl
{
	padding-left: 75px;
}
.feature.indent-size-xl > .ic
{
	margin-left: -75px;
}

/* XX Large */
.feature.indent-size-xxl
{
	padding-left: 87px;
}
.feature.indent-size-xxl > .ic
{
	margin-left: -87px;
}

/* XXX Large */
.feature.indent-size-xxxl
{
	padding-left: 99px;
}
.feature.indent-size-xxxl > .ic
{
	margin-left: -99px;
}


/* Feature centered
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature.centered { text-align: center; }
.feature.centered .ic {
	margin: 0 0 10px;
}

/* Additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */
.feature .ic.auto-size { width: auto; max-width: none; height: auto; max-height: none; }



/* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/**
 * Definitions of the font with icons and definitions of the icon glyphs
 */



@font-face {
	font-family: 'ThemeIcons';
	src:url('https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/themeicons/ThemeIcons.eot?387osh');
	src:url('https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/themeicons/ThemeIcons.eot?#iefix387osh') format('embedded-opentype'),
		url('https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/themeicons/ThemeIcons.woff?387osh') format('woff'),
		url('https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/themeicons/ThemeIcons.ttf?387osh') format('truetype'),
		url('https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/themeicons/ThemeIcons.svg?387osh#ThemeIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Icon codes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-plane:before {
	content: "\e200";
}
.ic-tag:before {
	content: "\e201";
}
.ic-paint:before {
	content: "\e202";
}
.ic-credit:before {
	content: "\e203";
}
.ic-phone:before {
	content: "\e204";
}
.ic-letter:before {
	content: "\e205";
}
.ic-stopwatch:before {
	content: "\e206";
}
.ic-bars:before {
	content: "\e207";
}
.ic-truck:before {
	content: "\e208";
}
.ic-download:before {
	content: "\e209";
}
.ic-upload:before {
	content: "\e20a";
}
.ic-warning:before {
	content: "\e20b";
}
.ic-question:before {
	content: "\e20c";
}
.ic-info:before {
	content: "\e20d";
}
.ic-success:before {
	content: "\e20e";
}
.ic-close2:before {
	content: "\e20f";
}
.ic-reload:before {
	content: "\e210";
}
.ic-scissors:before {
	content: "\e211";
}
.ic-googleplus:before {
	content: "\e212";
}
.ic-facebook:before {
	content: "\e213";
}
.ic-twitter:before {
	content: "\e214";
}
.ic-feed:before {
	content: "\e215";
}
.ic-youtube:before {
	content: "\e216";
}
.ic-vimeo:before {
	content: "\e217";
}
.ic-flickr:before {
	content: "\e218";
}
.ic-dribbble:before {
	content: "\e219";
}
.ic-github:before {
	content: "\e21a";
}
.ic-wordpress:before {
	content: "\e21b";
}
.ic-blogger:before {
	content: "\e21c";
}
.ic-tumblr:before {
	content: "\e21d";
}
.ic-skype:before {
	content: "\e21e";
}
.ic-home:before {
	content: "\e21f";
}
.ic-edit2:before {
	content: "\e220";
}
.ic-cart:before,
.ic-cart1:before {
	content: "\e221";
}
.ic-menu:before {
	content: "\e222";
}
.ic-star-o:before {
	content: "\e223";
}
.ic-star:before {
	content: "\e224";
}
.ic-heart:before {
	content: "\e225";
}
.ic-heart-o:before {
	content: "\e226";
}
.ic-arrow-up:before {
	content: "\e227";
}
.ic-arrow-right:before {
	content: "\e228";
}
.ic-arrow-down:before {
	content: "\e229";
}
.ic-arrow-left:before {
	content: "\e22a";
}
.ic-filter:before {
	content: "\e22b";
}
.ic-lastminute:before {
	content: "\e22c";
}
.ic-close:before {
	content: "\e22d";
}
.ic-edit:before {
	content: "\e22e";
}
.ic-instagram:before {
	content: "\e22f";
}
.ic-user:before {
	content: "\e230";
}
.ic-mobile:before {
	content: "\e231";
}
.ic-pin:before {
	content: "\e232";
}
.ic-zoomin:before {
	content: "\e233";
}
.ic-zoomout:before {
	content: "\e234";
}
.ic-search:before {
	content: "\e235";
}
.ic-gift:before {
	content: "\e236";
}
.ic-anchor:before {
	content: "\e237";
}
.ic-calendar:before {
	content: "\e238";
}
.ic-remove:before {
	content: "\e239";
}
.ic-compare:before {
	content: "\e23a";
}
.ic-alarm:before {
	content: "\e23b";
}
.ic-plus:before {
	content: "\e23c";
}
.ic-minus:before {
	content: "\e23d";
}
.ic-pinterest:before {
	content: "\e23e";
}
.ic-call24:before {
	content: "\e23f";
}
.ic-callcenter:before {
	content: "\e240";
}
.ic-delivery:before {
	content: "\e241";
}
.ic-package:before {
	content: "\e242";
}
.ic-globe:before {
	content: "\e243";
}
.ic-lightbulb:before {
	content: "\e244";
}
.ic-microscope:before {
	content: "\e245";
}
.ic-24hours:before {
	content: "\e246";
}
.ic-coupon:before {
	content: "\e247";
}
.ic-tshirt:before {
	content: "\e248";
}
.ic-bag8:before {
	content: "\e249";
}
.ic-bag6:before {
	content: "\e24a";
}
.ic-bag4:before {
	content: "\e24b";
}
.ic-bag3:before {
	content: "\e24c";
}
.ic-bag7:before {
	content: "\e24d";
}
.ic-bag2:before {
	content: "\e24e";
}
.ic-bag5:before {
	content: "\e24f";
}
.ic-cart2:before {
	content: "\e250";
}
.ic-bag:before,
.ic-bag1:before {
	content: "\e251";
}
.ic-cart3:before {
	content: "\e252";
}
.ic-smartphones:before {
	content: "\e253";
}
.ic-grid:before {
	content: "\e254";
}
.ic-list:before {
	content: "\e255";
}
.ic-linkedin:before {
	content: "\e256";
}
.ic-bell:before {
	content: "\e257";
}
.ic-xing:before {
	content: "\e258";
}
.ic-vk:before {
	content: "\e259";
}
.ic-weibo:before {
	content: "\e25a";
}
.ic-renren:before {
	content: "\e25b";
}
.ic-behance:before {
	content: "\e25c";
}
.ic-vine:before {
	content: "\e25d";
}
.ic-share:before {
	content: "\e25e";
}
.ic-lowstock:before {
	content: "\e25f";
}
.ic-left:before {
	content: "\e260";
}
.ic-down:before {
	content: "\e261";
}
.ic-up:before {
	content: "\e262";
}
.ic-right:before {
	content: "\e263";
}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2147483647; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0, 0, 0, 0.8);
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		overflow: auto;
		padding: 25px 25px 0;
		border-bottom: 25px solid transparent;

		/* dimensions: handling small or empty content */
		min-width:  30%;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font-family: Arial, sans-serif;
		background: #fff; /* Set the background in case it overlaps the content */
		background: rgba(255, 255, 255, 0.3);
		color: #000;
	}


	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
		padding: 0;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 10px;
		margin-right: 10px;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/** default and google theme **/

.selectstyle {
	position: relative;
}

.ss_dib {
	display: inline-block;
	vertical-align: top;
}

.ss_button {
	margin: 0;
	vertical-align: top;
	color: #1a1a1a;
	border-bottom: 1px solid #1a1a1a;
	width: calc(100% - 20px) !important;
	cursor: pointer;
	text-decoration: none;
	background: none;
	padding: 10px;
	overflow: hidden;
	clear: both;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	word-break: break-all;
}

.ss_text {
	white-space: normal;
	text-overflow: ellipsis;
	text-indent: 0;
	white-space: nowrap;
	overflow: hidden;
}

.ss_image {
	position: absolute;
	width: 7px;
	height: 11px;
	background: url('https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/google.png') no-repeat;
}

.ss_ul {
	list-style: none;
	/* padding: 8px 0; */
	margin: 0;
	margin-top: -35px;
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	display: none;
	overflow: auto;
	z-index: 100;
}

.ss_ulsearch {
	margin: 0;
	margin-top: -46px !important;
	position: absolute;
	background: #fff;
    border: none;
    border-top: none;
	overflow: none;
	z-index: 100;
	display: none;
}

.ss_ulsearch .ss_ul {
	display: block;
	width: 	99.5% !important;
	position: relative;
	margin-top: 0;
	border: 1px solid #1a1a1a;
	border-top: none;
	line-height: 19px;
}

.ss_ulsearch .search {
	border-bottom: 1px solid #1a1a1a;
	padding: 0;
}

.onestepcheckout-threecolumns  .ss_ulsearch .search input {
	background: inherit;
	border: none !important;
	height: 100% !important;
	padding: 10px 15px !important;
	outline: none;
	font-size: 16px;
	font-family: 'GalanoGrotesque-Medium';
}

.onestepcheckout-threecolumns  .ss_ulsearch .search input::selection { background: #0095ff; color: #fff;}
.onestepcheckout-threecolumns  .ss_ulsearch .search input::-moz-selection {background:#0095ff; color: #fff;}
.onestepcheckout-threecolumns  .ss_ulsearch .search input::-webkit-selection { background:#0095ff; color: #fff;}

.ss_ulsearch .search input:focus {
	outline: none;
}

.ss_ulsearch .nosearch {
	display: none;
	text-align: center;
	font-size: 12px;
	padding-bottom: 10px;
	background: #fff;
}

.ss_ul li {
	margin: 10px 0;
	padding: 5px 15px;
	cursor: pointer;
	border: none;
	text-align: left;
	color: #1a1a1a;
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	font-size: 14px;
}

.ss_ul li:hover {
	border: none;
	background: #ddd;
}

.ss_ul li .ssli_text {
	vertical-align: top;
	display: inline-block;
}

.ss_ul li .ssli_image {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	margin-top: -1px;
	vertical-align: top;
}

.ss_ul li .ssli_image img {
	width: 16px;
	height: 16px;
}

.ss_ul::-webkit-scrollbar {
	width: 10px;
}

.ss_ul::-webkit-scrollbar:horizontal {
	height: 10px;
}

.ss_ul::-webkit-scrollbar-track {
	border-left: 1px solid #D3D3D3;
	background: #F5F5F5;
}
.ss_ul::-webkit-scrollbar-thumb {
	background: #C4C4C4;
}
#address-search-loading .please-wait {
	float: left !important;
}

.onoffswitch {
	position: relative;
	width: 100px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
}
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #F5F5F5;
	border-radius: 20px;
}
.onoffswitch-inner {
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	float: left;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 15px;
	color: white;
	font-family: 'worksans-regular';
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: attr(data-content-before);
	padding-left: 12px;
	background-color: #FF5100;
	color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: attr(data-content-after);
	padding-right: 12px;
	background-color: #989898;
	color: #FFFFFF;
	text-align: right;
}
.onoffswitch-switch {
	width: 32px;
	margin: -1px;
	background: #F5F5F5;
	border: 2px solid #F5F5F5;
	border-radius: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 64px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}
/**
 * Theme icons
 * Deprecated since 1.10.0 in favor of font icons
 */



/* Predefined icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Wishlist */
.icon.i-wishlist {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-7px -7px;
}
.icon.i-wishlist-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-7px -57px;
}

	/* bw */
	.icon.i-wishlist-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-7px -7px;
	}
	.icon-hover:hover.i-wishlist-bw,
	.feature-icon-hover:hover .icon.i-wishlist-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-7px -57px;
	}
	
	/* wb */
	.icon.i-wishlist-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-7px -57px;
	}
	.icon-hover:hover.i-wishlist-wb,
	.feature-icon-hover:hover .icon.i-wishlist-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-7px -7px;
	}

/* Compare */
.icon.i-compare {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-57px -7px;
}
.icon.i-compare-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-57px -57px;
}

	/* bw */
	.icon.i-compare-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-57px -7px;
	}
	.icon-hover:hover.i-compare-bw,
	.feature-icon-hover:hover .icon.i-compare-bw,
	.open > .dropdown-toggle.cover .icon.i-compare-bw
	{
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-57px -57px;
	}
	
	/* wb */
	.icon.i-compare-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-57px -57px;
	}
	.icon-hover:hover.i-compare-wb,
	.feature-icon-hover:hover .icon.i-compare-wb,
	.open > .dropdown-toggle.cover .icon.i-compare-wb
	{
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-57px -7px;
	}

/* Share/recommend */
.icon.i-recommend {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-107px -7px;
}
.icon.i-recommend-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-107px -57px;
}

	/* bw */
	.icon.i-recommend-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-107px -7px;
	}
	.icon-hover:hover.i-recommend-bw,
	.feature-icon-hover:hover .icon.i-recommend-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-107px -57px;
	}
	
	/* wb */
	.icon.i-recommend-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-107px -57px;
	}
	.icon-hover:hover.i-recommend-wb,
	.feature-icon-hover:hover .icon.i-recommend-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-107px -7px;
	}

/* Low stock */
.icon.i-lowstock {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-157px -7px;
}
.icon.i-lowstock-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-157px -57px;
}

	/* bw */
	.icon.i-lowstock-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-157px -7px;
	}
	.icon-hover:hover.i-lowstock-bw,
	.feature-icon-hover:hover .icon.i-lowstock-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-157px -57px;
	}
	
	/* wb */
	.icon.i-lowstock-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-157px -57px;
	}
	.icon-hover:hover.i-lowstock-wb,
	.feature-icon-hover:hover .icon.i-lowstock-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-157px -7px;
	}



/* Cart */
.icon.i-cart {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-457px -7px;
}
.icon.i-cart-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-457px -57px;
}

	/* bw */
	.icon.i-cart-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-457px -7px;
	}
	.icon-hover:hover.i-cart-bw,
	.feature-icon-hover:hover .icon.i-cart-bw,
	.open > .dropdown-toggle.cover .icon.i-cart-bw
	{
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-457px -57px;
	}
	
	/* wb */
	.icon.i-cart-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-457px -57px;
	}
	.icon-hover:hover.i-cart-wb,
	.feature-icon-hover:hover .icon.i-cart-wb,
	.open > .dropdown-toggle.cover .icon.i-cart-wb
	{
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-457px -7px;
	}

/* Row 2
-------------------------------------------------------------- */

/* Home */
.icon.i-home {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-7px -107px;
}
.icon.i-home-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-7px -157px;
}

	/* bw */
	.icon.i-home-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-7px -107px;
	}
	.icon-hover:hover.i-home-bw,
	.feature-icon-hover:hover .icon.i-home-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-7px -157px;
	}
	
	/* wb */
	.icon.i-home-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-7px -157px;
	}
	.icon-hover:hover.i-home-wb,
	.feature-icon-hover:hover .icon.i-home-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-7px -107px;
	}

/* Left */
.icon.i-left {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-107px -107px;
}
.icon.i-left-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-107px -157px;
}

	/* bw */
	.icon.i-left-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-107px -107px;
	}
	.icon-hover:hover.i-left-bw,
	.feature-icon-hover:hover .icon.i-left-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-107px -157px;
	}
	
	/* wb */
	.icon.i-left-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-107px -157px;
	}
	.icon-hover:hover.i-left-wb,
	.feature-icon-hover:hover .icon.i-left-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-107px -107px;
	}

/* Right */
.icon.i-right {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-157px -107px;
}
.icon.i-right-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-157px -157px;
}

	/* bw */
	.icon.i-right-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-157px -107px;
	}
	.icon-hover:hover.i-right-bw,
	.feature-icon-hover:hover .icon.i-right-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-157px -157px;
	}
	
	/* wb */
	.icon.i-right-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-157px -157px;
	}
	.icon-hover:hover.i-right-wb,
	.feature-icon-hover:hover .icon.i-right-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-157px -107px;
	}

/* Top */
.icon.i-top {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-207px -107px;
}
.icon.i-top-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-207px -157px;
}

	/* bw */
	.icon.i-top-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-207px -107px;
	}
	.icon-hover:hover.i-top-bw,
	.feature-icon-hover:hover .icon.i-top-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-207px -157px;
	}
	
	/* wb */
	.icon.i-top-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-207px -157px;
	}
	.icon-hover:hover.i-top-wb,
	.feature-icon-hover:hover .icon.i-top-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-207px -107px;
	}

/* Bottom */
.icon.i-bottom {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-257px -107px;
}
.icon.i-bottom-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
	background-position:-257px -157px;
}

	/* bw */
	.icon.i-bottom-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-257px -107px;
	}
	.icon-hover:hover.i-bottom-bw,
	.feature-icon-hover:hover .icon.i-bottom-bw {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-257px -157px;
	}
	
	/* wb */
	.icon.i-bottom-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-257px -157px;
	}
	.icon-hover:hover.i-bottom-wb,
	.feature-icon-hover:hover .icon.i-bottom-wb {
		background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite.png);
		background-position:-257px -107px;
	}

/**
 * Social icons
 * Deprecated since 1.10.0 in favor of font icons
 */



/* Contact icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Phone */
.icon.i-telephone {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-7px -7px;
}
.icon.i-telephone-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-7px -57px;
}

/* Mobile */
.icon.i-mobile {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-57px -7px;
}
.icon.i-mobile-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-57px -57px;
}

/* Skype */
.icon.i-skype {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-107px -7px;
}
.icon.i-skype-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-107px -57px;
}

/* Letter */
.icon.i-letter {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-157px -7px;
}
.icon.i-letter-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-157px -57px;
}

/* Location */
.icon.i-location {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-207px -7px;
}
.icon.i-location-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-207px -57px;
}


/* Row 2
-------------------------------------------------------------- */
/* Twitter */
.icon.i-twitter {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-7px -107px;
}
.icon.i-twitter-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-7px -157px;
}

/* Facebook */
.icon.i-facebook {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-57px -107px;
}
.icon.i-facebook-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-57px -157px;
}

/* Google plus */
.icon.i-googleplus {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-107px -107px;
}
.icon.i-googleplus-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-107px -157px;
}

/* Youtube */
.icon.i-youtube {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-157px -107px;
}
.icon.i-youtube-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-157px -157px;
}

/* Vimeo */
.icon.i-vimeo {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-207px -107px;
}
.icon.i-vimeo-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-207px -157px;
}

/* Wordpress */
.icon.i-wordpress {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-257px -107px;
}
.icon.i-wordpress-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-257px -157px;
}

/* Pinterest */
.icon.i-pinterest {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-307px -107px;
}
.icon.i-pinterest-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-307px -157px;
}

/* Linked in */
.icon.i-linkedin {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-357px -107px;
}
.icon.i-linkedin-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-357px -157px;
}

/* Blogger */
.icon.i-blogger {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-407px -107px;
}
.icon.i-blogger-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-407px -157px;
}

/* Envato */
.icon.i-envato {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-457px -107px;
}
.icon.i-envato-w {
	background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social.png);
	background-position:-457px -157px;
}

/**
 * Common styles for multiple elements
 */



/* Blocks and headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Sizes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top,
.header .dropdown .dropdown-heading { line-height: 36px; }
.header .dropdown .dropdown-heading { max-height: 36px; } /* Set static height to improve layout of inline elements */


/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.sidebar .block:first-child { margin-top:6px; } /* To align with page title */
.cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */

 
/* Headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Page Heading
-------------------------------------------------------------- */
.my-account .page-title,
.category-title { border-bottom:1px solid #e5e5e5; }

/* Block titles and section headings
-------------------------------------------------------------- */
/* Sidebar blocks */
.block .block-title,

/* Section title */
.section-title,

/* Cart */
.cart .crosssell h2,
.cart .discount h2,
.cart .shipping h2
{
	/* padding:13px 0 7px; */ /*TODO*/
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	font-size:1.5em; /*18px*/
	line-height:1.2222em; /*22px*/
}

/* Secondary headings
-------------------------------------------------------------- */
/* Log in */
.account-login h2,

/* Checkout log in */
#opc-login h3,

/* Fieldset and multiple checkout */
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend
{
	/*padding-bottom:7px;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	font-size:1.5em;
	line-height:1.2222em;
	margin-bottom:15px;*/
	border-bottom:1px solid #ddd;
	color:#002b49;
	font-size:24px;
	line-height:29px;
}

/* Account headings
-------------------------------------------------------------- */
/* Primary */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2 {}

/* Secondary */
.dashboard .box .box-title h3,
.dashboard .box .box-title h4,
.order-info-box h2 {}

/* Other headings
-------------------------------------------------------------- */
/* Page title */
.category-title,

/* Account */
.my-account .page-title,
.box-account .box-head,
.dashboard .box .box-title
{
	border-color:#e5e5e5;
}



/* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with horizontal border - standard
-------------------------------------------------------------- */
/* Blocks */
.block .actions,

/* CMS */
.section-line,

/* Misc */
.buttons-set,
.toolbar 
{
	border-color:#e5e5e5;
}

/* Elements with horizontal border - lighter
-------------------------------------------------------------- */
/* Product page - Add-to-cart area */
.product-view .product-type-data,
.product-view .product-type-data .price-box,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box,

/* Product grid/list */
.category-products-grid .item,
.products-list li.item,

/* Pop-ups */
.remember-me-popup h3,
.map-popup-heading
{
	border-color:#f5f5f5;
}

/* Elements with vertical border - standard
-------------------------------------------------------------- */
/* Ratings separator */
.product-view .ratings .rating-links .separator,

/* Product page */
.custom-sidebar-right .inner,
.custom-sidebar-left .inner
{
	border-color:#e5e5e5;
}

/* Elements with vertical border - lighter
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .product-shop-inner
{
	border-color:#f5f5f5;
}

/* Elements with darker border
-------------------------------------------------------------- */
/* Cart */
.data-table thead,
.cart-table thead tr,

/* Availability */
.availability-only-details thead
{
	border-color:#e5e5e5; /*Currently the same color as other borders*/
}


/* Background colors
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with light gray background
-------------------------------------------------------------- */
/* Product page - increaments */
.extrahint-wrapper .product-pricing,

/* Account */
.addresses-list .addresses-primary .item,
.order-info-box,

/* Advanced search */
.advanced-search-summary,

/* Checkout */
.opc .gift-messages-form
{
	background-color:#f5f5f5;
}


/* Text color
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with lighter text
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .ratings,
.products-grid .ratings,
.products-list .ratings a,
.products-grid .ratings a,

/* Breadcrumbs */
.breadcrumbs li,
.breadcrumbs a,

/* Layered nav */
.block-layered-nav dd li,

/* Product page */
.block-related-simple .related-add-to-wishlist,
.block-related-thumbnails .related-add-to-wishlist,

/* Availability */
.availability,

/* Reviews */
.product-view .box-reviews dd .date,

/* Product options */
.item-options dd,
.product-options p.note,

/* Prices */
.price-notice .price,

/* MSRP price and old price */
.old-price,
.product-view .price-box .old-price .price,
#map-popup-msrp,
.map-popup-msrp .price
{
	color:#aaa;
}


/* Forms
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product options form colors
-------------------------------------------------------------- */
.product-options dd select,
.product-options dd .input-text,
.product-options dd textarea,
.product-options ul.options-list { color:#888; }
.product-options dd select:hover,
.product-options dd select:focus,
.product-options dd textarea:hover,
.product-options dd textarea:focus,
.product-options ul.options-list:hover { color:#333; }



/* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Price on product page and MSRP
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .price-box .price,
.map-popup-price .price,
.map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; }



/* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Shadows: for pop-ups, drop-downs etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Sticky header */
.sticky-header .sticky-container,

/* Dropdowns */
.dropdown.open > .dropdown-heading.cover,
.dropdown.open .dropdown-content,

/* Mini cart options */
.truncated .truncated_full_value .item-options,

/* Menu dropdowns - to have the same style of shadow as other dropdowns */
.nav-regular .nav-panel--dropdown,

/* Search autocomplete */
.form-search .search-autocomplete ul,

/* Pop-ups */
.remember-me-popup,
.map-popup,
#subscribe-form .input-box .validation-advice
{
	-moz-box-shadow:	0 3px 10px rgba(0,0,0, 0.15);
	-webkit-box-shadow:	0 3px 10px rgba(0,0,0, 0.15);
	box-shadow:			0 3px 10px rgba(0,0,0, 0.15);
}


/* Transitions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Links and other selected elements
-------------------------------------------------------------- */
/* IMPORTANT: link transitions should be placed before other transitions */
a,
.mobnav-trigger .trigger-icon .line,
.opener
/*, .header-mobile .skip-link*/
{
	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover,
.mobnav-trigger:hover .trigger-icon .line,
.opener:hover,
.nav-item > a:hover + .opener /* Opener following a link in mobile menu */
{
	transition-duration:			100ms;
	-moz-transition-duration:		100ms;
	-webkit-transition-duration:	100ms;
	-o-transition-duration:			100ms;
}

/* Interface icons: toolbar icons, pager, prev/next slide etc.
-------------------------------------------------------------- */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,

/* Add-to links */
.add-to-links.addto-icons a,

/* Scroll to top */
#scroll-to-top
{
	transition:			background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

/* Accordions, tabs & other components
-------------------------------------------------------------- */
/*.gen-tabs .tabs a,
.gen-tabs .acctab,
.opc .step-title
{
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}*/

/* Elements with animated color, background color and borders
-------------------------------------------------------------- */
/* Forms */
input.input-text, select, textarea,
.product-options ul.options-list,

/* Search */
.form-search .button,

/* Product image thumbnails */
.product-view .product-img-box .more-views .thumbnails li a,

/* Product mini-lists */
.mini-products-list .product-image,
.cart .crosssell .product-image,

/* Tabs & accordion */
.gen-tabs .tabs a,
.gen-tabs .acctab,

/* OPC accordion */
.opc .step-title
{
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}


/* Shadow for the main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements which have backgr. color can be marked with "show-bg". They will drop shadow if "shadow" class was added to the containing block. */
.drop-shadow,
.shadow .show-bg,

/* Conditional shadow for main menu bar */
.shadow .nav--bar-drop-shadow .mobnav-trigger,
.shadow .nav--bar-drop-shadow #nav
{
	-moz-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow:			0 2px 3px rgba(0, 0, 0, 0.1);
}

/**
 * Override CSS components
 */



/* Accordion/collapsible openers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.accordion .opener,
.collapsible .opener,
.acco .opener /* Menu opener */
{
	/* Override default background image */
	background-image: none !important;

	/* Font icons */
	display: inline-block;
	font-family: ThemeIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Icon size */
	font-size: 12px;
}
.accordion .opener:before,
.collapsible .opener:before,
.acco .opener:before {
	content: "\e23c";
}

/* Active opener */
.accordion li.item-active > .opener:before,
.collapsible.active .opener:before,
.acco li.item-active > .opener:before {
	content: "\e23d";
}



/* Colorbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#cboxPrevious,
#cboxNext,
#cboxClose {
	/* Override default background image */
	background-image: none !important;

	/* Font icons */
	display: inline-block;
	font-family: ThemeIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Icon size */
	font-size: 20px;
}
#cboxClose { font-size: 16px; }
#cboxPrevious:before { content: "\e260"; }
#cboxNext:before { content: "\e263"; }
#cboxClose:before { content: "\e20f"; }



/* Generic-nav %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Styles common for all direction controls */
.slider-arrows1 .owl-controls .owl-buttons div,
.slider-arrows2 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls .owl-buttons div {
	/* Override default background image and remove text indent */
	background-image: none !important;
	text-indent: 0;

	/* Font icons */
	display: inline-block;
	font-family: ThemeIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Icon size */
	font-size: 20px;
}
.owl-controls .owl-buttons .owl-prev:before { content: "\e260"; }
.owl-controls .owl-buttons .owl-next:before { content: "\e263"; }



/* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Buttons aligned at the bottom */
.itemslider.equal-height .item { position: static; padding-bottom: 50px; }
.itemslider.equal-height .actions { position: absolute; bottom: 0; }

/**
 * Override modules
 */

/**

 * Override all Magento base styles.

 * Add theme-specific styles.

 */







/**

 *

 *

 * OVERRIDE/EXTEND styles.css

 *

 *

 */







/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



.wrapper { border-top-style:solid; border-top-width:0px; }

.main { padding:30px 0 40px; }

/* Additional margin for main sidebars

-------------------------------------------------------------- */

.col-left > * { margin-right: 32px; }

.col-right > * { margin-left: 32px; }







/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Form

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Page Heading

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.page-title h1,

.page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ }

.category-title { margin-bottom:0; }





/* Global Messages

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.note-msg.empty-catalog {

	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important;

	color:inherit;

	min-height:70px;

	padding:40px 20px 40px 160px !important;

}





/* BreadCrumbs

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; }

/* Breadcrumbs on product page */

.catalog-product-view .breadcrumbs { margin-bottom:10px; }







/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Line breaker */

.user-menu .line-break-after { clear:both; margin-bottom: 1px; }



/* Quick search: skins

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Search: inline

-------------------------------------------------------------- */

.search-wrapper-inline .form-search .input-text { min-width: 180px; }





/* Quick search: positions

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Position 0 */

.search-wrapper-p0 { float: right; }

.search-wrapper-p0 .form-search .input-text { min-width: 220px; }



/* Position 1 - right side of top links */

.search-wrapper-p1 { float: right; }

.search-wrapper-p1 .form-search .input-text { min-width: 220px; }



/* Position 2 - right side of top links */

.search-wrapper-p2 { float: right; }

.search-wrapper-p2 .form-search .input-text { min-width: 220px; }



/* Position 3 - right side of top links */

.search-wrapper-p3 { float: right; }

.search-wrapper-p3 .form-search .input-text { min-width: 220px; }



/* Position 4 - right side of top links */

.search-wrapper-p4 { float: right; }

.search-wrapper-p4 .form-search .input-text { min-width: 220px; }



/* Position 5 - right side of top links */

.search-wrapper-p5 { float: right; }

.search-wrapper-p5 .form-search .input-text { min-width: 220px; }







/* Regular header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Skip link

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.header-regular .skip-link { display: none; }



/* Counter */

.skip-link .count {

	display: inline-block;

	width: 18px;

	height: 18px;

	line-height: 18px;

	text-align: center;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;



	background-color: red;

	color: #fff;



	margin-left: -14px;

	margin-right: -7px;

	margin-top: -22px;

	position: relative;

}





/* Selected skip links

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Cart + compare

-------------------------------------------------------------- */

/* Skip links has to be hidden except cart and compare */

.header-regular .mini-cart-heading,

.header-regular .mini-compare-heading { display: block; }



.header-regular .mini-cart-heading .label.no-display,

.header-regular .mini-compare-heading .label.no-display { display: none; }





/* Skip content

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.header-regular .skip-content {}





/* Vertically aligned grid (in "Header Primary" section)

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.header-regular .hp-blocks-holder {

	display:table;

	width:100%;

}

.header-regular .hp-blocks-holder .hp-block {

	float:none;

	display:table-cell;

	vertical-align:middle;

}





/* Logo

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.header-regular .logo--mobile { display: none; }





/* Other

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.header-regular .logo-wrapper--mobile,

.header-regular .header-collateral,

.header-regular .after-mobile-logo,

.header-regular #mini-cart-wrapper-mobile {

	display: none;

}



/*.header-regular .header-top .lang-switcher,

.header-regular .header-top .currency-switcher, */

.header-regular #lang-switcher-wrapper-regular,

.header-regular #currency-switcher-wrapper-regular,

.header-regular .header-top .dropdown { margin:0; }







/* Mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



	/* Skip links

	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

	*/

	/* Some skip links are also displayed in regular header so the styles specific to mobile header

	   have to be applied with "header-mobile" class */

	.header-mobile .skip-link {

		position: relative;

		float: left;

		width: 20%;

		height: 50px;

		line-height: 50px;

		text-align: center;

		cursor: pointer;

	}

	.header-mobile a.skip-link {

		text-decoration: none;

	}

	/*.header-mobile .skip-link:not(.skip-active):hover*/

	.header-mobile .skip-link:hover {

		opacity: 0.7;

	}

	.header-mobile .skip-link.skip-active:hover {

		opacity: 1;

	}



	/* Elements

	-------------------------------------------------------------- */

	.header-mobile .skip-link .icon {

		display: inline-block;

		vertical-align: middle;

		margin-right: 3px;

		font-size: 16px;

		line-height: 16px;

	}

	.header-mobile .skip-link .label {

		display: inline-block;

		vertical-align: middle;

		line-height: 16px;

	}

	.header-mobile .skip-link .count {

		display: inline-block;

		vertical-align: middle;

	}

	.header-mobile .skip-link .caret {

		display: none;

	}



	/* Active link

	-------------------------------------------------------------- */

	.header-mobile .skip-link.skip-active,

	.header-mobile .skip-link:hover {

		color: inherit;

	}

	.header-mobile .skip-link.skip-active span {

		color: inherit;

	}

	.header-mobile .skip-link.skip-active .count {

		color: #fff;

	}



	/* Size

	-------------------------------------------------------------- */

	.header-mobile .skip-links--1 .skip-link { width: 100%; }

	.header-mobile .skip-links--2 .skip-link { width: 50%; }

	.header-mobile .skip-links--3 .skip-link { width: 33.33%; }

	.header-mobile .skip-links--4 .skip-link { width: 25%; }

	.header-mobile .skip-links--5 .skip-link { width: 20%; }

	.header-mobile .skip-links--6 .skip-link { width: 16.66%; }





	/* Selected skip links

	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

	*/

	/* Compare

	-------------------------------------------------------------- */

	/* Hide compare block's heading (only heading) */

	.header-mobile .mini-compare .mini-compare-heading { display: none; }

	.header-mobile .mini-compare .actions {

		border: none;

		padding-top: 0;

	}



	/* Cart + compare

	-------------------------------------------------------------- */

	/* Important: possible value "relative" of the "position" property.

	   In mobile header, we need to reset "position" of the dropdown container so that it doesn't cover other skip links.

	   We also need to remove float.

	   */

	.header-mobile .mini-cart,

	.header-mobile .mini-compare {

		position: static;

		float: none;

	}



	.header-mobile .mini-cart-content,

	.header-mobile .mini-compare-content {

		clear: both;

		width: 100%;

	}

	/*.header-mobile .skip-cart { float: right; }

	.header-mobile .skip-compare { float: right; }*/





	/* Skip content

	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

	*/

	.header-mobile .skip-content {

		display: none;

	}

	.header-mobile .skip-content.skip-active {

		display: block;

	}



	/* Styls required in skip-content blocks are added through

	   special class so that we can control which blocks are styled

	-------------------------------------------------------------- */

	.header-mobile .skip-content--style {

		padding: 20px;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;



		/* Skip content blocks have to be reset the same as all grid units

		   because skip content blocks can have grid units */

		width:100% !important; /* Added "!important" to override units with "no-gutter" */

		margin: 0;

	}





	/* Selected skip content

	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

	*/

	/* Search

	-------------------------------------------------------------- */

	.header-mobile .form-search {

		width: 100%;

	}

	.header-mobile .form-search .input-text {

		width: 100%;

	}



	/* Cart + compare

	-------------------------------------------------------------- */

	.header-mobile .mini-cart-content,

	.header-mobile .mini-compare-content {

		clear: both;

		width: 100%;

	}





	/* Top links

	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

	*/

	.header-mobile .top-links { float: none !important; clear: both; }

	.header-mobile .top-links ul { float: none !important; }





	/* Generic vertical inline links

	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

	*/

	.header-mobile .skip-content .links > li { float: none; }

	.header-mobile .skip-content .links > li > a { background-image: none; /* Remove link separators */ }





	/* Logo and collaterals

	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

	*/

	/* Regular logo */

	.header-mobile .logo-wrapper--regular {

		display: none;

	}



	/* Mobile logo */

	.header-mobile .logo-wrapper--mobile {

		width: 60%;

		margin-left: auto;

		margin-right: auto;

		text-align: center;

	}

	.header-mobile .header-collateral + .logo-wrapper--mobile {

		float: left;

		text-align: left;

	}



	.header-mobile .logo-wrapper--mobile .logo {

		display: block;

		margin-top: 5px;

		margin-bottom: 5px;

	}



	/* Collaterals */

	.header-mobile .header-collateral {

		float: right;

		text-align: right;

	}





	/* Other

	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

	*/

	.header-mobile .line-break-after { display: none !important; }



	/* User menu

	-------------------------------------------------------------- */

	.header-mobile .user-menu {

		float: none !important;

		margin: 0; /* Important: remove margins to collapse the block completely */

	}



	/* Language/currency switcher

	-------------------------------------------------------------- */

	.header-mobile #lang-switcher-wrapper-regular,

	.header-mobile #currency-switcher-wrapper-regular {

		display: none;

	}





	/* Mobile menu inside mobile header

	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

	*/

	/* Hide/show basic elements */

	.header-mobile .mobnav-trigger-wrapper { display: none !important; } /* Always hidden */

	.header-mobile .nav-mobile { display: block !important; } /* Always displayed */



	/* Container

	-------------------------------------------------------------- */

	/* Important: menu container is also a "skip-content" block */

	.header-mobile .nav-container {



		/* Padding for menu container may be added via admin panel so we need to remove it here.

		   We can reset here entire padding, because bottom padding is later re-applied in CSS generated

		   via admin. Bottom padding is kept so that mobile header look more similar to regular header. */

		padding: 0;



		/* If needed, reset also other styles which are added to standard "skip-content" blocks */



		/* Remove background color */

		background-color: transparent;

	}



	/* Menu bar

	-------------------------------------------------------------- */

	/* Remove shadow */

	.header-mobile .nav-container #nav {

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}



	/* Menu items

	-------------------------------------------------------------- */

	/* Mobile menu - remove possible gap from the top of the very first item.

	   Gaps are added as dividers between items of the mobile menu accordion. */

	.header-mobile .nav-mobile .nav-item.nav-1 {

		margin-top: 0 !important;

	}





	/* Additional overrides for mobile header

	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

	*/

	/* If inner container has a background color, it gets additional class "has-outline".

	   Remove the background color and shadow. */

	.header-mobile .nav.has-outline {

		background-color: transparent;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	.header-mobile .nav.has-outline > .inner-container {}

	.header-mobile .nav.stretched > .inner-container {}







/* Sticky header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



.sticky-header .sticky-container { /* .sticky-header .nav-container */

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 1000;

	background-color: #fff;

}



/* Reset selected styles of the menu bar in sticky header

-------------------------------------------------------------- */

/* Remove additional padding above and below the menu container */

.sticky-header .nav-container {

	padding-top: 0;

	padding-bottom: 0;

}

/* Remove inner background color (outline of the menu bar) */

.sticky-header .nav-container .nav {

	background-color: transparent;

}

/* Remove vertical padding from the inner container when inner container has a background color (outline) */

.sticky-header .nav-container .nav > .inner-container {

	padding-top: 0;

	padding-bottom: 0;	

}

.sticky-header .nav-container #nav { /* Deprecated. For backward compatibility. Menu has no margin in current version. */

	margin-top: 0;

	margin-bottom: 0;

}



/* Remove shadow of menu bar container, also if menu bar itself has shadow */

.sticky-header .nav-container .nav,

.sticky-header .nav-container #nav {

	-moz-box-shadow: none !important;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

}



/* Category labels

-------------------------------------------------------------- */

/* Make top-level category labels invisible */

.sticky-header .nav-regular .nav-item.level0 > a .cat-label {

	display: none;

}

/* Alternatively, we can make the labels smaller */

/*.sticky-header .nav-regular .nav-item.level0 > a .cat-label {

	font-size: 11px;

	line-height: 15px;

	padding: 0 4px;

	top: 2px;

}

.sticky-header .nav-regular .nav-item.level0 > a .pin-bottom:before { display: none; }*/





/* Sticky header + mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/*.sticky-header .nav-container {

	height: 55px;

}

.sticky-header .nav-mobile {

	height: 300px;

	overflow-y: auto;

	overflow-x: hidden;

}*/







/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Block lists

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-viewed .block-content ol,

.block-compare .block-content ol,

.block-compared .block-content ol {

	padding-left: 0;

	list-style: none;

}

.block-viewed .block-content li.item,

.block-compare .block-content li.item,

.block-compared .block-content li.item {

	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/bullet.png) no-repeat 3px 10px;

	padding-left:15px;

}





/* Block: Related

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Align block title with the tabs on product page */

.block-related .section-title { padding-top: 19px; }

.block-related-thumbnails .owl-wrapper { margin-top:15px; }





/* Block: Account

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.block-account .block-title { background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; }

.block-account .block-content { padding:10px 0 0; }

.block-account li > * { padding: 2px; }

.block-account li.current strong { font-weight:bold; }







/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.products-grid .item { -webkit-tap-highlight-color: transparent; }







/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Availability

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.availability { float:right; margin:15px 0 10px; }







/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Prices

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Bundle product */

.price-box-bundle {

	border-bottom:1px solid #e5e5e5;

	margin:-10px 0 15px; /* Move up to align with the main price box */

	padding-bottom:15px;

}





/* Main containers

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Margin before price box */

.product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; }



/* Upper part of the container */

.product-view .product-type-data > .price-box {

	border-top-style:solid;

	border-top-width:1px;

	margin:15px 0 0;

	padding:10px 0;

}



/* Other

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Reviews */

.product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; }





/* New elements

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-view .sku { margin: 15px 0; }

.product-view .sku .label { font-weight: bold; }





/* Product type specific data

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; }

.product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ }







/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/*.my-account .pager { margin: -1px 0 20px; }*/







/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Footer primary

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.footer-primary .section { padding-top: 20px; padding-bottom: 20px; }







/**

 *

 *

 * MISCELLANEOUS

 *

 *

 */







/* Accordion/collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Accordion - Style 1

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.accordion-style1 li a {

	border-bottom-color:#eee;

	border-bottom:1px solid rgba(0,0,0,0.06);

}

.accordion-style1 li a:hover {

	background-color:rgba(0,0,0, 0.03);

}



/* Opener

-------------------------------------------------------------- */

.accordion-style1 .opener {

	background-color:rgba(0,0,0, 0.03);

}







/* Icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Icons applied with icon codes

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* These icons needs to have the same basic styles as standard font icons.

   Except line height - it would override individual size of each icon.

*/

.form-search .button:before,



.buttons-set .back-link a:before,



.btn-remove:before,

.btn-remove2:before,

.map-popup-close:before,

.remember-me-popup-head .remember-me-popup-close:before,



.btn-edit:before,



.breadcrumbs .sep

{

	display: inline-block;

	font-family: ThemeIcons;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	/*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



/* Apply icon codes

-------------------------------------------------------------- */

.form-search .button:before {

	content: "\e235";

}

.buttons-set .back-link a:before {

	content: "\e22a";

}

.btn-remove:before,

.btn-remove2:before,

.map-popup-close:before,

.remember-me-popup-head .remember-me-popup-close:before {

	content: "\e22d";

}

.btn-edit:before {

	content: "\e22e";

}

.breadcrumbs .sep:before {

	content: "\e228";

	font-size: 8px;

}







/* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Menu container:

   with outline (if menu has inner background color)

   or without outline (if menu is stretched)

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* With outline

-------------------------------------------------------------- */

/* Add padding, the same value as for side padding of all page sections.

   Padding is added via admin. Default value is for fallback in case side padding was set to zero.

   Important: use the same value as for side padding of all page sections to keep consistent padding.

*/

.nav.has-outline > .inner-container {

	/*padding: 15px;*/

	padding-top: 15px;

	padding-bottom: 15px;

}

/* Trigger has no bottom margin */

.nav.has-outline .mobnav-trigger {

	margin-bottom: 0;

}



/* Without outline

-------------------------------------------------------------- */

/* If menu container stretched, remove top and bottom padding

   Important: added class "container" to make the rule more specific. */

.container.nav.stretched > .inner-container {

	padding-top: 0;

	padding-bottom: 0;

}



/* Deprecated, for backward compatibility: */

.nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; } /* With outline */

.container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; } /* Without outline */





/* Cart

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Collateral boxes - full width */

.cart-left-column .grid-full,

.cart-right-column .grid-full { width:100%; }







/**

 *

 *

 * BUILT-IN STATIC BLOCKS

 *

 *

 */







.block_category_above_collection { margin:10px 0; }

.block_category_below_collection { margin:10px 0; }

.block_category_above_empty_collection { margin:10px 0; }

.block_mini_cart_above_products { margin:0 0 10px; }

.block_cms_page_top { margin:0 0 15px; }

.block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; }



/* Sample block content

-------------------------------------------------------------- */

.sample-block {

	color:#999;

	margin-top:10px;

	padding: 0 !important;

	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out;

	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out;

	-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;

	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out;

}

.sample-block:hover { color:#333; }







/**

 *

 *

 * HIGH-RESOLUTION READY IMAGES (RETINA-READY)

 *

 *

 */







@media

only screen and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (   min--moz-device-pixel-ratio: 1.5),

only screen and (     -o-min-device-pixel-ratio: 3/2),

only screen and (    -ms-min-device-pixel-ratio: 1.5),

only screen and (        min-device-pixel-ratio: 1.5)

{



	/* Rating */

	.rating-box,

	.rating-box .rating { background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img/rating@2x.png); background-size:14px 43px; }



	/* Icons below are obsolete and will be removed in future releases.

	   Icons created with image sprites were replaced with font icons.

	   Font icons should be used instead of old sprite image icons.

	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

	*/

	

	/* Theme icons

	-------------------------------------------------------------- */

	/* To top */

	#scroll-to-top,

	

	/* Search button */

	.header .form-search .button span,

	

	/* All icons from icons-theme.css */

	/* Row 1: */

	.icon.i-wishlist,

	.icon.i-wishlist-w,

	.icon.i-wishlist-bw,

	.icon.i-wishlist-wb,

	

	.icon.i-compare,

	.icon.i-compare-w,

	.icon.i-compare-bw,

	.icon.i-compare-wb,

	

	.icon.i-recommend,

	.icon.i-recommend-w,

	.icon.i-recommend-bw,

	.icon.i-recommend-wb,

	

	.icon.i-lowstock,

	.icon.i-lowstock-w,

	.icon.i-lowstock-bw,

	.icon.i-lowstock-wb,

	

	.icon.i-cart,

	.icon.i-cart-w,

	.icon.i-cart-bw,

	.icon.i-cart-wb,

	

	/* Row 2: */

	.icon.i-home,

	.icon.i-home-w,

	.icon.i-home-bw,

	.icon.i-home-wb,

	

	.icon.i-left,

	.icon.i-left-w,

	.icon.i-left-bw,

	.icon.i-left-wb,

	

	.icon.i-right,

	.icon.i-right-w,

	.icon.i-right-bw,

	.icon.i-right-wb,

	

	.icon.i-top,

	.icon.i-top-w,

	.icon.i-top-bw,

	.icon.i-top-wb,

	

	.icon.i-bottom,

	.icon.i-bottom-w,

	.icon.i-bottom-bw,

	.icon.i-bottom-wb /* Last selector without trailing coma */

	

	{ background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite@2x.png); background-size:500px 200px; }

	

	

	/* All icons from icons-social.css

	-------------------------------------------------------------- */

	/* Row 1: */

	.icon.i-telephone,

	.icon.i-telephone-w,

	

	.icon.i-mobile,

	.icon.i-mobile-w,



	.icon.i-skype,

	.icon.i-skype-w,

	

	.icon.i-letter,

	.icon.i-letter-w,



	.icon.i-location,

	.icon.i-location-w,

	

	/* Row 2: */

	.icon.i-twitter,

	.icon.i-twitter-w,

	

	.icon.i-facebook,

	.icon.i-facebook-w,

	

	.icon.i-googleplus,

	.icon.i-googleplus-w,

	

	.icon.i-youtube,

	.icon.i-youtube-w,

	

	.icon.i-vimeo,

	.icon.i-vimeo-w,

	

	.icon.i-wordpress,

	.icon.i-wordpress-w,

	

	.icon.i-pinterest,

	.icon.i-pinterest-w,

		

	.icon.i-linkedin,

	.icon.i-linkedin-w,

	

	.icon.i-blogger,

	.icon.i-blogger-w,



	.icon.i-envato,

	.icon.i-envato-w /* Last selector without trailing coma */

	

	{ background-image:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sprite-icons-social@2x.png); background-size:500px 200px; }



} /* end: media query */


/* CSS */
@charset "utf-8";
/* CSS Document */

/*html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
	color:#FFF;
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:	14px;
}
*/

.InspiraContent div, .BannerInner, .inspire-me-content div{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

nav ul {
	list-style:none;
}

li {
	list-style:none;	
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	/*transition: all 0.5s ease-in-out 0s;*/
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
.clearboth {
	clear:both;	
}
.container { margin:0 auto; width:1280px;}
.BannerInner {
	float:left;
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/banner01.jpg) no-repeat top center #3e4248;
	width:100%;	
	height:268px;
	padding-top:138px;
	}
 .BannerHead {
	font-size:120px;	
	float:left;
	}
.BannerInner .breadcrum {
	float:right;
	margin-top: 86px;	
	}
.BannerInner .breadcrum li {
	float:left;	
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/seperater.png) no-repeat;
	margin:12px 6px;
	padding-left:20px;
 	}
.BannerInner .breadcrum li:first-child {
	background:none;	
	}		
.BannerInner .breadcrum li a {
	color:#fff;
	}	
.BannerInner .breadcrum li a:hover {
	color:#3e4248;	
	}
.InspiraContent {
		float:left;
		width:100%;
		margin-top:30px;
	}
.InspiraContent .inspiraNav {
	margin-bottom:30px;
	float: left;	
	}			
.InspiraContent .inspiraNav li {
		float:left;
		margin-right:20px;
	}
.InspiraContent .inspiraNav li a {
	color:#464646;
	padding:10px 16px;
	display:block;
	border-radius:5px;	
	}
.InspiraContent .inspiraNav li a:hover {
	background:#25577e;
	color:#FFF;	
	}
.InspiraContent .inspiraNav li a.active{
	background:#25577e;
	color:#FFF;	
	}
.InspiraGallery {
	float:left;
	width:100%;	
	margin-bottom:26px;
	}
.InspiraGallery .left {
	float:left;
	width:616px;	
	margin-right:24px;
	}
.inspira-content .inspira-nav {
	margin-bottom:30px;
	float: left;
        padding-left: 0; /*Added by Mayur on 13 Nov 2014*/
	}			
.inspira-content .inspira-nav li {
		float:left;
		margin-right:20px;
	}
.inspira-content .inspira-nav li a {
	color:#464646;
	padding:10px 16px;
	display:block;
	border-radius:5px;	
	}
.inspira-content .inspira-nav li a:hover {
	background:#25577e;
	color:#FFF;	
	}
.inspira-content .inspira-nav li a.active{
	background:#25577e;
	color:#FFF;	
	}
.inspira-tagline{
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#25577e;
	margin-bottom: 0px;
}
/*
.InspiraGallery div:nth-child(3) {
	margin-right:0px;	
	}	*/

.InspiraGallery .left:last-child {
	margin-right:0px;	
	}

.InspiraGallery .left .ImageSec {
  cursor: pointer;
  height: 475px;
  position: relative;
}
.InspiraGallery .left .ImageSec .description {
	 bottom: 0;
    font-size: 14px;
    left: 0;
    padding: 410px 30px 0;
    position: absolute;
    right: 0;
    top: 0;
	}
/*.InspiraGallery .left .ImageSec:hover {
	display:block;	
	}*/
.InspiraGallery .left .ImageSec .description .head {
	font-size:24px;
	text-transform: lowercase;
	font-weight: 300;
}

.InspiraGallery .right {
	float:left;
	width:616px;	
}
.InspiraGallery .right .imageSecleft {
  cursor: pointer;
  float: left;
  height: 475px;
  margin-right: 30px;
  position: relative;
  width: 292px;
}
.InspiraGallery .right .imageSecleft:last-child {
	margin-right:0px;	
	}
				
.InspiraGallery .right .imageSecleft .description {
	position:absolute; 
	left:0px;
	right:0px;
	bottom:0px;
	padding:410px 30px 0;
	font-size:14px;
	top:0px;
	}
.InspiraGallery .right .imageSecleft .description .head {
	font-size:24px;
	text-transform: lowercase;
	font-weight: 300;
}	
.descriptionHover {
	position:absolute; 
	left:0px;
	right:0px;
	bottom:0px;
	padding:162px 0px 0;    /*changed padding 190px to 182px by Mayur on 13 Nov 2014*/
	font-size:14px;
	text-align:right;
	top:0px;
	display:none;
    cursor: pointer;
	background:rgba(104,103,103,.8);	
}
.descriptionHover h4 {
  font-family: "Open Sans",sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-right: 20px;
}
.descriptionHover h2 {
  font-family: "Open Sans",sans-serif;
  font-size: 42px;
  text-transform: lowercase;
  padding-right: 20px;
  font-weight: 300;
  margin-bottom: 0px;
}
.descriptionHover p {
  padding-right:20px;
  font-weight: 300;
}
.descriptionHover .descMore {
  background: none repeat scroll 0 0 #4a4f55;
  float: left;
  font-size: 12px;
  line-height: 16px;
  margin-top: 109px;
  padding: 18px;
  text-align: left;
  width: 100%;
}
.descriptionHover .descMore .small_Img img{
	float:left;
	margin-right:12px;	
}
.descriptionHover .descMore .small_Img .label {
	padding-top:10px;
	vertical-align: bottom;
	float:left;	
    text-transform: uppercase;
    font-weight: 300;
    width: 100px;
    height: 80px;
    color:#ffffff;
    font-size: 13px;
    letter-spacing: .5px;
}	
/*	
.description:hover .descriptionHover{
	display:block !important;
	}*/
.ImageSec:hover .descriptionHover{
	display:block ;
	}
.imageSecleft:hover .descriptionHover{
	display:block ;
	}
.read_more {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/read_more.png") no-repeat right top;
  color: #c8bda7;
  float: right;
  margin-top: 30px;
  padding-top: 34px;
}
.read_more:hover {
	color:#fff;
}	
.w100 {
	width:100% !important;
}		
.InspirationSec {
  background: none repeat scroll 0 0 #183041;
  float: left;
  height: 465px;
  margin-right: 20px;
  padding: 120px 34px 0;
  width: 304px;
}
.needMore {
	width:28px;
	height:28px;
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/needmore.png) no-repeat;
	display:block;	
}
.inspiration {
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:40px;
}
.inspiration h2 {
	font-size:42px;
	font-weight:normal;	
}	
.InspirationSec .specialist {
	color:#96cef5;	
	line-height:18px;
}	
.InspirationSec .specialist a {
	color:#96cef5;	
	font-weight:bold;
	font-size:15px;
}
.stratnowSec {
  float: left;
  height: 475px;
  margin-right: 28px;
  position: relative;
  width: 292px;
}
.stratnowSec:last-child {
    margin-right: 0;
}
.stratnow_hover {
	position:absolute; 
	left:0px;
	right:0px;
	bottom:0px;
	padding:100px 0px 0;
	font-size:14px;
	text-align:center;
	top:0px;
	display:none;
	background:rgba(44,46,49,.8);	
	}
.stratnowSec:hover .stratnow_hover {
	display:block;	
} 
		
.adLogos {
	margin-bottom:84px;	
}
.stratnow_hover p span {
		color:#81e4e5;
		font-weight:bold;
		line-height:20px;
}								
.startnow {
	display:inline-block;
	padding:14px 34px;
	color:#fff;
	border-radius:5px;
	background:#5a9596;	
	margin-top:18px;
}
.startnow:hover {
	background:#81e4e5;
	color:#363636;
}
.getLookwrap {
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/get_lookbg.png) no-repeat top center #F8F8F8;
	width:100%;
	height:324px;
	float:left;
}			
.getLookwrap .leftSec {
	float:left; 
	text-align:right;
	color:#323232;	
}
.getLookwrap .leftSec h2 {
	font-size:58px;
	margin-bottom:26px;	
}	
.getLookwrap .leftSec h3 {
/*	font-size:58px;
	margin-bottom:26px;	*/
}
.getLookwrap .leftSec p {
	color:#555555;
	line-height:18px;	
}
.getLookwrap .rightSec {
	float:right;
	width:572px;
}
.getLookwrap .rightSec .inpSection {
	float:left;
	width:100%;
	margin-bottom:20px;	
}
.getLookwrap .rightSec .inp {
	float:left;
	padding:12px;
	color:#9e9e9e;
	border:1px solid #ebebeb;
	width:258px;	
}				

	
/*Custom file type css strats*/	
/* It's easier to calculate widths 
 * with border-box layout */
.customfile-container * {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  font: normal 14px Arial, sans-serif; /* Global font to use ems with precision */
}

.customfile-container {
  width: 300px;
  background: #FFF2B8;
  padding: 1em;
  margin: 0 auto;
}

.customfile-container label:first-child {
  width: 100px;
  display: block;
  margin-bottom: .5em;
  font: bold 18px Arial, sans-serif;
  color: #333;
}

.customfile-wrap {
  position: relative;
  padding: 0;
  margin-bottom: .5em;
  float: left;
  margin-right: 20px;
}

.customfile-filename,
.customfile-upload { 
  margin: 0;
  padding: 0;
}

.customfile-filename {
  width: 258px;
  padding: 12px;
  border: 1px solid #ebebeb;
  color:#767676;
}
.customfile-filename:focus { 
  outline: none;
}

.customfile-upload {
  display: inline-block;
		background:#767676;
		color:#fff;
		padding:13px 30px;
		border:none;
		font-weight:bold;
		cursor:pointer;
		font-size:12px;
		text-transform:uppercase;
		transition: all 0.5s ease-in-out 0s;
}

.customfile-upload:hover {
  background: #464646;
}
.customfile-upload::-moz-focus-inner { /* Fix firefox padding */
  padding: 0; border: 0 
}

.upload {
  display: inline-block;
		background:#062740;
		color:#fff;
		padding:12px 30px;
		border:none;
		font-weight:bold;
		cursor:pointer;
		font-size:12px;
		text-transform:uppercase;
		transition: all 0.5s ease-in-out 0s;
}
.upload:hover {
	background:#033c68;	
	}
/*Custom file type css Ends*/	

.InspiraGalleryM {
	float:left;
	width:40%;	
	margin-bottom:26px;
	}
.InspiraGalleryM .left {
	float:left;
	width:628px;	
	margin-right:24px;
	}
.InspiraGalleryM .left:last-child {
	margin-right:0px;	
	}	
.InspiraGalleryM .left .ImageSec {
		position:relative;
	}	
.InspiraGalleryM .left .ImageSec .description {
	position:absolute; 
	left:0px;
	right:0px;
	bottom:0px;
	padding:24px 30px;
	font-size:14px;
	}
.InspiraGalleryM .left .ImageSec .description:hover {
	background:rgba(74,79,85,.8);	
	}	
.InspiraGalleryM .left .ImageSec .description .head {
	font-size:24px;
	}
.InspiraGalleryM .right {
	float:left;
	width:628px;	
	}
.InspiraGalleryM .right .imageSecleft {
	position:relative;
	width:299px;
	float:left;
	margin-right:30px;
	}
.InspiraGalleryM .right .imageSecleft:last-child {
	margin-right:0px;	
	}
				
.InspiraGalleryM .right .imageSecleft .description {
	position:absolute; 
	left:0px;
	right:0px;
	bottom:0px;
	padding:410px 30px 0;
	font-size:14px;
	top:0px;
	}
.InspiraGalleryM .right .imageSecleft .description .head {
	font-size:24px;
	}	

.inspira-content .inspira-nav li a strong {
    font-weight: normal;
}

.inspire-me-content {
    margin-top: 30px;
} 
        
/*Popup css Strats*/
/*
.inpireme-popup {
    position: absolute;
    top: 50px;
    z-index: 9999;
}*/
.inspiremePopup {
	position:absolute;	
	z-index:999;
	width:100%;
	top: 10px;
	}
.inspiremePopup .detailPage {
	padding:30px;	
	}	
.overlay {
	position:fixed;
	background:rgba(0,0,0,.9);
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:99;	
	}
.inspiremePopup .social_Icon {
	float:left;
	}
.inspiremePopup .social_Icon a {
	float:left;
	margin-right:6px;
	}
.inspiraFacebook {
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/social_icons.png) no-repeat 0px 0px;
	width:28px;
	height:30px;	
	}
.inspiraFacebook:hover {
	background-position:0px -30px;	
	}	
.inspiraTwitter {
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/social_icons.png) no-repeat -28px 0px;
	width:31px;
	height:30px;	
	}
.inspiraTwitter:hover {
	background-position:-28px -30px;	
	}
.inspiraGoogleplus {
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/social_icons.png) no-repeat -59px 0px;
	width:30px;
	height:30px;	
	}
.inspiraGoogleplus:hover {
	background-position:-59px -30px;	
	}
.inspiraPen {
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/social_icons.png) no-repeat -90px 0px;
	width:32px;
	height:30px;	
	}
.inspiraPen:hover {
	background-position:-90px -30px;	
	}
.relative {
	position:relative;	
	}
.close {
	position:absolute;
	top:24px;
	width:33px;
	height:34px;
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/close.png) no-repeat;
	right:30px;
	}
.detailDescription {
	float:left; 
	width:100%;	
	margin-top:30px;
	}	
.detail_Img{
	float:left;
	position:relative;
        width:905px;
	}
.detailDescription .details {
	float:left;
	width:275px;
	background:#fff;
	padding:50px 20px 20px;
	color:#3c3e42;
	text-align: left;
        min-height: 637px;
	}
.detailDescription .details .small {
	font-size:11px;
	font-weight:bold;
	padding-bottom:4px;	
	}									
.detailDescription .details h2 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
    text-transform: capitalize;
    color:#3c3e42;
}
.detailThumnail {
	width:100%;
	float:left;
	margin-bottom:20px;
	font-size:12px;	
}
.detailThumnail .thumbnail {
	float:left;	
	margin-right:8px;
	}
.detailThumnail p {
    font-size: 13px;
    line-height: 19px;
    padding-top: 20px;
    text-transform: uppercase;
	}
.detailSec {
	width:100%;
	float:left;
	font-size:13px;
	margin-bottom:28px;	
	}	
.detailSec h3 {
	padding-bottom:4px;	
	}
.colorSec {
	width:100%;
	float:left;
	font-size:13px;
	margin-bottom:28px;	
	margin-top:30px;
	}
.colorSec h3 {
	padding-bottom:4px;	
	}	
.colorSec .color {
	float:left;
	width:38%;	
	}
.productDetails {
	width:100%;
	float:left;
	margin-top:6px;	
	}
.productDetails ul li {
	float:left;
	width:100%;	
	border-top:1px solid #e3e3e3;
	padding:14px 0;
	}	
.productDetails ul li.booking{
	padding: 0px;
}
.productDetails ul li.booking img{
	padding-top: 25px;
}	
.productDetails .productImg {
	float:left;
	margin-right:12px;	
	}
.productDetails p a {
		color:#3c3e42;
		font-weight:bold;
	}						
.moreInspiration {
	float:left;
	width:100%;
	margin-top:48px;
        text-align: left;
        margin-bottom: 60px;
	}	
.moreInspiration h2 {
 	font-weight:normal;
	font-size:23px;
	margin-bottom:20px;
        color:#fff; /*Added by Mayur on 13 Nov 2014*/
	}
.moreInspiration ul li {
	float:left;
	margin-right:16px;	
	}
.moreInspiration ul li:last-child {
	margin-right:0px;	
	}	
        
.moreInspiration ul li:last-child {
	margin-right:0px;	
	}
.inspira-content .moreInspiration li:hover a {
    background: none !important;
}
    .moreInspiration ul li a  {
     padding:0px !important;   
    }  
       .moreInspiration ul li  {
       margin-right: 9px !important;
       }
/*Popup css Ends*/

/*Career css Starts*/
.cms-blog-item .header-banner.career,.cms-page-view .header-banner.career{
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/career_bg.png) no-repeat top center #3e4248 !important;
}
.careerContent div  {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;	
	}
.careerContent {
	float:left;
	width:100%;
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/texture_Bg.jpg) repeat-y top center;
	}
.jobSection{
	float:left;
	width:272px !important;
	color:#646464;	
	padding-top:36px;
	padding-right:20px;
	}
.jobSection .jobMain {
	margin-bottom:54px;	
	}	
.jobSection h2 {
	margin-bottom:20px;
	font-size:32px;
	color:#132c45;
	font-weight:normal;	
	}
.jobSection p {
	line-height:22px;
        font-family: "Open Sans",sans-serif;
	}	
.jobSection .jobMain ul li {
	float:left;
	width:100%;
	margin-bottom:20px;
	}
.jobSection .jobMain ul li a {
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/small_arrow.png) no-repeat 0px 2px;
	display:block;
	color:#132c45;
	padding-left:16px;	
	transition: all 0.2s ease-in-out 0s;
        font-family: "Open Sans",sans-serif;
	}
.jobSection .jobMain ul li:hover a {
	background-position:4px 2px;	
	}	
.careerRight {
	float:left;
	position:relative;	
	color:#727272;
	padding:36px 0 0 32px;
	width: 964px;
	}
.careerBlog {
	float:left;
	border:8px solid #dad4c7;	
	padding:40px 120px 40px 40px;
	width: 100%;
	background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/careerBlog_arrow.png) no-repeat center right;
	cursor:pointer;
	margin-bottom:30px;
	}
.careerBlog:hover {
		background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/careerBlog_arrowHover.png) no-repeat center right #dad4c7;
	}	
.careerBlog h2 {
	color:#132c45;	
	font-size:32px;
	padding-bottom:8px;
        font-weight:normal;
	}
.careerBlog h3 {
  color: #132c45;
  padding-bottom: 18px;
  padding-top: 14px;
	}	
.careerBlog p{
        color: #646464;
        font-family: "Open Sans",sans-serif;
	line-height:18px;
	padding-bottom:20px;	
	}
.careerBlog p:first-child {
	padding-bottom:0px;	
	}	
.careerBlog ul {
	margin-bottom:16px;	
	}
.careerBlog ul li {
  list-style: disc outside none;
  margin-bottom: 6px;
  margin-left: 34px;
}	
			
.careerDate, .careerSubtitle	{
	color:#132c45;
	padding-bottom:14px;	
	}
 .careerSubtitle {
		padding-bottom:24px; 
                text-transform: uppercase;
	 }
.pagination {
	color:#263953;
	margin-bottom:30px;
	float:left;
	width:100%;
	}	
.pagination .pag_label {
	font-weight:bold;
	float:left;
	margin-right:22px;	
	padding-top:6px;
	}
	 
.pagination ul li {
	float:left;	
	margin-right:4px;
	}
.pagination ul li a {
	display:block;
	padding:6px 8px;	
	color:#263953;
	}	
.pagination ul li:hover a {
	background:#f8eca2;
	}
.pagination ul li.next:hover a, .pagination ul li.previous:hover a {
	background:none;
	}	

.careerDetail .detailLeft {
  border-right: 1px solid #ccc;
  float: left;
  padding-right: 40px;
  width: 570px;
}

.careerDetail .detailLeft h2 {
	font-size:32px;
	padding-bottom:30px;	
	}
.careerDetail .detailLeft h3 {
  color: #132c45;
  padding-bottom: 18px;
  padding-top: 14px;
}
.careerDetail .detailLeft h2 a {
 	color: #132c45;	
	}
.careerDetail .detailLeft p {
	padding-bottom:20px;
	line-height:18px;
    /*font-family: "Open Sans",sans-serif;*/
}
.careerDetail .detailLeft p:first-child {
	padding-bottom:0px;	
	}
.careerDetail .detailLeft ul {
	margin-bottom:16px;	
	}
/*.careerDetail .detailLeft ul li {
  list-style: disc outside none;
  margin-bottom: 6px;
  margin-left: 34px;
}*/
.careerDetail .detailRight {
  float: left;
  margin-left: 30px;
  width: 310px;
}
.careerDetail .detailRight div {
	margin-bottom:34px;	
	}
.careerDetail .detailRight div label {
  color: #132c45;
  float: left;
  font-size: 13px;
  font-weight: bold;
  margin-right: 12px;
  width: 120px;
  text-transform:uppercase;
}
.careerDetail .detailRight div.jobCode span,.careerDetail .detailRight div.closeDate span {
  color: #132c45;
  font-size: 13px;
  font-weight: bold;
  margin-right: 12px;
  width: 120px;
  text-transform:uppercase;
}
.apply_job {
  background: #f7f7f7;
  border: 3px solid #3a4149;
  color: #3a4149;
  display: inline-block;
  font-weight: bold;
  margin-top: 12px;
  padding: 14px 16px;
  text-transform: uppercase;
  margin-bottom:30px;

}
.back_link {
  color: #484848;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 30px;
  background:url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/jobLink.png) no-repeat 0px 5px;
  padding-left: 18px;
}

.apply_job:hover {
	background:#3a4149;
	color:#fff;
}	
	
.careerDetail h2, h3 {
	font-weight:normal;
}					
/*Career css Ends*/


.fancybox-close {
  cursor: pointer;
  height: 36px;
  position: absolute;
  /*right: -60px !important;*/
  /*top: 0 !important;*/
  width: 36px;
  z-index: 8040;
}

.store_select {
	height:auto;	
}

.catDivide {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 30px;
}

/*.breadcrumbs span {
    text-transform: none;
}*/

#sc46ME img {
    display: none;
}

.storeInp .alignRight.fontSize input[type="submit"] {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  color: #4c4c4c;
  cursor: pointer;
  font-size: 24px;
  font-weight: bold;
  height: auto !important;
  padding: 10px;
}	

#state{
	position: absolute;
    right: 63px;
    top: 201px;
    z-index: 999;
}

/*
.right .imageSecleft .inpireme-popup{
    margin-left:-800px !important;
}*/

.productDetails ul li a:hover {
  background: none !important;
  color: #25577e !important;
}

.inpireme-popup {
    position: relative;
    z-index: 9999;
}

#nav{
	z-index: 99 !important;
}

.detailThumnail .thumbnail {
  -moz-box-shadow: 0 0 14px #d3d3d3;
  -webkit-box-shadow: 0 0 14px #d3d3d3;
  -o-box-shadow: 0 0 14px #d3d3d3;
  -ms-box-shadow: 0 0 14px #d3d3d3;
  box-shadow: 0 0 14px #d3d3d3;
  float: left;
  height: 90px;
  margin-right: 12px;
  width: 90px;
}

.productDetails p {
  font-size: 16px;
  line-height: 18px;
  padding-top: 5px;
}

.productDetails strong {
  font-weight: bold !important;
}

.productDetails a {
    padding: 0 !important;
}

.cms-inspire-me-bathroom .header-banner, .cms-inspire-me-kitchen .header-banner, .cms-inspire-me-laundry .header-banner, .cms-inspire-me-living .header-banner, .cms-inspire-me-outdoor .header-banner {
    background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/header_banner_inspire_me.jpg") no-repeat scroll center top rgba(0, 0, 0, 0) !important;
}

.fancybox-skin {
	padding: 0 !important;
}

.fancybox-overlay-fixed {
	z-index: 999;
}

#popup_box {
  bottom: 0;
  display: none;
  font-size: 15px;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  width: auto;
  z-index: 100;
}

#popup_ajax_loading{
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 9999;
}

.imageSecleft > img {
	height: 100%;
}

.stratnowSec > img {
	height: 100%;
}

.ImageSec > img {
	height: 100%;
}
/*Below css added by Mayur on 13 Nov 2014*/
.detailDescription .detailSec p, .detailDescription .colorSec p, .detailDescription .details > p{
    line-height: 12px !important;
    color:inherit;
    text-transform: lowercase;
}

.detailSec h3, .colorSec h3{
    padding: 0 0 4px 0 !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: lowercase;
    margin-bottom: 5px;
}

.descriptionHover p, .descriptionHover h4, .descriptionHover h2{
    color:#fff;
}

.description > p{
    color:#fff;
}
/*-----------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

  ::i-block-chrome,.descriptionHover .descMore {
        margin-top: 77px;
    } 
}


/* Added By Manmeet */

.subscriptionBg h2 {
    font-size: 42px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
	color: #4b4b4b;
}

.subscriptionBg .mc-field-group input {
    background: none repeat scroll 0 0 white !important;
    border-radius: 5px;
    float: left;
    width: 140px !important;
	height: 50px !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #D5D5D5;
}
.subscriptionBg .mc-field-group input::-moz-placeholder{
	color: #E6E6E6;
}
::-webkit-input-placeholder {
   color: #E6E6E6;
}
.subscriptionBg .mc-field-group {
    margin-top: 10px !important;
}
.subscriptionBg .lastname {
	margin-left: 10px;
}

.subscriptionBg .email input {
    width: 289px !important;
}


.subscriptionBg {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/store_bg.png") no-repeat scroll -64px 0 rgba(0, 0, 0, 0);
  color:#4c4c4c;
  box-shadow: 0 0 55px #000;
  height: 512px;
  position: relative;
  width: 389px;
  z-index: 999;
  padding:50px;
  padding-top:30px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
}
.option-drop select {
    background: none repeat scroll 0 0 white !important;
    border-radius: 5px;
	width: 289px !important;
}
.subscriptionBg > h6 {
    font-size: 0.9em;
    line-height: 1.5em;
	color: #4C4C4C;
}
.submitbutton input[type="submit"] {	
	font-size: 24px !important;
	font-weight:600;
	padding:5px 15px; 
	background:none; 
	border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	letter-spacing: -1px;
	color: #585858;
}
.newsletter_checkbox {
     font-size: 11px;
	 color: #585858;
}
.option-drop {
    margin-bottom: 10px;
}

/* Sales Page */
.introtext {
    font-size: 14px !important;
    padding-right: 140px;
}

/* Drop-down CSS */
@CHARSET "UTF-8";
.sbHolder{
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	font-size: 12px;
	font-weight: normal;
	height: 45px;
	position: relative;
	width: 310px;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif; 
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 45px;
	left: 0;
	line-height: 45px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 100%;
	font-size:15px;
	font-weight: 600;
	color: #565656;
	font-family: 'Open Sans', sans-serif; 
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #565656;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/select_arrow.png) no-repeat;
	display: block;
	height: 45px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	}
/*
.sbToggle:hover{
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
*/
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #f7f7f7;
	border: solid 1px #cccccc;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
	font-family: 'Open Sans', sans-serif;
}
.sbOptions li{
	padding: 0px;
	background: none repeat scroll 0 0 #f7f7f7;
}
.sbOptions a{
	border-bottom: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 10px 7px;
	color:#363636 !important;
	text-align: left;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #ddd;
	text-decoration: none;
	text-align: left;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #EBB52D;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}
.selectbox-class {margin-bottom: 25px; margin-left: 12px; margin-right:0;margin-left:10px;}
.selectbox-class label { color:#696355; font-weight:bold; font-size:18px; margin-bottom:16px; display:block;}

.subscriptionBg .newsletter_checkbox input {
    float: left;
    margin-right: 0 !important;
	margin-left: 20px;
	margin-top: 3px;
}
.option-drop .sbSelector {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
	color: #363636;
}
.option-drop .sbHolder {
    display: block;
    margin-bottom: 20px;
    width: 289px;
	border: 1px solid #bababa;
}
.fancybox-overlay .fancybox-wrap {
	margin-top: -20px !important;
}
.privacytext {
	float: left;
	margin-left: 6px;
}
.submitbutton {
    margin-top: 20px;
}
.fancybox-outer .fancybox-inner {
  overflow: visible !important;
}
#storeMain #mc_embed_signup {
  width: auto !important;

}

/* Buy Online module changes - Start */
.product-addto-info .grid12-4 {
    width: 80%;
}
.price-block {
    float: right;
    text-align: right;
    width: 18%;
}
.total-cost {
    margin-left: 15px !important;
}
.catalog-product-view .product-view .product-total {
    font-size: 18px;
	padding-top: 5px;
}
/*.catalog-product-view .product-view .box-additional {
    margin-top: 25px;
	position: relative;
}*/
.catalog-product-view .product-view .qty {
	height: 45px;
	width: 120px !important;
}
.success-msg {
    background-color: #e0e5e8;
	border-color: #3f4c55;
    color: #3f4c55;
	background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/success_tick.png);
	font-weight: 600;
}
.cart .totals-inner {
    padding: 20px 20px 0;
}
.cart-right-block {
    float: right;
    padding-bottom: 20px;
	width: 31.33%;
}
.categoryLink {
    float: left;
    padding-right: 18px;
    text-align: left;
    width: 118px;
}
.categoryLink:last-child {
    padding-right: 0;
}
.buttons-set .back-link {
    background: none repeat scroll 0 0 #555555;
    color: white;
    float: left;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    min-width: 180px;
    text-align: center;
	text-transform: uppercase;
}
.buttons-set .back-link a:before {
    content: none;
}
.buttons-set button.button {
	margin-top: 0;
}

.account-create {
    display: table;
    margin: 0 auto;
}
.buttons-set {
    text-align: center;
}
.account-create .page-title {
    text-align: center;
}
.account-create h2 {
    color: #122c45; 
}
.block-account li.current strong, .block-account li a {
    text-transform: none;
	padding: 6px;
	font-size: 16px;
	color:#51514F;
}
.new-users p {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: justify;
	color: #555555;
}
.registered-users.grid12-6 {
    float: right;
    width: 25.75%;
	padding-top: 120px;
	margin-bottom: 0;
}
.account-login .buttons-set {
    margin-top: 10px;
    text-align: left;
	margin-left: 30px;
	margin-bottom: 60px;
}
.success-page {
	display: block;
    margin: 0 auto;
    padding-top: 80px;
    width: 620px;
}
#cart-sidebar-reorder li, #wishlist-sidebar li, #checkoutSteps li{
    list-style: outside none none;
}
/*.catalog-product-view .product-view .box-up-sell {
	display: inline-block;
    float: right;
    margin-left: 0;
    width: 57.8% !important;
}*/
.catalog-product-view .product-view .product-type-data > .price-box span {
	font-size: 35px !important;
    font-weight: normal;
}
a{ cursor: pointer;}
.catalog-product-view .product-view .product-type-data > .price-box {
	width: auto;
	margin-right: 5px;
}
.catalog-product-view .product-view .price-box .price {
	font-family: inherit;
}
.unit-text {
    display: inline;
    font-size: 20px;
}
#billing-buttons-container > button {
    float: left;
}

#payment-buttons-container > button {
    float: right;
	margin-top: 0;
}
#payment-buttons-container > p {
    min-width: 140px;
}
#review-buttons-container > button {
    float: right;
}
.success-page > p {
    font-size: 16px;
    padding-top: 5px;
    text-align: center;
	font-family: "Open Sans",georgia,serif;
	color:#555555;
}
.success-page a {
    font-weight: bold;
	color:#555555;
	border-bottom: 2px solid #e5e5e5;
}
.registered-users .content {
    padding-bottom: 12px;
	margin-left: 30px;
	margin-right: 3px;
}
#opc-login .buttons-set a {
	padding-bottom: 7px;
    text-align: left;
    width: 100%;
}
.button-block-option #product-addtocart-button, .product-shop #product-addtocart-button  {
    margin-left: 245px;
    position: absolute;
}
.catalog-product-view .product-view .product-shop .product-name {
	display: table;
}
.product-type-data .special-price {
    display: inline-block;
}
.catalog-product-view .product-view .product-type-data {
	width:100%;
}
.page-title h1 {
	color:#5F6062;
}
.catalog-product-view .product-view .product-addto-info {
	text-align: right;
}
/*.catalog-product-view .product-view .product-shop {
    margin-left: 125px;
    margin-top: 5px;
    width: 56%;
}*/
/*.catalog-product-view .product-view .product-img-column {
	width: 30%;
}*/
.account-login .grid12-4 {
    padding-top: 100px;
	width: 28%;
}
.customer-account-login .main.container {
    padding-top: 0;
}
/*.my-account .page-title h1 {
    font-size: 15px;
    letter-spacing: 0;
}*/
.dashboard .welcome-msg .hello {
    color: #132b47;
    font-family: "Open Sans",georgia,serif;
    font-size: 2.3em;
    line-height: 1.2em;
	padding-bottom: 20px;
}
.block-account .block-title {
	padding-bottom: 40px;
    padding-left: 50px;
	
}
/*.customer-account-index .container {
	font-family:"Open Sans",georgia,serif;
	padding-bottom: 0;
    padding-top: 0;
}*/
.my-account .dashboard .page-title {
    border-bottom: medium none;
	margin-bottom: 0px;
}
.dashboard .page-title h1 {
    padding: 30px 0 0;
}
.sidebar .block:first-child {
    margin-top: 42px;
	margin-right: 0;
}
.block .block-title strong {
    font-weight: normal;
	padding-left: 10px;
	color: #122a44;
	font-weight: 600;
}
.block-account .block-content {
    margin-top: 20px;
}
.block-account .block-content ul {
	padding-left: 0;
}
.my-account p, .my-account address {
    color: #565656;
    font-size: 0.9em;
    line-height: 22px;
	font-weight: 600;
}
.customer-account-index .grid12-9 {
	padding: 30px 40px 40px 90px;
}
.dashboard .welcome-msg {
    margin: 8px 0 3em;
}
.dashboard .welcome-msg .hello strong {
	letter-spacing: -1px;
}
.dashboard .box-info .box-head h2 {
    color: #112b46;
    font-size: 1.6em;
    font-weight: normal;
    letter-spacing: 0;
}
.dashboard .box .box-title h3 {
	color: #122a46;
    font-size: 15px;
    font-weight: 900;
    padding: 0 0 15px;
}
.box-account .box-head {
    border-bottom: medium none;
    margin: 0 0 10px;
    padding-bottom: 15px;
}
.box-content {
    color: #696969;
}
.account-login.clearer {
	position: relative;
}
.registered-users {
	bottom: 0;
	float: right;
	padding-left: 18px;
	padding-top: 22px;
	/*position: absolute;*/
	top: 0;
	width: 21%;
}
.customer-account-login .container {
    padding-bottom: 0;
}
.customer-account-login .col-main {
    padding-bottom: 0;
}
.new-users .page-title {
    margin-top: 20px;
}
.new-users .buttons-set {
    margin-left: 0;
}
.account-login .registered-users p {
    font-size: 14px;
}
.msg-top {
	border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.success-image {	
	float: left;
    padding: 0 40px 0 0;
}
.success-text {
	color: #122c47;
    float: left;
    font-size: 1.6em;
	padding-top: 30px;
}
.catalog-product-view .product-view .qty-wrapper {
  display: inline-block;
  float: right;
  position: relative;
  top: -4px;
}
.catalog-product-view .product-view .product-specification p,.catalog-product-view .product-view .product-specification-configurable p{
	word-wrap: break-word;
	vertical-align: middle;
	width: 150px;
}
.product-view .product-specification {
    margin-left: 0;
    width: 40%;
}
.catalog-product-view .product-view .product-specification div, .catalog-product-view .product-view .product-specification-configurable div {
    width: 250px;
}
.catalog-product-view .product-view .product-specification .spec-title,.catalog-product-view .product-view .product-specification-configurable .spec-title {
    width: 80px;
}
.catalog-product-view .product-view .product-specification-configurable {
	left: -519px;
	position: absolute;
	width: 40%;
}
.catalog-product-view .product-view .product-specification-configurable p {
    color: #4a4f55;
    display: inline-block;
}
.catalog-product-view .product-view .product-specification-configurable h3 {
	border: medium none;
    color: #4a4f55;
    font-weight: 800;
    letter-spacing: -1px;
    margin-top: 0;
    padding-top: 0;
    text-transform: lowercase;
}
.left-column {
    clear: both;
    display: block;
    float: left;
}
.right-column {
	clear: none !important;
	float:right;
}
.catalog-product-view .col1-layout .col-main {
	padding-left: 0;
}
.catalog-product-view .product-img-column {
    margin-left: 0;
}
.cart-right-block > h4 {
    border-bottom: 1px solid #e7e7e7;
    color: #132b45;
    font-size: 17px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.cart .discount .input-box {
    padding-bottom: 10px;
}
.discount > h4 {
    border-bottom: 1px solid #e7e7e7;
    color: #132b45;
    font-size: 17px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.cart .discount label {
    color: #2a2a2a;
}
.cart .totals td {
    color: #2a2a2a;
}
.categoryLink span {
    color: #7f7f7f;
    font-weight: bold;
}
.categoryLink img {
    padding-bottom: 15px;
}
.cart-table .product-name {
    color: #112b46;
}
.customer-account-index .inner-container .grid12-9 {
    width: 78%;
}
.customer-account-index .inner-container .grid12-3 {
    width: 22%;
}
.box-title > a {
    color: #132b47;
    font-style: italic;
    font-weight: 600;
}
.box-account.box-info .box {
    padding-top: 15px;
}
.customer-account-index .inner-container {
    padding-left: 0;
}
.dashboard .box .box-title {
    margin-right: 30px;
}
.box-content a {
    border-bottom: 1px solid #565656;
    color: #565656;
    font-style: italic;
	font-size: 13.8px;
}
.new-users h2 {
    text-align: justify;
	font-weight: 600;
}
.account-create .page-title h1 {
    color: #636363;
    font-weight: normal;
}
.account-create .page-title {
    padding-top: 30px;
	margin-bottom: 0;
}
.form-list label {
    color: #313534;
}
.account-create .fieldset {
    padding-top: 30px;
}
.account-create .buttons-set .backlink
{
    border: medium none;
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    margin-left: 80px;
    text-transform: uppercase;
}
.account-create .buttons-set .button {
	background: none repeat scroll 0 0 #062740;
    border: medium none;
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    margin-left: 15px;
    padding: 0;
    text-transform: uppercase;
	margin-top: 0;
}
.dashboard .box-info h4 {
    font-size: 15px;
    font-weight: 700;
    padding-top: 10px;
}
.customer-account-index .data-table tr.even {
    background-color: inherit;
}
.cart h1 {
    padding: 10px 0;
}
.data-table tr.odd td.last {
    width: 30px;
}
.checkout-onepage-index .block-title strong {
    font-weight: bold;
    padding-left: 0;
}
.account-login .registered-users p.required {
    font-size: 11.5px;
    padding-right: 23px;
}
.skip-link .count {
    height: 15px;
    line-height: 15px;
    margin-left: -10px;
    margin-top: -23px;
    width: 15px;
}
.buttons-set .back-link > a {
    color: white;
}
.customer-account-index .main-container {
    background-image: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/bg_account_index.jpg");
    background-repeat: repeat-y;
}
.customer-account-login .main-container {
    background-image: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/bg_login.jpg");
    background-repeat: repeat-y;
}
.customer-account-index .block-wishlist, .customer-account-index .block-reorder{
    margin-right: 0;
}
.customer-account-index .buttons-set button.button {
    margin-right: 12px;
}
.catalog-product-view .product-view .product-type-data {
	display: inline-block;
	font-weight: 600;
}
.truncated .show .item-options {
    left: -158%;
}
.my-wishlist .buttons-set {
    text-align: left;
}
.catalog-product-view .product-view .product-type-data .price-box > .special-price span, .wishlist-index-index .price-box > .special-price span {
    color: inherit !important;
}
.my-wishlist .description {
    margin-top: 20px;
}
.my-wishlist .add-to-cart-alt input {
    margin-bottom: 23px;
	width: 100px !important;
}
.my-wishlist .buttons-set button.button {
    margin-left: 0;
}
.btn-checkout {
    font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome,.button-block-option #product-addtocart-button, 
	::i-block-chrome,.product-shop #product-addtocart-button  {
    	margin-top: 39px;
	}
	.skip-link .count {
		margin-top: -110px;
		margin-left: 12px;
	}
	#address-search::-webkit-input-placeholder {
		color: #c0c0c0;
	}
}
#collectinstore-search .button {
    margin: 0;
    padding: 8px 20px;
}
#shipping-method-buttons-container .button {
    margin-top: 0;
	float: right;
}
#store-list-notfound > h2 {
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    padding-top: 10px;
}
#shipping-method-buttons-container .back-link {
    min-width: 140px;
}
#checkoutSteps .ul li {
    list-style: outside none disc;
}
#checkoutSteps .ul {
    padding-left: 0;
}
#checkout-step-login ul:not(.form-list) li {
    list-style: disc;
}

.store-list-wrapper #shops-found {
    display: none;
}
.store-list-wrapper {
    margin-top: 20px;
}
.store-list-wrapper .store-list dd {
    display: none;
}
.store-list-wrapper .store-list dd + dd {
    display: block;
	margin-left: 15px;
}
.store-list dl {
    margin-bottom: 20px;
	line-height: 1.2em;
}
#collectinstore-search .sp-methods input[type="text"] {
    width: 350px;
}
.store-list dl.disabled {
	color: #aaaaaa !important;
}
/* Buy Online module changes - End */


/* Find a Tile [ Wizard Filter ] - Start */
.mainDivFilter > h1 {
    font-size: 60px;
    padding-left: 100px;
    text-align: left;
    text-transform: none !important;
    width: 500px;
	color: #303030;
}
.areaFilter > h1 {
    font-size: 60px;
    padding-left: 220px;
    text-align: left;
    text-transform: none !important;
    width: 400px;
	color: #303030;
}
.buttonOption .leftDiv a > span, .buttonOption .rightDiv a > span {
    background: none repeat scroll 0 0 #fefefe;
    border: 2px solid #3A4149;
    color: #3A4149;
    font-weight: bold;
    padding: 12px 25px;
    text-transform: uppercase;
}
.buttonOption .leftDiv {
    float: left;
}
.imageFilter .buttonOption .leftDiv, .imageFilter .buttonOption .rightDiv {
    float: left;
	text-align: center;
	border: 2px solid #3A4149;
	margin: 0 15px;
	padding-left: 0;
}
.imageFilter .leftDiv a span, .imageFilter .rightDiv a span {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    width: 300px;
}
.imageFilter .upperClass .leftDiv:first-child, .imageFilter .bottomClass .leftDiv:first-child {
    margin-left: 0;
}
.imageFilter .upperClass .rightDiv:last-child, .imageFilter .bottomClass .rightDiv:last-child {
    margin-right: 0;
}
.imageFilter .buttonOption.nextClass, .imageFilter .buttonOption.prevClass {
    margin-top: 300px;
}
.buttonOption .rightDiv {
    float: left;
    padding-left: 15px;
}
.buttonOption {
    display: inline-block;
    float: left;
    padding-left: 100px;
    padding-top: 30px;
}
.buttonOption .rightDiv:first-child {
    padding-left: 0;
    padding-right: 20px;
}
.checkClass > label {
    color: white;
    display: inline-block;
    font-weight: 600;
    padding-left: 10px;
    padding-top: 5px;
    width: 115px;
}
.checkClass {
    background-color: #3A4149;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 134px;
}
.buttonOption .leftDiv a > span:hover, .buttonOption .rightDiv a > span:hover, .imageFilter .leftDiv a > span:hover, .imageFilter .rightDiv a  > span:hover, .finishFilter .rightDiv a > span:hover{
	background-color:#3a4149 !important;
	color: white !important;
	border: 2px solid #3a4149;
}
.leftDiv span, .rightDiv span{
    display: inline-block;
    text-align: center;
    width: 80px;
}
.buttonOption .next a > span, .buttonOption .prev a > span  {
    
    font-weight: bold;
    padding: 12px 25px;
    text-transform: uppercase;
	background-color: #3a4149;
    color: white;
	border: 2px solid #3a4149;
}
.buttonOption .prev, .buttonOption .next {
    float: left;
}
.prev span {
    margin-right: 15px;
	display: inline-block;
}
.next span {
    display: inline-block;
	margin-left: 15px;
}
.colourFilter > h1 {
    font-size: 60px;
    padding-left: 210px;
    text-align: left;
    text-transform: none !important;
    width: 500px;
	color: #303030;
}
.colourFilter .leftDiv span, .colourFilter .rightDiv span {
    width: inherit;
}
.sizeFilter > h1 {
    font-size: 60px;
    padding-left: 210px;
    text-align: left;
    text-transform: none !important;
    width: 300px;
	color: #303030;
}
.sizeFilter .leftDiv span, .sizeFilter .rightDiv span {
    width: inherit;
}
.imageFilter > h1 {
    font-size: 60px;
    padding-left: 120px;
    text-align: left;
    text-transform: none !important;
    width: 500px;
	color: #303030;
}
.imageFilter .leftDiv span, .imageFilter .rightDiv span {
    display: inline-block;
    text-align: center;
    width: 100px;
}

.upperClass {
    float: left;
}
.imageFilter .bottomClass {
    margin-top: 30px;
}
.sizeFilter .sizeSelection > h3 {
	padding-left: 0px;
	text-align: left;
	text-transform: none !important;
	margin-top: 0px;
}
.lblClass {
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 20px;
    display: inline-block;
}
.buttonOption.sizeSelection {
    margin-top: 50px;
	margin-left: 208px;
	background: #eeeeee;
	padding: 10px;
}
.sizeSelection .rightDiv {
    padding-right: 15px;
	padding-left: 0px;
}
.sizeSelection .leftDiv {
    padding-right: 15px;
}
.finishFilter > h1 {
    font-size: 60px;
    padding-left: 105px;
    text-align: left;
    text-transform: none !important;
    width: 500px;
	color: #303030;
}
.finalFilter > h1 {
    font-size: 60px;
    padding-left: 210px;
    text-align: left;
    text-transform: none !important;
    width: 500px;
	color: #303030;
}
.finishOption .rightDiv {
    padding-left: 0;
    padding-right: 15px;
	padding-bottom: 15px;
}
.finishOption .rightDiv:first-child {
    padding-right: 15px;
}
.finishFilter .next span {
    margin-left: 0;
}
.finalFilter .rightDiv {
    padding-top: 20px;
    width: 100%;
	padding-left: 0;
	font-weight: bold;
}
.buttonOption.finalOption {
    padding-left: 210px;
    padding-top: 0;
}
.rightDiv.areaClass > label {
    text-transform: capitalize;
}
.finalOption .rightDiv img {
    border: medium none;
	padding: 0 10px;
    width: 25px;
}

.productRedirect .rightDiv span {
    border: 3px solid;
    color: #383c3f;
    float: left;
    margin-left: 210px;
    margin-top: 40px;
    padding: 10px 40px;
    text-transform: uppercase;
    width: 270px;
}
.productRedirect {
	text-align: center;
}

.mainDivFilter .leftDiv span {
    width: auto;
}
.sizeFilter .sizeSelection .rightDiv span, .sizeFilter .sizeSelection .leftDiv span {
    margin-bottom: 10px;
}
.buttonOption.nextClass {
    margin-top: 180px;
    padding-left: 0;
}
.imageFilter .buttonOption {
    padding-left: 0;
}
.buttonOption.prevClass {
    margin-top: 180px;
    padding-left: 0px;
}
.imageFilter .buttonOption img {
    /*border: 6px solid white;*/
	padding-bottom: 10px;
}

.imageFilter .buttonOption .leftDiv > div a span,.imageFilter .buttonOption  .rightDiv > div a span {
    border: medium none;
}

.finishOption .rightDiv a > span {
    /*background-color: #3a4149;
    border: medium none;
    color: white;*/
	text-align: left;
	padding: 5px;
	width: 313px;
	height: 270px;
}
/*
.desctxt {
    background-color: #3a4149;
    border: 1px solid;
    height: 150px;
}*/
.finishFilter .desctxt .smalltxt {
    padding: 15px 18px;
	line-height: 18px;
}
.finishOption .bottomClass {
    padding-top: 20px;
}
.finishOption .desc {
    font-weight: normal;
    text-transform: none;

}
.buttonOption.finishOption {

	float: left;
    padding-left: 0;
    width: 1030px;
}
/* Find a Tile [ Wizard Filter ] - End */

/* Terms and condition */
.agreement-content li {
    display: list-item;
    list-style-position: inside !important;
    list-style-type: number !important;
	padding: 5px 22px;
}

.block_header_top_right2.item-right {
    border-left: none !important;
}

/* Cart page */
.cart-below-block {
    float: right;
    padding-right: 10px;
	font-size: 12px;
	text-align: right;
}
/* Checkout */
.field.country {
	display:none;
}

/* Product page */
.img-box .more-images {
    max-width: 320px;
}
.thumbnails.slides.owl-carousel.owl-theme {
    float: left;
	margin-right: 7px;
    width: 240px;
}
.view-more {
    padding-top: 3px;
	float: left;
}
#aw-ln-filters-container dt {
    background-color: #122c47;
    color: white;
    padding-left: 20px;
    padding-right: 3px;
}
#aw-ln-filters-container dd ol li {
    margin: 8px 0 0 15px !important;
}
.layer-group .layer-content {
    background-color: #284360;
}
#aw-ln-filters-container .layer-group .layer-content a {
    color: white;
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
}

#aw-ln-filters-container .layer-group dd ol li input[type="checkbox"] + a {
    padding-left: 28px !important;
}

#aw-ln-filters-container .layer-group:first-child {
	display: none;
}

#footer-shop {
    position: fixed;
    bottom: 0;
	right:0;
	z-index: 999;
}

#footer-shop > a {
    color: white;
}
.checkout-agreements .agreement-content {
    display: none;
}
.agree label {
    cursor: pointer;
}
#checkout-step-payment dd label {
    margin-right: 20px;
    padding-top: 6px;
}
.mini-cart li {
    list-style: outside none none;
}

.loading-summarybox {
    clear: both;
    display: block;
    padding-left: 210px;
    padding-top: 40px;
}
.loadingtext {
    color: #303030;
    float: left;
    margin-top: 15px;
	font-weight: bold;
}

.productRedirectNot .rightDiv span {
    border: 3px solid;
    color: #383c3f;
    float: left;
    margin-left: 210px;
    margin-top: 40px;
    padding: 10px 40px;
    text-transform: uppercase;
    width: 270px;
}
.productRedirectNot {
	text-align: center;
}
.products-grid .addto-links-icons span.icon {
	display: none;
}
#sc46ME {
    display: none !important;
}
#address-search::-moz-placeholder {
    color: #c0c0c0;
}
#footer-shop .close-image {
	position: absolute; 
	right: 22px; 
	top: 20px;
}

/* Checkout Page > Registration form for New Address */
#checkoutSteps .name-lastname input.input-text, .account-create .name-lastname input.input-text, .my-account .name-lastname input.input-text {
    width: 100%;
}
#checkoutSteps .name-firstname input.input-text, .account-create .name-firstname input.input-text, .my-account .name-firstname input.input-text {
    width: 100%;
}
#checkoutSteps .name-middlename input.input-text, .account-create .name-middlename input.input-text, .my-account .name-middlename input.input-text {
    width: 100%;
}
#checkoutSteps .form-list .name-lastname, .account-create .form-list .name-lastname, .my-account .form-list .name-lastname {
    width: 190px;
}
#checkoutSteps .form-list .name-middlename, .account-create .form-list .name-middlename, .my-account .form-list .name-middlename {
    width: 135px;
	padding-right: 10px;
}
#checkoutSteps .form-list .name-firstname, .account-create .form-list .name-firstname, .my-account .form-list .name-firstname {
    width: 190px;
	padding-right: 10px;
}


/* Home Page CSS */

#opening-store .h1 {
    color: #4a5364;
    font-size: 30px;
    font-weight: 600 !important;
    margin-bottom: 10px;
    padding: 0;
}

#healthy-homes .h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 600 !important;
    margin-bottom: 10px;
    padding: 0;
}
.homepage-inset-row1 .homepage-inset-row1-left .h2 {
    color: #ffffff;
    font-weight: 700;
}
.the-slideshow-wrapper .h1.heading, .the-slideshow-wrapper .h2.heading {
    font-weight: 800;
    padding: 0;
    text-transform: lowercase;
}
.the-slideshow-wrapper .caption .h1.heading {
    font-size: 50px;
    margin-bottom: 0;
}
.the-slideshow-wrapper .caption .h2.heading {
    font-size: 70px;
}
.the-slideshow-wrapper .h1, .the-slideshow-wrapper .h2 {
    color: #ffffff;
    display: block;
    font-family: "Open Sans",sans-serif;
    text-align: left;
}


.homepage-inset-row0 .h1::after {
	border-bottom: 5px solid #d3ccbc;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 53px;
}
.homepage-inset-row0 span.h1 {
    display: block;
    position: relative;
}
.cms-index-index .h1 {
    font-size: 40px;
    position: relative;
}
h1, .h1 {
    color: #636363;
    font-size: 32px;
    font-weight: 800;
    padding: 20px 0;
}
.h1 {
	font-family: "Open Sans",georgia,serif;
	font-weight: 700;
	font-size: 2.6666em;
	line-height: 1.25em;
	margin-bottom: 20px;
}

.homepage-inset-row1 .homepage-inset-row1-right .h2,
.homepage-inset-row2 .homepage-inset-row2-left .h2, .homepage-inset-row2 .homepage-inset-row2-right .h2 {
	font-weight: 700;
}
.cms-index-index .h2 {
	font-size: 40px;
	position: relative;
}
.h2 {
	display: block;
	font-family: "Open Sans",georgia,serif;
	font-size: 2em;
	line-height: 1.25em;
	font-weight: normal;
	margin: 0 0 10px;
}

.homepage-inset-row3 .social .h3 {
    background: rgba(0, 0, 0, 0) url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/share-icon.png") no-repeat scroll 0 50%;
}
.homepage-inset-row3 .row .h3 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 0;
    padding: 0 0 8px 60px;
    text-transform: lowercase;
	line-height: 1.2em;
	font-family: "Open Sans",georgia,serif;
}
.homepage-inset-row3 .row p {	
	 text-align: left !important;
}
.homepage-inset-row3 .row p.h5 {
    font-size: 1.1666em;
    line-height: 1.1428em;
	font-family: "Open Sans",georgia,serif;
	margin: 0 0 10px;
}
.homepage-inset-row3 .row .h5 a {
    color: #ffffff;
    font-weight: 600;
    padding-left: 60px;
    text-transform: lowercase;
}
.homepage-inset-row3 .location .h3 {
    background: rgba(0, 0, 0, 0) url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/icon-homepage-location.png") no-repeat scroll 0 50%;
}
.homepage-inset-row3 .blog .h3 {
    background: rgba(0, 0, 0, 0) url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/icon-homepage-blog.png") no-repeat scroll 0 50%;
}
.footer-sitemap .h5 {
    float: left;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 10px 10px 10px 0;
    text-transform: uppercase;
	font-family: "Open Sans",georgia,serif;
	font-size: 1.1666em;
    line-height: 1.1428em;
	margin: 0 0 10px;
}
.newsletter-heading .h6 {
    margin: 10px 0;
    padding-top: 10px;
    text-align: center;
	font-size: 1em;
    line-height: 1.1666em;
	font-weight: normal;
}
.h6.blue {
    color: #494e55;
}

/* Architecture Collection */
.tileDetail .newbadge {
    position: absolute;
}

/* Blog Posts */
.contentImage {
    float: right;
    padding-bottom: 10px;
    padding-left: 15px;
	width: 45%;

}
.contentImage #contentImageTitle {
    font-weight: 600;
    text-align: center;
	padding-bottom: 15px;
    padding-top: 5px;
}

/* Checkout page standard delivery */
#checkout-review-table tr td.a-right:first-child {
    padding-left: 495px;
}
/*
 * 12-column grid system
 */



/* Grid units
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full, /* Alias for full-width unit */

/* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{ 
	/*position:relative;*/
	display:inline;
	float:left;
	margin-left:1%;
	margin-right:1%;
}

/* Basic grid units width */
.grid12-1	{ width:6.33%; }
.grid12-2	{ width:14.66%; }
.grid12-3	{ width:23%; }
.grid12-4	{ width:31.33%; }
.grid12-5	{ width:39.67%; }
.grid12-6	{ width:48%; }
.grid12-7	{ width:56.33%; }
.grid12-8	{ width:64.67%; }
.grid12-9	{ width:73%; }
.grid12-10	{ width:81.33%; }
.grid12-11	{ width:89.67%; }
.grid12-12,
.grid-full	{ width:98%; }

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1	{ margin-left:0; width:7.33%; }
.no-left-gutter.grid12-2	{ margin-left:0; width:15.66%; }
.no-left-gutter.grid12-3	{ margin-left:0; width:24%; }
.no-left-gutter.grid12-4	{ margin-left:0; width:32.33%; }
.no-left-gutter.grid12-5	{ margin-left:0; width:40.67%; }
.no-left-gutter.grid12-6	{ margin-left:0; width:49%; }
.no-left-gutter.grid12-7	{ margin-left:0; width:57.33%; }
.no-left-gutter.grid12-8	{ margin-left:0; width:65.67%; }
.no-left-gutter.grid12-9	{ margin-left:0; width:74%; }
.no-left-gutter.grid12-10	{ margin-left:0; width:82.33%; }
.no-left-gutter.grid12-11	{ margin-left:0; width:90.67%; }
.no-left-gutter.grid12-12,
.no-left-gutter.grid-full	{ margin-left:0; width:99%; }

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1	{ margin-right:0; width:7.33%; }
.no-right-gutter.grid12-2	{ margin-right:0; width:15.66%; }
.no-right-gutter.grid12-3	{ margin-right:0; width:24%; }
.no-right-gutter.grid12-4	{ margin-right:0; width:32.33%; }
.no-right-gutter.grid12-5	{ margin-right:0; width:40.67%; }
.no-right-gutter.grid12-6	{ margin-right:0; width:49%; }
.no-right-gutter.grid12-7	{ margin-right:0; width:57.33%; }
.no-right-gutter.grid12-8	{ margin-right:0; width:65.67%; }
.no-right-gutter.grid12-9	{ margin-right:0; width:74%; }
.no-right-gutter.grid12-10	{ margin-right:0; width:82.33%; }
.no-right-gutter.grid12-11	{ margin-right:0; width:90.67%; }
.no-right-gutter.grid12-12,
.no-right-gutter.grid-full	{ margin-right:0; width:99%; }

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1		{ margin-left:0; margin-right:0; width:8.33%; }
.no-gutter.grid12-2		{ margin-left:0; margin-right:0; width:16.66%; }
.no-gutter.grid12-3		{ margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid12-4		{ margin-left:0; margin-right:0; width:33.33%; }
.no-gutter.grid12-5		{ margin-left:0; margin-right:0; width:41.67%; }
.no-gutter.grid12-6		{ margin-left:0; margin-right:0; width:50%; }
.no-gutter.grid12-7		{ margin-left:0; margin-right:0; width:58.33%; }
.no-gutter.grid12-8		{ margin-left:0; margin-right:0; width:66.67%; }
.no-gutter.grid12-9		{ margin-left:0; margin-right:0; width:75%; }
.no-gutter.grid12-10	{ margin-left:0; margin-right:0; width:83.33%; }
.no-gutter.grid12-11	{ margin-left:0; margin-right:0; width:91.67%; }
.no-gutter.grid12-12,
.no-gutter.grid-full	{ margin-left:0; margin-right:0; width:100%; }

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar	{ width:23%; }
.grid-col2-main		{ width:73%; }

.no-gutter.grid-col2-sidebar	{ margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid-col2-main		{ margin-left:0; margin-right:0; width:75%; }

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar	{ width:31.52%; }
.grid-col3-main		{ width:65.90%; }

.no-gutter.grid-col3-sidebar	{ margin-left:0; margin-right:0; width:31.52%; }
.no-gutter.grid-col3-main		{ margin-left:0; margin-right:0; width:65.90%; }

/* Vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container {
	display:table;
	width:100%;
}
.v-grid {
	float:none;
	display:table-cell;
	vertical-align:middle;
}


/* Utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 { display:none !important; }
.hide-below-1440 { display:none !important; }
.hide-below-1360 { display:none !important; }
.hide-below-1280 { display:none !important; }


/* Containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Main container for page content.
   Max width of the page is applied to elements with this class.
-------------------------------------------------------------- */
.container {
	margin-left:auto;
	margin-right:auto;
}
.nested-container { width:102%; margin-left:-1%; } /* Deprecated */

/* Inner container.
   Additional container, horizontal padding is applied to elements with this class.
-------------------------------------------------------------- */
.inner-container {
	padding-left: 15px;
	padding-right: 15px;

	/* Clear floats */
	*zoom: 1;
	clear: both;
}
/* Clear floats */
.inner-container:before,
.inner-container:after { display: table; line-height: 0; content: ""; }
.inner-container:after { clear: both; }

/* Stretched container.
   If container is stretched, remove side padding from inner container.
-------------------------------------------------------------- */
.container.stretched > .inner-container {
	padding-left: 0;
	padding-right: 0;
}

/* Deprecated, for backward compatibility: */
.container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; }


/* Grid units containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Grid units container:
   clears floats (place grid units inside "div" with this class)
-------------------------------------------------------------- */
.grid-container { *zoom: 1; clear: both; }
.grid-container:before,
.grid-container:after { display: table; line-height: 0; content: ""; }
.grid-container:after { clear: both; }

/* Grid unit container:
   clears floats and adds vertical margin between units
-------------------------------------------------------------- */
.grid-container-spaced { *zoom: 1; clear: both; }
.grid-container-spaced:before,
.grid-container-spaced:after { display: table; line-height: 0; content: ""; }
.grid-container-spaced:after { clear: both; }
.grid-container-spaced .grid12-1,
.grid-container-spaced .grid12-2,
.grid-container-spaced .grid12-3,
.grid-container-spaced .grid12-4,
.grid-container-spaced .grid12-5,
.grid-container-spaced .grid12-6,
.grid-container-spaced .grid12-7,
.grid-container-spaced .grid12-8,
.grid-container-spaced .grid12-9,
.grid-container-spaced .grid12-10,
.grid-container-spaced .grid12-11,
.grid-container-spaced .grid12-12,
.grid-container-spaced .grid-full
{
	margin-bottom: 2%;
}

/* Grid presentation
-------------------------------------------------------------- */
.show-grid [class*="grid12-"] {
	background-color: #eee;
	text-align: center;
	min-height: 40px;
	line-height: 40px;
	transition:			all 300ms ease-in-out;
	-moz-transition:	all 300ms ease-in-out;
	-webkit-transition:	all 300ms ease-in-out;
	-o-transition:		all 300ms ease-in-out;
}
.show-grid [class*="grid12-"]:hover {
	background-color: #F08080;
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2018-03-19 02:59:02 */







/* body {
				font-size: 14px;
	
			background-color: #f0f6f8;
	} */
a
{
	}
a:hover,
.vertnav li.current > a,
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover
{
	}

.caret {
	}


.button
{
	background-color: ;
	color: ;
}
.button:hover,
.button:focus
{
	background-color: ;
	color: ;
}

.product-view .btn-cart,
.btn-checkout
{
	background-color: ;
	color: ;
}
.product-view .btn-cart:hover,
.btn-checkout:hover
{
	background-color: ;
	color: ;
}



.links > li > a:hover {
		}


.sticker.new {
	background-color: ;
	color: ;
}
.sticker.sale {
	background-color: ;
	color: ;
}



/*.price-box .price*/
.price-box .regular-price .price,
.price-box .minimal-price .price,
.price-box-bundle .full-product-price .price { color: ; }


.additional-bg-color,
.block-layered-nav .currently,
.cart .totals,
.checkout-agreements li
{
	background-color: ;
}



/* Custom content class */
.main-font,

/* Headings */
h1, h2, h3, h4, h5,
.section-title,
.products-list .product-name,
.products-grid .product-name,
h3.product-name, /*TODO:remove*/

/* Generic  */
.feature .heading,
.accordion .heading,

/* Main menu */
	/* Regular mode */
	.nav-regular .nav-item.level0 > a, /* level 1 */

		/* Mega dropdown */
		.nav-regular .nav-submenu--mega > li > a, /* First level of mega dropdown */

	/* Mobile mode */
	.mobnav-trigger,
	.nav-mobile .nav-item.level0 > a, /* level 1 */
	.nav-mobile .nav-item.level1 > a, /* level 2 */
	.nav-mobile .nav-item.level2 > a, /* level 3 */

/* Block headings */
.block .block-title,

/* Checkout headings */
#opc-login h3,

/* Multiple checkout */
/*.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend,*/

/* Account */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,

/* Product page */
.product-view .box-reviews dt .heading,
.gen-tabs .tabs a,

/* Footer headings */
.footer .heading,
#subscribe-form label,

/* Captions */
.caption .heading
{
			/* font-family: "Open Sans", georgia, serif; */
			font-family: 'GalanoGrotesque-Regular';
	
			font-weight: 700;
	}










/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages a,
.pager .pages .current,

/* Add-to links */
.add-to-links .ic,

/* Slider arrows */
.slider-arrows1 .owl-controls .owl-buttons div,
.slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.slider-arrows2 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,

/* Slider pagination */
.slider-pagination1 .owl-controls .owl-page span,
.slider-pagination2 .owl-controls .owl-page span,

/* Lightbox */
#cboxPrevious,
#cboxNext,
#cboxClose,

/* Accordion and collapsible: opener */
.accordion-style1 .opener,
.collapsible .opener,

/* Scroll to top */
#scroll-to-top
{
	background-color: ;
	color: ;
}



/* Toolbar */
.sorter .view-mode a:hover,
.sorter .sort-by .category-asc:hover,
.sorter .sort-by .category-desc:hover,
.pager .pages li a:hover,

/* Add-to links */
.add-to-links .ic:hover,
.add-to-links .feature-icon-hover:hover .ic,

/* Slider arrows */
.slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,
.slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,
.slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,

/* Slider pagination */
.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.slider-pagination2 .owl-controls.clickable .owl-page:hover span,

/* Lightbox */
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,

/* Accordion and collapsible: opener */
.accordion-style1 .opener:hover,
.collapsible .opener:hover,

/* Scroll to top */
#scroll-to-top:hover
{
	background-color: ;
	color: ;
}



/* Slider pagination */
.slider-pagination1 .owl-controls			.owl-page.active span,
.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */
.slider-pagination2 .owl-controls			.owl-page.active span,
.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */

.sorter .view-mode span.grid,
.sorter .view-mode span.list,
.pager .pages .current
{
	background-color: ;
	color: ;
}


.ib,

/* For backward compatibility: */
.feature > span.icon
{
	background-color: ;
	color: ;
}

.ib-hover:hover,
.feature-icon-hover:hover .ib,

/* For backward compatibility: */
.icon-hover:hover,
.feature-icon-hover:hover > span.icon
{
	background-color:  !important;
	color:  !important;
}


.ib.icon-color-productview,
span.icon.icon-color-productview {
	background-color: ;
}
.ib-hover.icon-color-productview:hover,
.feature-icon-hover:hover .ib.icon-color-productview,
.feature-icon-hover:hover span.icon.icon-color-productview {
	background-color:  !important;
}



.wrapper
{
				border: none !important;
	
			background-color: #ffffff;
		
	}

	.inner-container {
		padding-left: 12px;
		padding-right: 12px;
	}

		@media only screen and (max-width: 479px) {
		.container.stretched > .inner-container {
			padding-left: 12px;
			padding-right: 12px;
		}
	}


.header-container
{
	
	}
.header
{
		
	}
.header a {
	}
.header a:hover {
	}

.header-container3
{
			padding-top: 0px;
	
			padding-bottom: 0px;
	}

.header .caret {
			border-top-color: ;
	}


.form-search .input-text
{
	background-color: ;
	border-color: ;
}
.form-search .input-text:hover,
.form-search .input-text:focus
{
	background-color: ;
	border-color: ;
}

.form-search .input-text,
.form-search .button {
	}
.form-search .input-text:hover,
.form-search .input-text:focus,
.form-search .input-text:hover + .button,
.form-search .button:hover {
	}

	.form-search .input-text { border: none; }


.header .dropdown .dropdown-content,
.header .dropdown.open > .dropdown-heading.cover > *,
.header .truncated .truncated_full_value .item-options,
.header .form-search .search-autocomplete
{
			background-color:#fff;
		
	}

.header .dropdown .dropdown-content a,
.header .dropdown.open > .dropdown-heading.cover a,
.header .form-search .search-autocomplete li
{
	}
.header .dropdown .dropdown-content a:hover,
.header .dropdown.open > .dropdown-heading.cover a:hover,
.header .form-search .search-autocomplete li:hover
{
	}

.header .dropdown.open > .dropdown-heading.cover .caret {
	border-top-color: ;
}




.header-top-container
{
			background-color: transparent;
	
			padding-top: 10px;
	
	}

.header-top
{
			background-color: transparent;
		
	
		}
.header-top a
{
	}
.header-top a:hover
{
	}




.header-primary-container
{
	
	}
.header-primary
{
			padding-top: 10px;
				padding-bottom: 10px;
	}




.header-mobile .skip-link
{
		}
.header-mobile .skip-link:hover {
		}
.header-mobile .skip-link.skip-active
{
		}

.header-mobile .skip-content--style
{
		}
.header-mobile .skip-content--style a
{
	}
.header-mobile .skip-content--style a:hover
{
	}






.cat-label-label1 {
		}
.cat-label-label2 {
		}


li.level0 > a > span > .cat-label-label1.pin-bottom:before {
	}
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
	}


li > a:hover > span > .cat-label,
.nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */
{
		}
li.level0 > a:hover > span > .pin-bottom:before,
.nav-regular li.level0:hover > a > span > .pin-bottom:before
{
	}


#nav .nav-panel--dropdown
{
			background-color:#fff;
		
	}


#nav .nav-panel--dropdown a
{
	}
#nav .nav-panel--dropdown a:hover
{
	}


#nav .nav-panel--dropdown a .caret
{
	}
#nav .nav-panel--dropdown a:hover .caret
{
	}





/* All types*/
.nav-regular .nav-panel--dropdown
{
	-moz-box-shadow:0 3px 10px rgba(0,0,0, 0.15);
	-webkit-box-shadow:0 3px 10px rgba(0,0,0, 0.15);
	box-shadow:0 3px 10px rgba(0,0,0, 0.15);
}


.nav-mobile div.nav-panel--dropdown
{
	-moz-box-shadow:	0 3px 10px rgba(0,0,0, 0.15);
	-webkit-box-shadow:	0 3px 10px rgba(0,0,0, 0.15);
	box-shadow:			0 3px 10px rgba(0,0,0, 0.15);

		z-index: 1;
	position: relative;
}
.nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown {
	-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
}




.nav-container 
{
			background-color: transparent;
	
	
	}



	.header-mobile .nav
	{
		margin-bottom: 10px;
	}

.nav.has-outline > .inner-container {
	padding-top: 12px;
	padding-bottom: 12px;
}





	.sticky-header #nav.nav-regular
	{
		border-bottom: none;
	}




	
				.nav-regular
		{
			background-color: ;
		}
		.nav-regular .nav-item.level0 > a,
		#nav .nav-item--homeicon a 		{
			color: ;
		}

	
				.nav-mobile .nav-item.level0 > a
		{
			background-color: ;
			color: ;
		}
		.nav-mobile .nav-item.level0 > .opener
		{
			color: ;
		}

						#nav.nav-mobile ul.level0 .nav-item > a
		{
			background-color: ;
			color: ;
		}
		.nav-mobile ul.level0 .nav-item > .opener
		{
			color: ;
		}


	
				.nav-regular .nav-item.level0.active > a
		{
			background-color: ;
			color: ;
		}

	
				.nav-mobile .nav-item.level0.current > a
		{
			background-color: ;
			color: ;
		}
		.nav-mobile .nav-item.level0.current > .opener
		{
			color: ;
		}

						#nav.nav-mobile ul.level0 .nav-item.current > a
		{
			background-color: ;
			color: ;
		}
		.nav-mobile ul.level0 .nav-item.current > .opener
		{
			color: ;
		}


	
				.nav-regular .nav-item.level0:hover > a
		{
			background-color: ;
			color: ;
		}

	
				.nav-mobile .nav-item.level0 > a:hover
		{
			background-color: ;
			color: ;
		}
		.nav-mobile .nav-item.level0 > a:hover + .opener
		{
			color: ;
		}

						#nav.nav-mobile ul.level0 .nav-item > a:hover
		{
			background-color: ;
			color: ;
		}
		.nav-mobile ul.level0 .nav-item > a:hover + .opener
		{
			color: ;
		}



.nav-regular .nav-item.level0 > a {
	line-height: 50px;
}


#nav .nav-item.level0.parent > a .caret {
	border-top-color: ;
}
#nav .nav-item.level0.parent.active > a .caret {
	border-top-color: ;
}
#nav .nav-item.level0.parent:hover > a .caret {
	border-top-color: ;
}











.mobnav-trigger-wrapper 
{
	color: ;
}
.mobnav-trigger
{
	background-color: ;
	color: ;
}

.mobnav-trigger:hover
{
	background-color: ;
	color: ;
}

.mobnav-trigger.active
{
	background-color: ;
	color: ;
}

.mobnav-trigger .trigger-icon .line {
	background-color: ;
}
.mobnav-trigger:hover .trigger-icon .line {
	background-color: ;
}
.mobnav-trigger.active .trigger-icon .line {
	background-color: ;
}






	
				.nav-regular .nav-item.level0 > a
		{
			font-size:14px;
							text-transform:uppercase;
					}

		
						.nav-regular .nav-submenu--mega > li > a
			{
				font-size:16px;
									text-transform:uppercase;
							}

	
								.nav-mobile li.nav-item > a
		{
			font-size:14px;
		}
		
				.mobnav-trigger,
		.nav-mobile .nav-item.level0 > a
		{
							font-size:16px;
			
							text-transform: uppercase;
					}

				.nav-mobile .nav-item.level1 > a
		{
							font-size:16px;
			
							text-transform: none;
					}





.main-container
{
			background-color: transparent;
	
	
	}
.main
{
			background-color: transparent;
	}

.truncated .item-options
{
	background-color: #ffffff;
}





.category-products-grid .item,
.products-list .item
{
	}
.category-products-grid .item:hover,
.products-list .item:hover
{
	}





.gen-tabs .tabs
{
	}

.gen-tabs .tabs a
{
	background-color: ;
	color: ;
}

.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus
{
	background-color: ;
	color: ;
}

.gen-tabs .tabs a.current
{
	background-color: ;
	color: ;
}

.gen-tabs .acctab
{
	background-color: ;
	color: ;
}

.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current {
	background-color: ;
	color: ;
}

.gen-tabs .tabs-panels
{
	background-color: ;
}





/* Slider arrows */
.the-slideshow .owl-controls .owl-buttons div,

/* Slider pagination */
.the-slideshow.slider-pagination1 .owl-controls .owl-page span,

/* For pagination2 default color overrides color of active state and hover state */
.the-slideshow.slider-pagination2 .owl-controls .owl-page span,
.the-slideshow.slider-pagination2 .owl-controls				.owl-page.active span,
.the-slideshow.slider-pagination2 .owl-controls.clickable 	.owl-page.active:hover span 
{
	background-color: ;
	color: ;
}


/* Slider arrows */
.the-slideshow .owl-controls.clickable .owl-buttons div:hover,

/* Slider pagination */
.the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span
{
	background-color: ;
	color: ;
}


.the-slideshow.slider-pagination1 .owl-controls 			.owl-page.active span,
.the-slideshow.slider-pagination1 .owl-controls.clickable 	.owl-page.active:hover span /* Active state overrides hover state */
{
	background-color: ;
		}



.footer-container
{
	}
.footer
{
			background-color: transparent;
		
	}

.footer a
{
	}
.footer a:hover
{
	}


.footer .button
{
	background-color: ;
	color: ;
}
.footer .button:hover,
.footer .button:focus
{
	background-color: ;
	color: ;
}


.footer .ib,
.footer span.icon /* For backward compatibility */
{
	background-color: ;
	color: ;
}
.footer .ib-hover:hover,
.footer span.icon-hover:hover, /* For backward compatibility */
.footer .feature-icon-hover:hover .ib,
.footer .feature-icon-hover:hover span.icon /* For backward compatibility */
{
	background-color:  !important;
	color:  !important;
}




/* Slider arrows */
.footer .slider-arrows1 .owl-controls .owl-buttons div,
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.footer .slider-arrows2 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,

/* Slider pagination */
.footer .slider-pagination1 .owl-controls .owl-page span,
.footer .slider-pagination2 .owl-controls .owl-page span,

/* Accordion and collapsible: opener */
.footer .accordion-style1 .opener,
.footer .collapsible .opener
{
	background-color: ;
	color: ;
}

/* Slider arrows */
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,

/* Slider pagination */
.footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span,

/* Accordion and collapsible: opener */
.footer .accordion-style1 .opener:hover,
.footer .collapsible .opener:hover
{
	background-color: ;
	color: ;
}


.footer-top-container
{
	
			padding-top: 25px;
	
			padding-bottom: 15px;
	}
.footer-top
{
			background-color: #ffffff;
		
	}
.footer-top a
{
	}
.footer-top a:hover
{
	}


.footer-primary-container
{
		
	
			padding-bottom: 10px;
	}
.footer-primary
{
			background-color: #ffffff;
		
	}
.footer-primary a
{
	}
.footer-primary a:hover
{
	}


.footer-secondary-container
{
	
	
	}
.footer-secondary
{
		
	}
.footer-secondary a
{
	}
.footer-secondary a:hover
{
	}


.footer-bottom-container
{
	}
.footer-bottom
{
		
	}
.footer-bottom a
{
	}
.footer-bottom a:hover
{
	}





.social-links .ib,
.social-links a > span.icon /* For backward compatibility */
{
	background-color: ;
	color: ;
}
.social-links .ib-hover:hover,
.social-links a > span.icon-hover:hover /* For backward compatibility */
{
	background-color:  !important;
	color:  !important;
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2018-03-19 02:59:02 */






/* Grid container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/



	.container {
		width:96%;
	
											max-width: 1224px;
			    
			}

				.lte-ie8 .container { max-width:1224px; }
	


























/* Design for a width of less than 1024 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 1024px */
@media only screen and (max-width: 1023px) {

	/* Hide */
	.hide-below-1024 { display:none !important; }
}





/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

		.container { max-width:737px; }
		
	/* Hide */
	.hide-below-960 { display:none !important; }
}





/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {

	.nested-container { width:100%; margin-left:auto; }

	/* Nav container with outline (if nav container has background color).
	   Apply the same vertical margins, as container's side padding. */
	.nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; }
	
	/* Below 768px all grid units are stretched (full width) and stack vertically */
	.grid12-1,
	.grid12-2,
	.grid12-3,
	.grid12-4,
	.grid12-5,
	.grid12-6,
	.grid12-7,
	.grid12-8,
	.grid12-9,
	.grid12-10,
	.grid12-11,
	.grid12-12,
	.grid-full,
	
	.grid-col2-sidebar,
	.grid-col2-main,
	.grid-col3-sidebar,
	.grid-col3-main
	{
		width:100% !important; /* Added "!important" to override units with "no-gutter" */
		margin-left:0;
		margin-right:0;
	}

	/* Vertically aligned grid
	-------------------------------------------------------------- */
	.v-grid-container { display:block; }
	.v-grid { float:inherit; display:block; width:100%; }
}





/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

		.container { max-width:440px; }
		
	/* Hide */
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	
	/* Deprecated: persistent grid units (will be removed in the next update)
	-------------------------------------------------------------- */
		/* Half */
		.persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; }
		
		/* One-third + two-thirds */
		.persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; }
		.persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; }
		
		/* One-fourth + two-fourths + three-fourths */
		.persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; }
		.persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; }
		.persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; }

	/* Mobile grid (for browser viewport between 480px and 768px):
	   Below 768px all grid units are stretched (full width) and stack vertically.
	   The "mobile-grid" class forces narrow grid units to stay narrow,
	   but the width is increased to avoid too small columns.
	-------------------------------------------------------------- */
	.mobile-grid.grid12-1 { width:14.66% !important;	margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */
	.mobile-grid.grid12-2 { width:31.33% !important;	margin-left:1%; margin-right:1%; } /* 1/6  turns into 1/3 */
	.mobile-grid.grid12-3 { width:48% !important;		margin-left:1%; margin-right:1%; } /* 1/4  turns into 1/2 */
	
	/* Force other grid units to take half of the available width */
	.mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; }

}





/* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

		.container { max-width:590px; }
	}





/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

	/* Enlarge containers to full width and remove max width */
	.container { max-width: none !important; width: 100%; }
}





/* Mobile (Portrait) - design for a width of 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {

	/* Hide */
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	.hide-below-480 { display:none !important; }
}





/* Mobile (Portrait) - design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {

	/* Hide */
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	.hide-below-480 { display:none !important; }
	.hide-below-320 { display:none !important; }
}


/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * To override or extend default CSS styles use custom.css file (refer to the user guide for details).
 * 2018-03-19 02:59:02 */



























/* Design for a width of 960-1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 960px <= width < 1280px */
@media only screen and (min-width: 960px)  {

	/* Cart
	-------------------------------------------------------------- */
	.cart-table .product-image { max-width:80px; }
	
	/* Product page
	-------------------------------------------------------------- */
	.product-view .sticker { width:80px; height:80px; }
}





/* Mobile, small old desktop - design for a width of less than 960px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 960px */
@media only screen and (max-width: 959px) {

	/* Products grid: override size of elements (values like size-s)
	-------------------------------------------------------------- */
	/* Product labels */
	.products-grid .sticker { width:45px; height:45px; font-size:1em; }
	.products-grid .item:hover .sticker { width:50px; height:50px; }

	/* Misc
	-------------------------------------------------------------- */
	/* Scroll to top button */
	#scroll-to-top { display:none !important; }
	
	/* Hide Sign Up link in Top Links */
	#link-sign-up { display:none; }

	/* Hide amount. Note: has to be defined after aligning ".amount" center */
	.toolbar .sorter .amount { display:none !important; }
}



/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/* Default Magento classes
	-------------------------------------------------------------- */
	.nobr { white-space:normal !important; }
	
	/* Cart
	-------------------------------------------------------------- */
	.cart-table .product-name { font-size:1em; font-family: inherit; }
	.cart-table .product-image { max-width:80px; }
	
	/* Product page
	-------------------------------------------------------------- */
	/* Related - simple */
	.block-related-thumbnails .product-details {
		margin-left:0;
		margin-bottom:10px;
		clear:left;
	}
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Shrink the slider if to many thumbnails */
	.itemslider-thumbnails.count-3,
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-3 .direction-nav,
	.itemslider-thumbnails.count-4 .direction-nav,
	.itemslider-thumbnails.count-5 .direction-nav,
	.itemslider-thumbnails.count-multi .direction-nav { display:block; }

	/* Thumbnails */
	.img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; }
	
	/* Slideshow caption
	-------------------------------------------------------------- */
	.caption .heading { font-size:2.0833em; }
	.caption p { font-size:1.1666em; }
	.caption button.button span span {
		height: 35px;
		line-height: 35px;
		padding: 0 15px;
	}

}


/* All desktop - design for a width of 768px and wider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width */
@media only screen and (min-width: 768px) {
	
	/* Mobile accordion
	-------------------------------------------------------------- */
	.mobile-collapsible .block-title { border-bottom:none; }			/* Hide line when not on mobile */
	.mobile-collapsible .opener { display:none !important; }			/* Always hide when not on mobile */
	.mobile-collapsible .block-content { display:block !important; }	/* Always show when not on mobile */
	/* See also: always make the container "relative" when ON mobile */
}


/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {
	
	/* Grid and basic layout
	-------------------------------------------------------------- */
	
		/* Margin for basic Magento columns */
		.col-main,
		.col-left,
		.col-right
		{
			margin-bottom:30px;
		}
		
		/* Product view:
		   margin for all grid units */
		.product-view .grid12-1,
		.product-view .grid12-2,
		.product-view .grid12-3,
		.product-view .grid12-4,
		.product-view .grid12-5,
		.product-view .grid12-6,
		.product-view .grid12-7,
		.product-view .grid12-8,
		.product-view .grid12-9,
		.product-view .grid12-10,
		.product-view .grid12-11,
		
		/* deprecated */
		.product-view .grid4-1,
		.product-view .grid4-2,
		.product-view .grid4-3,
		.product-view .grid2-1
		/* end:deprecated */
		{
			margin-bottom:30px;
		}

		/* Remove additional margin for main sidebars */
		.col-left > * { margin-right: 0; }
		.col-right > * { margin-left: 0; }
	
	/* Magento utility classes
	-------------------------------------------------------------- */
	.nobr { white-space:normal !important; }
	
	/* Forms
	-------------------------------------------------------------- */
	.form-list .field,
	.form-list input.input-text,
	.form-list textarea,
	.form-list select,
	.form-list li.wide .input-box,
	.form-list li.wide input.input-text,
	.form-list li.wide textarea,
	.form-list li.wide select { max-width:100%; }
	
	/* Tables
	-------------------------------------------------------------- */
	.data-table thead .nobr { white-space:normal !important; }
	.data-table th,
	.data-table td { padding:5px; }
	
	/* Data tables formatting
	-------------------------------------------------------------- */
	
		/* Basic formatting */
			.cart .data-table thead,
			.my-wishlist .data-table thead,
			.my-account .data-table thead,
			.order-review .data-table thead { display:none; }
			
			.cart .data-table tbody,
			.my-wishlist .data-table tbody,
			.my-account .data-table tbody,
			.order-review .data-table tbody { background:transparent !important; }
			
			.cart .data-table tr,
			.cart .data-table td,
			.my-wishlist .data-table tr,
			.my-wishlist .data-table td,
			.my-account .data-table tr,
			.my-account .data-table td,
			.order-review .data-table tr,
			.order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; }
			
			.cart .data-table tr,
			.my-wishlist .data-table tr,
			.my-account .data-table tr,
			.order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; }
			
		/* Highlight first cell in table footer */
			.my-account .data-table tfoot tr td:first-child,
			.order-review .data-table tfoot tr td:first-child { font-weight:bold; }
	
		/* Show cell label */
			.data-table .cell-label {
				display:inline-block;
				width:30%;
				min-width:100px;
				max-width:140px;
				margin-right:10px;
				font-weight:bold;
			}
	
	/* Header
	-------------------------------------------------------------- */

		/* Global notices
		-------------------------------------------------------------- */
		.global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; }
		.global-site-notice .notice-inner p { width:100%; padding:0 0 10px; }
		.global-site-notice .notice-inner .actions { padding-bottom:5px; }

		/* Items in the top header
		-------------------------------------------------------------- */

		/* Make side margins smaller */
		.header .item-left { margin-right: 5px; }
		.header .item-right { margin-left: 5px; }
		
		/* Other
		-------------------------------------------------------------- */
		/* User menu (Top Links) */
		.user-menu { width:100%; margin-left:0; margin-right:0; }
		
		/* Top links */
		.top-links { float:left; }

		/* Mini cart */
		.after-mini-cart { clear:none; } /* Deprecated */

		/* Line breaker - disable on narrow screens */
		.user-menu .line-break-after { clear:none; }

	/* Header - old styles applied when mobile header mode is not enabled
	   and the "header-regular" class is not removed from header container on narrow screens
	-------------------------------------------------------------- */

		/* Vertically aligned blocks.
		   Reset block below this breakpoint - blocks become full width and stack vertically
		-------------------------------------------------------------- */
		.header-regular .hp-blocks-holder { display:block; }
		.header-regular .hp-blocks-holder .hp-block {
			float:inherit;
			display:block;
			width:100%;
			margin-left:0;
			margin-right:0;
		}

		/* Logo
		-------------------------------------------------------------- */
		.header-regular .header .logo-wrapper { text-align:center; }
		.header-regular .header .logo-wrapper .logo { width:70%; margin-left:auto; margin-right:auto; }
		
		/* Quick search
		-------------------------------------------------------------- */

			/* Search: mobile (search bar layout for narrow screens)
			-------------------------------------------------------------- */
			.header-regular .search-wrapper-mobile {
				display: block; /* To override possible inline styles */
				clear: both;
				width: 100%;
				margin: 10px 0;
				/*float: none;*/
			}
			.header-regular .search-wrapper-mobile .form-search {
				width: 100%;
				max-width: 440px;
				margin-left: auto;
				margin-right: auto;
			}
			.header-regular .search-wrapper-mobile .form-search .input-text {
				width: 100%;
				min-width: 100%; /* Cancel minimum width */
			}

			/* Search: header inline
			-------------------------------------------------------------- */
			/* Note: added .header class to override other selectors */
			.header-regular .header .search-wrapper-inline {
				display: block;
				clear: both;
				width: 100%;
				margin: 10px auto;
			}
			/* If wrapper is an .item, then remove side margins */
			.header-regular .header .item.search-wrapper-inline { margin-left:auto; margin-right:auto; }

			.header-regular .search-wrapper-inline #search_mini_form { display: block; }
			.header-regular .search-wrapper-inline .form-search .input-text { width:100%; }
	
	/* Footer
	-------------------------------------------------------------- */

		/* Footer elements - align center */
			
			.footer .mobile-inline-container { text-align:center; }
			.footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; }

			.footer-primary-top-spacing,
			.footer-primary-bottom-spacing,
			.footer-top .links,
			.footer-bottom { text-align:center; }
			
			.footer-primary-top-spacing .item,
			.footer-primary-bottom-spacing .item,
			#subscribe-form,
			.footer-bottom .item,
			.footer-top .links li { float:none; display:inline-block; }
			.footer-top .item { float:none; }
		
		/* Simplify links */
		.footer .links-wrapper-separators .links li a,
		.footer .links-wrapper-separators-left .links li a { background-image:none; }
		
		/* Footer elements */
		.footer-primary-bottom-spacing .item { width:100%; margin:0; }
		.footer-bottom .item { margin-left:5px; margin-right:5px; }

		/* Copyright - remove space */
		.footer-copyright { margin-left:0;  }

		/* Primary and secondary section: additional inner padding */
		.footer-primary > .grid-full > .section,
		.footer-secondary > .grid-full > .section { padding:15px 10px; }
	
	/* Layered navigation
	-------------------------------------------------------------- */
	.block-layered-nav dd li,
	.block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; }
	.block-layered-nav dd li:hover,
	.block-layered-nav .currently ol li:hover { background-position:6px 10px; }
	
	/* Toolbar
	-------------------------------------------------------------- */
	
		/* All elements - align center and increase vertical spacing */
		.pager,
		.sorter { text-align:center; }
		.pager .amount,
		.pager .limiter,
		.pager .pages,
		.sorter .amount,
		.sorter .limiter,
		.sorter .view-mode,
		.sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; }
		
		.toolbar .sort-by,
		.toolbar .sorter .amount { border-right:none; }

		.sorter .per-page,
		.pager .per-page { display:none; }

	/* Category view
	-------------------------------------------------------------- */
	
		.note-msg.empty-catalog {
			background-position:center 10px !important;
			color:inherit;
			padding:150px 10px 10px !important;
			text-align:center;
		}

		/* Page heading with RSS link */
		.page-title { position:relative; }
		.page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; }

	/* Products list
	-------------------------------------------------------------- */
	.products-list .product-shop-inner { padding-right:0; border-right:none; }

	/* Products grid: override size of elements (values like size-s)
	-------------------------------------------------------------- */
	/* Product name */
	.products-grid .product-name {
		font-size:1.1666em; /*14px*/
		line-height:1.2307em; /*16px*/
	}

	/* Product page
	-------------------------------------------------------------- */
		
		/* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
		.product-view .box-additional { margin-top:0; }
		
		/* Related: remove bottom margin */
		.block-related-slider { margin-bottom:0; }

		/* Sidebar */
		.product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; }
		.product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; }

		/* Add-to links */
		.product-view .add-to-links { text-align: center; }
		.product-view .add-to-links li { float: none; display: inline-block; }
	
	/* Cart
	-------------------------------------------------------------- */
	
		/* Buttons below table: align center */
		.cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; }
		.cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; }
	
	/* One Page Checkout
	-------------------------------------------------------------- */
		
		/* Step title - link "edit" */
		.opc .allow .step-title a { display:none; }
	
		/* Form */
		/*.opc form fieldset { display:table-column-group; }*/

	/* Account
	-------------------------------------------------------------- */
	.my-wishlist .product-image { max-width:none;  }
	
	/* Items slider
	-------------------------------------------------------------- */
	.control-nav.control-paging { display:none; } /* Deprecated */

	/* If only one item exists */
	.itemslider.single-item .slides > li { margin: 0 auto; } /* Deprecated */
	
	/* Slideshow
	-------------------------------------------------------------- */
	.the-slideshow-wrapper-outer { margin-top: 0 !important; /* Reset nagative top margin */ }
	   
	/* Slideshow navigation: move buttons to the top right corner */
	.the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { top:10px; right:60px; left:auto; }
	.the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { top:10px; right:10px; left:auto; }

		/* Deprecated */
		.the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; }
		.the-slideshow .direction-nav .next { top:4%; right:2%; }

	/* Pagination */
	.the-slideshow-wrapper .owl-pagination { display: none; }
	
	/* Slideshow caption */
	/* Shrink font, hide all elements except heading */
	.caption > * { display:none !important; }
	.caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; }
	.caption p { font-size:1.1666em; margin-bottom:1px; }        
	.caption button.button span span {
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
	}
	
	/* Cloud Zoom
	-------------------------------------------------------------- */
	/* Hide zoom */
	.cloud-zoom-big,
	.cloud-zoom-lens { display:none !important; }
	.cloud-zoom-lens { cursor:default !important; }

	/* Thumbnails */
	.img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 16%; }
	
	/* Lightbox
	-------------------------------------------------------------- */
	#cboxTitle,
	#cboxCurrent { display:none !important; }
	
	/* Accordion
	-------------------------------------------------------------- */
	.accordion-style1 li a {
		padding:15px 10px;
		font-size: 1.1666em; /*14px*/
		line-height: 1.2857em; /*18px*/
	}
	/* Space for openner if item has children. It has to be a few pixels wider than openner */
	.accordion-style1 li.parent > a { padding-right:53px; }
	.accordion-style1 .opener { width:48px; height:48px; line-height:48px; }
	
	/* Mobile accordion
	-------------------------------------------------------------- */
	.mobile-collapsible .block-content { display:none; } /* Hide on mobile */
	.mobile-collapsible { position:relative; } /* Always make "relative" when not on mobile (to avoid flickering on CSS transitions) */

	/* Menu
	-------------------------------------------------------------- */


}
/* end: width < 768px */


/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Category view
	-------------------------------------------------------------- */
	.products-list .product-shop,
	.products-list .right-column,
	.products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Broaden the slider if at least 4 thumbnails */
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:316px; } /*4*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-4 .direction-nav { display:none; }

	/* Shrink and align center the main image */
	.img-box .product-image { width:60.4651%; /*364px*/ }	

}
/* end: 480px <= width < 768px */


/* Design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

	/* Item grid
	-------------------------------------------------------------- */
	
.itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(3n+1) { clear:left !important; }
}
/* end: 640px <= width < 768px */


/* Design for a width of less than 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 640px */
@media only screen and (max-width: 639px) {

	h1 { font-size:2em;			line-height:1.25em;		/*24px, 30px*/ }
	h2 { font-size:1.6666em;	line-height:1.2em;		/*20px, 24px*/ }
	h3 { font-size:1.3333em;	line-height:1.25em;		/*16px, 20px*/ }
	h4 { font-size:1.1666em;	line-height:1.1428em;	/*14px, 16px*/ }
	h5 { font-size:1em;			line-height:1em;		/*12px, 12px*/ }
	h6 { font-size:1em;			line-height:1em;		/*12px, 12px*/ }

	
	
	/* Mobile header
	-------------------------------------------------------------- */
	.header-mobile .skip-link .label { display: none; }
	.header-mobile .skip-link .icon { margin-right: 0; }
	.header-mobile .skip-link .count { margin-right: 0; /* Reset negative margin to align content of a skip-link */ }

	/* Dropdowns in mobile header collaterals */
	.header-mobile .header-collateral .dropdown .dropdown-heading {
    	line-height: 24px;
	}

	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Thumbnails */
	.img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 19%; }
}
/* end: width < 640px */


/* Design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480 <= width < 640px */
@media only screen and (min-width: 480px) and (max-width: 639px) {

	/* Item grid
	-------------------------------------------------------------- */
	
.itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; }
}
/* end: 480 <= width < 640px */


/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

	
		
	/* Products grid
	-------------------------------------------------------------- */
		.products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */
		.products-grid .item .add-to-links { display: none !important; }
			
	/* Buttons - stretch full width
	-------------------------------------------------------------- */
	.buttons-set .button,
	.title-buttons .button,
	.cart .btn-checkout,
	.mini-cart .actions .button,
	.mini-compare .actions .button {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 7px;
	}
	.buttons-set .button:last-child,
	.cart .btn-checkout:last-child,
	.mini-cart .actions .button:last-child {
		margin-bottom: 0;
	}

	/* Button on product page - stretch full width and remove vertical alignment
	-------------------------------------------------------------- */
	.product-view .add-to-cart .btn-cart {
		display: block;
		width: 100%;
		margin: 0 0 7px;
	}
	.product-view .add-to-cart {
		display: block;
		float: none;
	}

	/* Buttons set
	-------------------------------------------------------------- */
	.buttons-set .back-link {
		display: none;
	}
	.buttons-set .required {
		display: none;
	}
	
	/* Grid elements
	-------------------------------------------------------------- */
	.col2-set .col-1,
	.col2-set .col-2 { width:100%; }
	
	/* Header
	-------------------------------------------------------------- */

		/* Simplify horizontal links */
		.header .links-wrapper-separators .links li a,
		.header .links-wrapper-separators-left .links li a { background-image:none; }
		
		/* Header elements - align center
		-------------------------------------------------------------- */

			.header .mobile-inline-container { text-align:center; }
			.header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; }

		/* Header top elements - align center
		-------------------------------------------------------------- */
			
	/* Header - old styles applied when mobile header mode is not enabled
	   and the "header-regular" class is not removed from header container on narrow screens
	-------------------------------------------------------------- */
		
		/* Header elements - align center
		-------------------------------------------------------------- */

			/* Links */
			.header-regular .header .links { text-align:center; }
			.header-regular .header .links li { float:none; display:inline-block; }

			/* User menu */
			.header-regular .user-menu { text-align:center; }
			.header-regular .user-menu > *,
			.header-regular .user-menu .links,
			.header-regular .dropdown { float:none !important; display:inline-block !important; }
	
	/* Products list
	-------------------------------------------------------------- */
	.products-list .item { margin-bottom:20px; }
	.products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ }
	.products-list .product-image { margin-bottom:20px; }

	/* Products list: disable hover effect
	-------------------------------------------------------------- */
	/* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
	.products-list.hover-effect .item { border-top: none; }
	.products-list.hover-effect .item:hover {
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
		box-shadow: none !important;
	}

	/* Products grid: override size of elements (values like size-xs)
	-------------------------------------------------------------- */
	/* Product labels */
	.products-grid .sticker { width:40px; height:40px; font-size:0.9166em; }
	.products-grid .item:hover .sticker { width:45px; height:45px; }
	
	/* Product page
	-------------------------------------------------------------- */
	
		/* Reviews */
		.product-view .box-reviews .form-add .data-table th,
		.product-view .box-reviews .form-add .data-table td { padding:6px 1px; }
		.product-view .box-reviews .form-add .form-list input.input-text,
		.product-view .box-reviews .form-add .form-list textarea { width:90%; }

		/* Add-to links */
		.product-view .add-to-links { text-align: inherit; }
	
	/* Toolbar
	-------------------------------------------------------------- */
	
		.toolbar .limiter { display:none; }
		.sorter .view-mode { display:none; }
		.sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */
		
		/* Pages */
		.pager .pages li { display:none; }
		.pager .pages li.previous,
		.pager .pages li.current,
		.pager .pages li.next { display:block; }
	
	/* Account
	-------------------------------------------------------------- */
	
		/* Account info + Order info */
			/*
			.box-account.box-info .col-1,
			.order-info-box .col-1 { border-right:none; }
			.box-account.box-info .col-1 .box,
			.order-info-box .col-1 .box { padding-right:0; }
			*/
			
			.my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; }
			.my-account .col2-set .col-1 .box { padding-right:0; }
		
		/* Order details */
			.order-items .sub-title .separator { display:none; }

	/* Checkout
	-------------------------------------------------------------- */
	.opc .step-title h2 { font-size:1em; line-height:2.8333em; }

	/* Advanced search results
	-------------------------------------------------------------- */
	.advanced-search-summary ul { width: 100%; margin-right: 0; }

	/* Footer
	-------------------------------------------------------------- */
	#subscribe-form label {
		display: inline-block;
		float: none;
		line-height: 1em;
		margin: 15px 0 2px;
	}
	#subscribe-form .input-box {
		display: inline-block;
		float: none;
		margin: 5px 0;
		position: relative;
		width: 100%;
	}
	#subscribe-form .input-text { width:100%; max-width:100%; }
	#subscribe-form .button {
		display: inline-block;
		float: none;
	}
	/*TOOD: check on mobiles*/
	#subscribe-form .input-box .validation-advice { width: 100%; left: 0; }
	
	/* Slideshow
	-------------------------------------------------------------- */
	.the-slideshow .control-nav { display:none; } /* Deprecated */
	
	/* Slideshow caption */
		/* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */
		.caption > *,
		.caption .heading,
		.caption .permanent { display:none !important; }
		.caption .heading.permanent { display:inline-block !important; }

		.caption .heading { font-size:1.3333em; }
		.caption p { font-size:1em; }

	/* Itemslider
	-------------------------------------------------------------- */
	/* Pagination */
	.itemslider .owl-pagination { display: none; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	#zoom-btn { display:none; }

	/* Thumbnails */
	.img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 24%; }
	
}
/* end: width < 480px */


/* Design for a width of 320px (mobile - portrait)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	
	/* Item grid
	-------------------------------------------------------------- */
	
.itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Shrink the slider if to many thumbnails */
	.itemslider-thumbnails.count-3,
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:237px; } /*3*/		/*{ max-width:158px; }*/ /*2*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-3 .direction-nav,
	.itemslider-thumbnails.count-4 .direction-nav,
	.itemslider-thumbnails.count-5 .direction-nav,
	.itemslider-thumbnails.count-multi .direction-nav { display:block; }
	
}
/* end: 320px <= width < 480px */


/* Design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {

		
	/* Disable hover effect
	-------------------------------------------------------------- */
		/* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
		.category-products-grid.hover-effect .item { border-top: none; }
		.category-products-grid.hover-effect .item:hover {
			margin-left:0;
			margin-right:0;
			padding-left:1%;
			padding-right:1%;
			box-shadow: none !important;
		}

		/* Show elements normally displayed only on hover */
		.category-products-grid.hover-effect .item .display-onhover { display:block !important; }
		
		/* Show full name even if enabled: display name in single line */
		.products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; }

		/* Spaces between items */
		.category-products-grid.hover-effect .item { margin-bottom: 20px; }
			
	
	/* Mobile header
	-------------------------------------------------------------- */
	.header-mobile .header-collateral {
		float: none;
		text-align:center;
	}
	.header-mobile .header-collateral > * {
		display: inline-block;
	}
	.header-mobile .logo-wrapper--mobile {
		float: none !important;
		text-align: center !important;
	}

	/* Product page
	-------------------------------------------------------------- */
	/* Related - thumbnails */
	.block-related-thumbnails .product-details {
		margin-left:0;
		margin-bottom:10px;
		clear:left;
	}
	.block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; }
	.block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; }
	
	/* Item grid
	-------------------------------------------------------------- */
	/* Always show 1 column */
	/* Important: added ".itemgrid" class to override other styles */
	.itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Thumbnails */
	.img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; }
	
	/* Slideshow
	-------------------------------------------------------------- */
	.the-slideshow-wrapper .owl-buttons { display: none; }

	.the-slideshow .direction-nav { display:none; } /* Deprecated */

}
/* end: width < 320px */


/* Design for a width of 240px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 240px <= width < 320px */
@media only screen and (min-width: 240px) and (max-width: 319px) {

	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Shrink the slider if to many thumbnails */
	.itemslider-thumbnails.count-3,
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:158px; } /*2*/

}
/* end: 240px <= width < 320px */


/* Design for a width of lass than 240px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 240px */
@media only screen and (max-width: 239px) {

	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Shrink the slider if to many thumbnails */
	.itemslider-thumbnails.count-2,
	.itemslider-thumbnails.count-3,
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-2 .direction-nav,
	.itemslider-thumbnails.count-3 .direction-nav,
	.itemslider-thumbnails.count-4 .direction-nav,
	.itemslider-thumbnails.count-5 .direction-nav,
	.itemslider-thumbnails.count-multi .direction-nav { display:block; }

}
/* end: width < 240px */


/**
 * Override styles configured via admin panel
 */



/* Additional styles for interface icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Icons with no background
-------------------------------------------------------------- */
/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li a,

/* Slider arrows (for zoom thumbnails) */
.slider-arrows3 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover
{
	background-color:transparent;
}

/* Other icons
-------------------------------------------------------------- */
/* Add-to links icons in product grid - square, no rounding */
.products-grid .addto-links-icons span.icon { border-radius: 0; }

/* Pager */
.pager .pages li a { background-color:#f5f5f5; }

/* Add-to links */
.addto-links-icons .ic { background-color:#fff; }

/*@font-face {
  font-family: 'CordaBold';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/cordabol-webfont.eot");
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/cordabol-webfont.eot?#iefix") format("embedded-opentype"), url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/cordabol-webfont.woff2") format("woff2"), url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/cordabol-webfont.woff") format("woff"), url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/cordabol-webfont.ttf") format("truetype"), url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/cordabol-webfont.svg#cordabold") format("svg"); }
*/

@font-face {
  font-family: 'GalanoGrotesque-Bold';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/GalanoGrotesque-Bold.otf");
}

@font-face {
  font-family: 'GalanoGrotesque-Medium';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/GalanoGrotesque-Medium.otf");
}

@font-face {
  font-family: 'GalanoGrotesque-Regular';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/GalanoGrotesque-Regular.otf");
}

@font-face {
  font-family: 'GalanoGrotesque-SemiBold';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/GalanoGrotesque-SemiBold.otf");
}

@font-face {
  font-family: 'worksans-regular';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/worksans-regular.otf");
}

@font-face {
  font-family: 'worksans-medium';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/worksans-medium.otf");
}

@font-face {
  font-family: 'lcd-solid';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/LCD_Solid.ttf");
}

@font-face {
  font-family: 'neon-one';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/NeonOne.otf");
}

@font-face {
  font-family: 'NeueHaas65';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/NHaasGroteskDSPro-65Md.eot");
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/NHaasGroteskDSPro-65Md.eot?#iefix") format("embedded-opentype"),
      url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/NHaasGroteskDSPro-65Md.woff") format("woff"),
      url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/NHaasGroteskDSPro-65Md.ttf") format("truetype")
}

@font-face {
  font-family: 'NeueHaas75';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/NHaasGroteskDSPro-75Bd.eot");
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/NHaasGroteskDSPro-75Bd.eot?#iefix") format("embedded-opentype"),
      url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/NHaasGroteskDSPro-75Bd.woff") format("woff"),
      url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/fonts/NHaasGroteskDSPro-75Bd.ttf") format("truetype")
}

/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) {
    div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) {
    div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) {
    div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) {
    div { color:#888; }
}

// ----------------------------------------------
*/
/* ============================================ *
 * Add Calculator for property
 * ============================================ */
/*
// ----------------------------------------------
// Usage example:
// use mixins to test whether styles should be applied.
// ----------------------------------------------


// Renders at fixed value
.test {
  @include calc(width, "25% - 1em");
}

// output:

.test {
  width: -webkit-calc(25% - 1em);
  width: calc(25% - 1em);
}

// ----------------------------------------------
*/
/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

// Renders at fixed value
@include fs ($f-size)

// ----------------------------------------------
*/
/*
// ----------------------------------------------
// Usage example:
// use mixins to test whether styles should be applied.
// ----------------------------------------------


// Renders at fixed value
@include margin(0,10px,null,right);

// output:

    margin: 0;
    @media only screen and min-width > 600px {
        margin-right: 10px;
    }

// ----------------------------------------------
*/
body {
  /* font: 400 16px/1.2 Verdana, arial, sans-serif; */
  /*font: 400 16px/1.2 'Open Sans', arial, sans-serif;*/
  font: 400 16px/1.2 'GalanoGrotesque-Regular';
  color: #1A1A1A;
  margin: 0 !important; }

.wrapper {
  overflow: hidden; }

.header-container {
  position: relative;
  z-index: 999;
  height: 174px;
}

@media (max-width: 1024px) {
  .header-regular .skip-link {
    display: block; }

  .header-regular .skip-link.active:after {
    position: fixed;
    left: 0;
    top: 61px;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1; }

  /* .header-regular .hp-blocks-holder {
    margin: 0 -1px; } */

  .panel .product-tile-price > label {
    margin: 0; } }
.header-regular .hp-blocks-holder .hp-block {
  vertical-align: middle;
  padding-right: 20px; }

@media (max-width: 1024px) {
  .header-regular .hp-blocks-holder .hp-block {
    display: none; }

  .header-regular .logo--mobile, .header-regular .logo-wrapper--mobile, .header-regular .header-collateral, .header-regular .after-mobile-logo, .header-regular #mini-cart-wrapper-mobile {
    display: block;
  }

  .header-regular .hide-mobile {
    display: none; }

  .logo-wrapper--regular {
    display: none; } }

/*Navigation*/

#nav {
  position: static; }
  #nav > li {
    float: left;
    font-size: 18px;
    /*line-height: 50px;*/
    color: #002b49;
    font-weight: 700;
    margin: 30px 24px 0 0; }
    #nav > li:last-child {
      margin: 30px 0 0 0; }
    #nav > li.has-children:hover > a:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 11px 11px 11px;
      border-color: transparent transparent #ffffff transparent;
      bottom: -1px;
      left: 50%;
      margin: 0 0 0 -11px; }
    #nav > li.has-children:hover > a:before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      bottom: -1px;
      left: 50%;
      margin: 0 0 0 -12px;
      border-width: 0 12px 12px 12px;
      border-color: transparent transparent #e1e1e1 transparent; }
    #nav > li.has-children:hover .opener {
      opacity: 1;
      z-index: 1;
      visibility: visible;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out; }
    #nav > li > a {
      color: #1A1A1A;
      display: block;
      padding: 0 0 17px;
      position: relative;
      z-index: 2;
      font-size: 14px;
      font-weight: 600;
      text-transform: capitalize;
      line-height: 19px; }
    #nav > li .caret {
      border-style: none;
      display: inline-block;
      font-family: FontAwesome;
      font-feature-settings: normal;
      font-kerning: auto;
      font-language-override: normal;
      font-size: inherit;
      font-size-adjust: none;
      font-stretch: normal;
      font-synthesis: weight style;
      line-height: inherit;
      text-rendering: auto;
      vertical-align: top;
      margin: 0 0 0 10px;
      width: auto; }
      #nav > li .caret:before {
        content: "\f107"; }
    #nav > li .sub-menu-open {
      display: none; }
  #nav .opener {
    opacity: 0;
    z-index: -2;
    visibility: hidden;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 3px solid #f1e6b2;
    background: #fff;
    padding: 45px 0; }
    #nav .opener .add-box {
      float: right;
      padding: 0 12px 0 15px;
      margin: 0 0 0 -1px;
      border-left: 1px solid #e0e0e0; }
      #nav .opener .add-box > ul {
        float: left;
        width: 180px;
        margin: 0 0 0 25px; }
        #nav .opener .add-box > ul > li > span {
          margin: 0 0 14px;
          font-weight: 600;
          font-size: 18px;
          line-height: 23px;
          color: #002b49;
          display: block; }
        #nav .opener .add-box > ul > li li {
          font-weight: 600;
          font-size: 18px;
          line-height: 23px;
          margin: 0 0 15px; }
          #nav .opener .add-box > ul > li li a {
            color: #002b49; }
          #nav .opener .add-box > ul > li li.special a {
            color: #c00; }
      #nav .opener .add-box .sub-banner {
        float: right;
        overflow: hidden; }
        @media (max-width: 1024px) {
          #nav .opener .add-box .sub-banner {
            display: none; } }
        #nav .opener .add-box .sub-banner .box {
          float: left;
          margin: 0 0 0 25px;
          width: 180px;
          box-sizing: border-box;
          padding: 25px 24px 85px;
          color: #fff;
          font-size: 13px;
          line-height: 18px;
          min-height: 256px;
          background: #002b49;
          font-weight: 400;
          position: relative; }
          #nav .opener .add-box .sub-banner .box:nth-child(2n) {
            background: #1A1A1A; }
          #nav .opener .add-box .sub-banner .box strong {
            display: block;
            font-weight: 700;
            /*font: 26px/28px CordaBold, serif;*/
            font: 26px/28px NeueHaas75, serif;
            margin: 0 0 15px;
            letter-spacing: -1px; }
          #nav .opener .add-box .sub-banner .box .button {
            position: absolute;
            bottom: 25px;
            left: 24px;
            right: 24px;
            border-color: #f0e5af;
            background: none;
            color: #fff;
            font-weight: 16px;
            font-weight: 700;
            padding: 0;
            line-height: 45px; }
    #nav .opener .holder {
      overflow: hidden;
      width: auto;
      padding: 0 20px 0 0;
      margin: 0 -1px 0 0;
      border-right: 1px solid #e0e0e0;
      box-sizing: border-box; }
      #nav .opener .holder > ul > li a {
        color: #585858;
        padding: 0;
        display: inline-block;
        vertical-align: top; }
        #nav .opener .holder > ul > li a:hover {
          color: #0d004c;
          text-decoration: underline; }
      #nav .opener .holder > ul > li ul li {
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        float: none;
        width: 100%;
        display: block;
        margin: 0 0 9px; }
    #nav .opener h3 {
      margin: 0 0 14px;
      font-weight: 700;
      font-size: 14px;
      line-height: 23px;
      color: #1A1A1A;
      text-transform: uppercase;
      position: relative; }
    #nav .opener .grid12-12 ul {
      -moz-column-count: 3;
      -moz-column-gap: 20px;
      -webkit-column-count: 3;
      -webkit-column-gap: 20px;
      column-count: 3;
      column-gap: 20px; }
      #nav .opener .grid12-12 ul li {
        page-break-inside: avoid; }

.nav-container #nav > li.level-top > a {
  text-transform: uppercase;
  font-family: NeueHass65, sans-serif; }

@media (max-width: 1024px) {
  #nav {
    border-bottom: 3px solid #f1e1a8;
    position: absolute;
    top: 100%;
    width: 100%;
    background: #fff;
    margin: 0;
    left: 0;
    } }
@media (max-width: 1200px) {
  #nav > li {
    font-size: 15px;
    margin: 0 25px 0 0; } }
@media (max-width: 1024px) {
  #nav > li {
    float: none;
    width: 100%;
    margin: 0;
    text-align: left;
    line-height: 20px;
    font-size: 15px;
    border-bottom: 1px solid #e1e1e1; }
    #nav > li:last-child {
      border-style: none;
      margin: 0 !important; }

  #nav > li:hover > a:after {
    display: none; }

  #nav > li:hover > a:before {
    display: none; }

  #nav > li:hover .opener {
    display: none; }

  #nav > li.level-top {
    position: relative;
    margin: 0 !important; }
    #nav > li.level-top .sub-menu-open {
      display: block;
      position: absolute;
      height: 43px;
      line-height: 43px;
      font-weight: 400;
      right: 0;
      top: 0;
      z-index: 3;
      width: 43px;
      text-align: center; }
      #nav > li.level-top .sub-menu-open.active {
        text-indent: -9999em; }
        #nav > li.level-top .sub-menu-open.active:after {
          content: "-";
          text-indent: 0;
          display: block;
          width: 43px;
          height: 43px;
          position: absolute;
          left: 0;
          top: 0; }

  #nav > li > a {
    padding: 11px 15px; }

  #nav > li .caret {
    display: inline-block;
    right: 10px;
    position: absolute; }

  #nav .opener {
    position: static;
    padding: 0;
    opacity: 1;
    visibility: visible;
    display: none;
    border-style: none; }

  #nav .opener .container {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box; }

  #nav .opener .add-box {
    order: 2;
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
    border-style: none; }

  #nav .opener .add-box > ul {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0 15px; }

  #nav .opener .add-box .sub-banner {
    display: none; }

  #nav .opener .holder {
    order: 1;
    float: none;
    width: 100%;
    padding: 11px 15px;
    margin: 0;
    border-style: none;
    box-sizing: border-box; }

  #nav .opener .holder > ul > li {
    padding: 0 0 14px;
    margin: 0 0 14px;
    border-bottom: 1px solid #ddd;
    width: 100%; }

  #nav .opener .holder > ul > li ul {
    display: none;
    padding: 14px 0 0; }

  #nav .opener h3 {
    margin: 0; }
    #nav .opener h3:after {
      content: "+";
      position: absolute;
      right: 0;
      top: 0;
      width: 23px;
      height: 23px;
      text-align: center;
      font-size: 18px;
      line-height: 23px;
      font-weight: 400; }
    #nav .opener h3.active:after {
      content: "-"; }

  #nav .opener .grid12-12 ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; }

  #nav .opener .grid12-12 ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1; } }
#header-nav {
  width: 65%;
  float: left;
  padding: 0; }
  #header-nav:after {
    display: block;
    clear: both;
    content: ""; }
  #header-nav .box .button {
    border-left: 1px solid #f0e5af;
    border-radius: 3px; }

    .nav-regular .classic > .nav-panel--dropdown > li > a {
      color: #585858;
      padding: 0;
      display: inline-block;
      vertical-align: top;
      text-decoration: none;
      font-size: 14px;
      font-weight: 400;
      line-height: 19px;
      float: none;
      width: 100%;
      display: block;
      margin: 0 0 9px;
    }

  /* Main Navigation New */

  ul#nav > li.nav-item--parent:hover ul.nav-submenu {display:block}
  li.nav-item--homeicon {display:none}
  #nav > li {margin: 30px 24px 0 0 }
  #nav > li:last-child {margin: 30px 0 0 0 }
  #nav > li > a {line-height: 19px }
  #nav > li .caret {margin: 0 0 0 10px}

  .nav-regular .classic > .nav-panel--dropdown > li > a {
    font-size: 14px;
    font-weight: 400;
    color: #1A1A1A;
  }

  ul#nav > li > ul.nav-panel--dropdown > li.nav-item--only-subcategories {
    text-transform: uppercase;
    float: left;
    margin: 0 10px 0 0;
    max-width: 160px;
  }

  ul#nav > li > ul.nav-panel--dropdown > li.nav-item--only-subcategories a span {font-weight:700;}
  ul#nav > li > ul.nav-panel--dropdown > li.nav-item--only-subcategories a span.caret {display:none}
  ul#nav > li > ul.nav-panel--dropdown > li.nav-item--only-subcategories > ul.level1 > li.nav-item a span {font-weight:400}

  .nav-regular .classic > .nav-panel--dropdown {
    margin: 0;
    min-width: 12em;
    width: 100%;
    left: 0;
    padding: 20px 8.5%;
    top: auto;
    box-shadow: 0 10px 10px rgba(0,0,0, 0.15);
    border-top: 1px solid #dedede;
    overflow: hidden;
    max-width:1200px;
  }
  .nav-regular .nav-item {
    text-align: left;
    text-transform: none;
  }

  .nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown {
    display: block;
    left: 0;
    top: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
  }
  ul#nav > li > ul.nav-panel--dropdown > li.level1 > ul.level1 {
    position: relative;
    display: block;
    left: 0;
    opacity: 1;
    box-shadow: none;
    border-top: none;
    top: auto;
    font-size: 14px;
    text-transform: none;
    margin: 0;
    padding: 10px 0 0 0;
  }




@media (max-width: 1024px) {
  #header-nav .nav {
    width: 100%;
    clear: both;
    display: block; } }
.header .dropdown .dropdown-heading {
  max-height: none;
  /***** line-height: 28px; */
  line-height: 20px;
  font-size: 13px;
  color: #1A1A1A;
  padding: 0 0 10px;
  margin: 0 0  -10px; }
  .header .dropdown .dropdown-heading .fa-angle-down {
    font-size: 18px; }
  .header .dropdown .dropdown-heading .fa-shopping-cart {
    /**** font-size: 22px;  */
    font-size: 30px;
  }
  .header .dropdown .dropdown-heading .count {
    display: none; }
.header .dropdown-content {
  width: 310px;
  white-space: normal; }
  .header .dropdown-content > div {
    padding: 19px;
    border: 1px solid #e1e1e1;
    background: #fff; }
    .header .dropdown-content > div.user-dropdown > strong {
      font-weight: 700;
      font-size: 14px;
      line-height: 19px;
      color: #1A1A1A;
      display: block;
      margin: 0 0 12px; }
    .header .dropdown-content > div.user-dropdown ul li {
      font-size: 14px;
      line-height: 19px;
      padding: 13px 0;
      border-top: 1px solid #ddd; }
      .header .dropdown-content > div.user-dropdown ul li a {
        color: #1A1A1A; }
        .header .dropdown-content > div.user-dropdown ul li a:hover {
          color: #002b49;
          text-decoration: underline; }
  .header .dropdown-content .block-subtitle {
    font-size: 14px;
    line-height: 24px;
    color: #1A1A1A;
    padding: 0 0 13px;
    margin: 0;
    border-bottom: 1px solid #ddd; }
    @media (max-width: 768px) {
      .header .dropdown-content .block-subtitle {
        font-size: 11px;
        color: #1A1A1A; } }
  .header .dropdown-content .subtotal {
    margin: 0 0 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 55px;
    color: #1A1A1A;
    border: 1px solid #ddd;
    border-width: 1px 0;
    width: 100%;
    overflow: hidden; }
    @media (max-width: 1024px) {
      .header .dropdown-content .subtotal {
        font-size: 14px;
        line-height: 45px; } }
    .header .dropdown-content .subtotal .price {
      float: right; }
  .header .dropdown-content .actions .button {
    background: none;
    border-style: none;
    text-decoration: underline;
    font-size: 14px;
    line-height: 35px;
    color: #0d004c;
    width: 100%;
    text-align: center;
    font-weight: 400; }
  .header .dropdown-content .actions .btn-checkout {
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    background: #253852;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    margin: 0 0 5px; }
  @media (max-width: 1024px) {
    .header .dropdown-content#header-cart {
      margin: 8px 0 0;
      padding: 0 !important;
      right: -8px;
      top: 100%;
      width: 320px; }
      .header .dropdown-content#header-cart:after, .header .dropdown-content#header-cart:before {
        border-style: none;
        width: 58px;
        height: 1px;
        background: #fff;
        position: absolute;
        top: 0;
        right: 0; } }

.mini-products-list .product-details {
  margin: 0 0 0 90px; }
.mini-products-list .product-image {
  width: 52px;
  border: 1px solid #ddd;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
.mini-products-list li {
  padding: 20px 0 !important; }
  .mini-products-list li .product-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #002b49; }
  .mini-products-list li .btn-edit, .mini-products-list li .btn-remove {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    float: none !important;
    font-size: 14px;
    line-height: 19px;
    color: #0d004c;
    margin: 0 !important;
    text-decoration: underline; }
  .mini-products-list li .btn-edit:after, .mini-products-list li .btn-edit:before {
    display: none; }
  .mini-products-list li .btn-remove:after, .mini-products-list li .btn-remove:before {
    display: none; }

.dropdown .dropdown-content {
  padding: 10px 0 0 !important;
  background: none !important; }
.dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div {
  padding: 0;
  background: none; }
.dropdown .dropdown-heading.cover > span:hover, .dropdown .dropdown-heading.cover > div:hover {
  background: none; }
.dropdown .dropdown-heading.cover > span > *, .dropdown .dropdown-heading.cover > div > * {
  vertical-align: top;
  line-height: 28px; }

.links > li {
  font-size: 13px;
  line-height: 28px;
  padding: 0; }
  .links > li > a {
    font-size: 13px;
    line-height: 28px;
    padding: 0; }

  @media (max-width: 1024px) {
    #mini-cart {
      margin: 0;
      float: none; }
      #mini-cart .mini-cart-heading .price {
        display: none; }
      #mini-cart .mini-cart-heading .label {
        display: block; } }
  #mini-cart .mini-cart-heading {
    margin: 0;
    padding: 0;
    cursor: pointer; }

.hp-block .item-right {
  font-size: 13px;
  line-height: 20px;
  color: #1A1A1A;
  /**** margin-top: 20px; */
  }

.item, .call-us, .menu-account {
  color: #1A1A1A; }

.item .fa, .call-us .fa, .menu-account .fa {
  margin: 0px 30px 0px 3px;
  font-size: 30px;
  vertical-align: middle;
  color: #1A1A1A; }

.call-us .fa {
  font-size: 21px; }

.menu-account .dropdown-content {
  width: 230px; }

@media (min-width: 1025px) {
  .mobile-show {
    display: none; } }
@media (max-width: 1024px) {
  .grid-containers {
    display: none !important;
  }
  .user-menu {
    display: none !important; } }
#top:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 47px;
  background: #f7f7f7;
  z-index: -1;
  content: ""; }
#top .mobile-bar {
  width: 100%;
  position: relative;
  z-index: 2; }
  #top .mobile-bar td {
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ddd;
    border-top: none;
    padding: 0 8px;
    white-space: nowrap;
    width: 41px; }
    #top .mobile-bar td.active {
      border-bottom: 1px solid #f8f8f8;
      background: #f8f8f8; }
    #top .mobile-bar td.logo-holder {
      text-align: left;
      padding: 0;
      width: auto; }
    #top .mobile-bar td .icon, #top .mobile-bar td .fa {
      display: block;
      line-height: 28px;
      color: #1A1A1A;
      border: none !important;
      height: auto !important; }
    #top .mobile-bar td .fa-angle-down {
      display: none; }
    #top .mobile-bar td .label {
      display: block;
      font-size: 10px;
      line-height: 15px;
      text-transform: uppercase;
      color: #1A1A1A; }
  #top .mobile-bar .parent .slide-box {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    background: #f8f8f8;
    border-top: none;
    margin: 1px 0 0; }
  #top .mobile-bar .sub-menu {
    position: relative; }
    #top .mobile-bar .sub-menu:after {
      display: block;
      clear: both;
      overflow: hidden;
      content: ""; }
    #top .mobile-bar .sub-menu:before {
      position: absolute;
      left: 50%;
      top: 0;
      bottom: 0;
      width: 1px;
      background: #ddd;
      content: "";
      z-index: 10; }
    #top .mobile-bar .sub-menu > li {
      float: left;
      width: 50%;
      color: #172c47;
      background: #f7f7f7;
      border-bottom: 1px solid #e5e5e5;
      overflow: hidden;
      position: relative; }
      #top .mobile-bar .sub-menu > li.active {
        background: #fff;
        color: #1A1A1A;
        border-bottom: none;
        overflow: visible;
        position: static; }
      #top .mobile-bar .sub-menu > li > span {
        display: block;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        padding: 12px 0;
      }
    #top .mobile-bar .sub-menu .block_header_top_right2, #top .mobile-bar .sub-menu .nav-container {
      display: none;
      position: absolute;
      top: 100%;
      width: 100%;
      background: #fff;
      margin: 0;
      left: 0; }
    #top .mobile-bar .sub-menu .block_header_top_right2 .dropdown-content, #top .mobile-bar .sub-menu .nav-container .dropdown-content {
      width: 100%;
      display: block !important;
      position: static;
      padding: 0 !important;
      margin: 0; }
    #top .mobile-bar .sub-menu .block_header_top_right2 .dropdown-content:before, #top .mobile-bar .sub-menu .block_header_top_right2 .dropdown-content:after {
      display: none; }
    #top .mobile-bar .sub-menu .nav-container .dropdown-content:before, #top .mobile-bar .sub-menu .nav-container .dropdown-content:after {
      display: none; }
    #top .mobile-bar .sub-menu .block_header_top_right2 .dropdown-content > div, #top .mobile-bar .sub-menu .nav-container .dropdown-content > div {
      padding: 0;
      border-top: none; }
    #top .mobile-bar .sub-menu .block_header_top_right2 .dropdown-content .user-dropdown ul li, #top .mobile-bar .sub-menu .nav-container .dropdown-content .user-dropdown ul li {
      padding: 0; }
    #top .mobile-bar .sub-menu .block_header_top_right2 .dropdown-content .user-dropdown ul li a, #top .mobile-bar .sub-menu .nav-container .dropdown-content .user-dropdown ul li a {
      display: block;
      padding: 11px 19px; }
    #top .mobile-bar .sub-menu .block_header_top_right2 .dropdown-content .user-dropdown > strong, #top .mobile-bar .sub-menu .nav-container .dropdown-content .user-dropdown > strong {
      display: block;
      margin: 0;
      padding: 11px 19px; }
    #top .mobile-bar .sub-menu .block_header_top_right2 .menu-account, #top .mobile-bar .sub-menu .nav-container .menu-account {
      display: block !important; }
    #top .mobile-bar .sub-menu .block_header_top_right2 .menu-account .fa, #top .mobile-bar .sub-menu .nav-container .menu-account .fa {
      display: inline-block;
      vertical-align: middle; }
    #top .mobile-bar .sub-menu .block_header_top_right2 a.menu-account, #top .mobile-bar .sub-menu .nav-container a.menu-account {
      overflow: hidden;
      border-bottom: 1px solid #ddd;
      padding: 11px 15px; }
#top .subtotal .label {
  display: inline !important;
  color: #1A1A1A !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 55px !important; }
  @media (max-width: 768px) {
    #top .subtotal .label {
      font-size: 14px !important;
      line-height: 45px !important;
      float: left; } }
#top .subtotal .price {
  float: none !important; }
  @media (max-width: 768px) {
    #top .subtotal .price {
      float: right !important; } }

@media (max-width: 1024px) {
  #top:after {
    display: none; }

  #top .mobile-show {
    display: block; }

  #top .mobile-bar {
    display: table; }

  #top .inner-container {
    padding: 0; } }
    .header-container, .header-container2, .header-container3 {
      background-color: #ffffff;
      /* z-index: 99999999; */
    }
.header-container3 {
  /*padding: 10px 0 0;*/
  position: fixed;
  /* position: relative; */
  width: 100% !important;
  /*border-bottom: 1px solid #dedede;*/ }

@media (max-width: 1024px) {
  .header-container3 {
    padding: 0;
    position:relative; } }
.top-links {
  overflow: hidden;
  text-align: left;
  float: none; }
  .top-links .links {
    float: none;
    width: 100%;
    overflow: hidden; }
    .top-links .links li {
      display: inline-block;
      vertical-align: top;
      padding: 0 11px;
      float: none;
      position: relative;
      color: #1A1A1A; }
      .top-links .links li:after {
        position: absolute;
        right: 3px;
        top: 0;
        height: 100%;
        width: 1px;
        content: "|"; }
      .top-links .links li:last-child:after {
        display: none; }
      .top-links .links li a {
        font-size: 13px;
        font-weight: 600;
        color: #1A1A1A; }

@media (max-width: 1024px) {
  .top-links {
    width: 100%;
    text-align: right;
    padding: 20px 0 0; } }
.header-primary {
  padding: 0; }
  @media (max-width: 1024px) {
    .header-primary {
      padding: 0;
      /* margin: 0 -2px; */
      width: auto;
      max-width: none; } }
  .header-primary .header-container3 .hp-block {
    vertical-align: top; }
  /******* .header-primary .logo-wrapper {
    min-width: 220px; } */
    .header-primary .logo-wrapper .logo {
      padding: 0;
      margin: 0; }

.nav-holder {
  display: table; }

#header-search-container {
  width: 100%;
  background-color: #fff;
  /*border-bottom: 1px solid #dedede;
  border-top: 1px solid #dedede;*/
  position: absolute;
  z-index: -1;
}


.hide {
  overflow: hidden;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.show {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  max-height: 1000px;
  overflow: hidden;
}

#header-search {
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  clear: both !important;
  float: none;
  margin-left: 10px;
}
  #header-search .button {
    font-weight: 700;
    padding: 4px 15px;
    font-size: 14px;
    width: auto;
    height: auto;
    position: static;
    border-style: none;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    background-color: #1A1A1A !important;
    display: table-cell;
    vertical-align: top;
    border-radius: 0; }
    #header-search .button button {
      background: #f7f7f7 !important; }
    #header-search .button:before {
      display: none; }
    #header-search .button span {
      display: block; }
  #header-search .holder {
    width: 100%;
    overflow: visible;
    display: table-cell;
    vertical-align: top; }
  #header-search input {
    padding: 5px 0;
    width: 100%;
    box-sizing: border-box;
    min-width: 100%;
    height: auto;
    color: #1A1A1A;
    border: none;
    font-size: 18px;
    line-height: 25px;
    font-family: 'GalanoGrotesque-Medium';
     }
  #header-search input:focus{
    outline: none;
  }
  #header-search input::-webkit-input-placeholder, #header-search input::-moz-placeholder, #header-search input:-moz-placeholder, #header-search input:-ms-input-placeholder {
    color: #1A1A1A;
    opacity: 0.6;
  }
  #header-search input::placeholder {
    color: #1A1A1A;
    opacity: 0.6;
  }
@media (max-width: 1024px) {
  #header-search {
    float: none;
    width: 100%;
    clear: both;
    display: block; }

  #header-search .button {
    line-height: 36px; }

  #header-search input {
    font-size: 14px;
    line-height: 17px;
    padding: 9px 0 9px 9px; } }
.form-search {
  display: table;
  width: 100%;
  margin: 0 !important; }

@media (max-width: 1024px) {
  #search_mini_form {
    border-bottom: 1px solid #ddd; }

  #search_mini_form .button {
    background: #f7f7f7 !important;
    border-style: none;
    color: #999;
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    line-height: 36px;
    margin: 0;
    padding: 0 12px;
    position: static;
    text-transform: uppercase;
    width: auto; }
    #search_mini_form .button:before, #search_mini_form .button:after {
      display: none; }

  #search_mini_form .holder {
    display: table-cell;
    vertical-align: top;
    width: 100%; }

  #search_mini_form .input-text {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 10px; } }
.slide {
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  font: 400 20px/25px 'Open Sans', arial, sans-serif;
  color: #002b49; }
  .slide .text-holder {
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 77px 100px;
    vertical-align: middle;
    display: table-cell; }
    .slide .text-holder .button {
      bottom: 45px;
      left: 77px;
      right: auto; }
      @media (max-width: 400px) {
        .slide .text-holder .button {
          padding: 0 15px; } }
  .slide .holder {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.86); }
  .slide .frame {
    display: table;
    width: 100%;
    height: 100%; }
  .slide .label {
    position: absolute;
    right: 0;
    top: 0;
    background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sale-ico.png) no-repeat;
    width: 289px;
    height: 275px;
    text-indent: -9999px;
    overflow: hidden; }
  .slide .title {
    font-weight: 700;
    font-size: 48px;
    line-height: 49px;
    margin: 0 0 15px; }
  .slide .button {
    position: absolute;
    right: 78px;
    bottom: 45px; }
  .slide #itemslider-upsell {
    border-style: none;
    border-top: 1px solid #ddd; }
    .slide #itemslider-upsell .owl-carousel {
      position: static; }

@media (max-width: 1024px) {
  .slide {
    font-size: 15px;
    line-height: 18px; }

  .slide .text-holder {
    padding: 0 10px; }

  .slide .text-holder .button {
    position: static;
    font-size: 15px;
    line-height: 35px;
    display: block;
    font-weight: 400;
    float: left; }

  .slide .label {
    width: 40%;
    background-size: 100% auto; } }
@media (max-width: 980px) {
  .slide .title {
    font-size: 30px;
    line-height: 35px; } }
@media (max-width: 1024px) {
  .slide .title {
    font-size: 20px;
    line-height: 25px; }

  .slide p {
    display: none; }

  .slide .button {
    display: none; } }
.columns + .slide {
  padding-top: 20px; }

.slider-description:empty {
  display: none; }

.cms-home .slides .item {
  min-height: 270px; }
  .cms-home .slides .item img {
    min-height: 270px; }

.button {
  background: none;
  font-weight: 700;
  padding: 0 25px;
  line-height: 48px;
  font-size: 16px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block; }
  .button.add-address {
    line-height: 50px;
    color: #fff;
    border-style: none;
    font-size: 16px;
    font-weight: 700;
    background: #4a5364;
    padding: 0 26px; }

.pagination-pos-over-bottom-centered .owl-pagination {
  position: static;
  margin: 0;
  padding: 19px 0; }
  .pagination-pos-over-bottom-centered .owl-pagination .owl-page {
    width: 19px;
    height: 19px;
    border: 1px solid #1A1A1A;
    background: #fff;
    margin: 0 3px; }
    .pagination-pos-over-bottom-centered .owl-pagination .owl-page.active {
      background: #ff5100; }
    .pagination-pos-over-bottom-centered .owl-pagination .owl-page span {
      display: none; }

.inspiration {
  text-align: center;
  font-size: 12px;
  line-height: 40px;
  color: #1A1A1A;
  font-weight: 600;
  margin: 0 auto 15px;
  background: #f3e6b1;
  width: 100%;
  float: none;
   /************* padding-top: 80px;  */
  }
  .inspiration a, .inspiration strong {
    font-weight: 700; }
  .inspiration a {
    color: #002b49;
    margin: 0 25px; }

@media (max-width: 768px) {
  .inspiration {
    display: none; }

  .cms-home .slides .item {
    min-height: 0px;
    margin-bottom: 10px;
    height: auto; }
    .cms-home .slides .item img {
      min-height: 0px;
      height: auto; } }
@media (max-width: 767px) {
  .cms-home .slides .item {
    min-height: 0px;
    height: auto;
    margin-bottom: 0px; }
    .cms-home .slides .item img {
      min-height: 0px;
      height: auto; } }
@media (max-width: 1200px) {
  .cms-home .container {
    width: 96%;
    max-width: 1200px; }
  .cms-home .header-container .container {
    width: 100%; } }
.the-slideshow-wrapper.one-slider {
  margin-bottom: 15px; }

h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 43px;
  color: #1A1A1A;
  text-align: center;
  margin: 0 0 25px;
  clear: both; }

@media (max-width: 768px) {
  h2 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 20px; } }
.columns {
  width: 100%;
  font-size: 0;
  line-height: 0;
  position: relative;
  box-sizing: border-box;
  font-weight: 600;
  color: #002b49;
  margin: 0 0 27px; }
  .columns .columns {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0; }
  .columns.col3-set .col {
    width: 33.333%; }
  .columns .col {
    color: #002b49;
    box-sizing: border-box;
    position: relative;
    font-size: 16px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    padding: 12px;
    width: 50%;
    overflow: hidden; }
    .columns .col.wide {
      width: 100%; }
    .columns .col:hover p, .columns .col:hover .button {
      -webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
      -o-transition: all 300ms ease;
      transition: all 300ms ease;
      position: relative;
      bottom: 0;
      visibility: visible;
      opacity: 1;
      height: 100%;
      -moz-transform: translateY(0px);
      -webkit-transform: translateY(0px);
      -o-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px); }
    .columns .col:hover p {
      margin: 10px 0 15px; }
    .columns .col img {
      display: block;
      width: 100%;
      height: auto; }
    .columns .col p, .columns .col .button {
      height: 0;
      overflow: hidden;
      position: absolute;
      bottom: -100%;
      visibility: hidden;
      opacity: 0;
      -moz-transform: translateY(15vh);
      -webkit-transform: translateY(15vh);
      -o-transform: translateY(15vh);
      -ms-transform: translateY(15vh);
      transform: translateY(15vh); }
    .columns .col p {
      margin: 0; }
    .columns .col .button {
      font-size: 14px;
      line-height: 38px; }
  .columns .text-holder {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
    padding: 25px 36px;
    background: rgba(255, 255, 255, 0.86);
    box-sizing: border-box;
    overflow: hidden; }
    .columns .text-holder.half {
      width: 50%; }
    .columns .text-holder.blue {
      background: rgba(37, 56, 82, 0.89);
      width: 280px;
      left: 47px;
      bottom: 54px;
      right: auto;
      color: #fff; }
      .columns .text-holder.blue.top-right {
        bottom: auto;
        left: auto;
        right: 48px;
        top: 55px; }
      .columns .text-holder.blue.bottom-right {
        left: auto;
        top: auto;
        right: 48px;
        bottom: 54px; }
      .columns .text-holder.blue.top-left {
        bottom: auto;
        right: auto;
        left: 48px;
        top: 55px; }
      .columns .text-holder.blue h3 {
        color: #fff; }
      .columns .text-holder.blue .button {
        border-color: #fff;
        color: #fff; }
  .columns h3 {
    /*font: 32px/37px CordaBold, serif;*/
    font: 32px/37px NeueHaas75, serif;
    color: #002b49;
    margin: 0; }
    @media (max-width: 980px) {
      .columns h3 {
        font-size: 30px;
        line-height: 33px; } }
    @media (max-width: 767px) {
      .columns h3 {
        font-size: 14px !important;
        line-height: 17px !important; } }

@media (max-width: 1024px) {
  .columns {
    margin: -10px -10px 30px;
    width: auto; } }
@media (max-width: 767px) {
  .columns {
    width: 100%;
    margin: -10px 0 5px; } }
@media (max-width: 768px) {
  .columns .columns {
    width: 100%; } }
@media (max-width: 768px) {
  .columns .columns .col.wide {
    width: 100%; } }
@media (max-width: 980px) {
  .columns .col {
    font-size: 13px;
    line-height: 16px; } }
@media (max-width: 768px) {
  .columns .col {
    padding: 10px; }

  .columns .col p, .columns .col .button {
    display: none; }

  .columns .text-holder {
    padding: 10px;
    right: 10px;
    left: 10px;
    bottom: 10px; }

  .columns .text-holder.half {
    width: 100%; }

  .columns .text-holder.blue {
    bottom: 20px;
    right: 20px;
    left: 20px;
    top: auto;
    width: auto; } }
@media (max-width: 767px) {
  .columns .text-holder.blue {
    bottom: 10px;
    right: 10px;
    left: 10px; } }
@media (max-width: 1024px) {
  .columns .text-holder.blue.top-right {
    bottom: auto;
    right: 20px;
    left: 20px;
    top: 20px;
    width: auto; }
  .columns .text-holder.blue.bottom-right {
    bottom: 20px;
    right: 20px;
    left: 20px;
    top: auto;
    width: auto; }
  .columns .text-holder.blue.top-left {
    bottom: auto;
    right: 20px;
    left: 20px;
    top: 20px;
    width: auto; } }
@media (max-width: 767px) {
  .columns .text-holder.blue.top-right, .columns .text-holder.blue.bottom-right, .columns .text-holder.blue.top-left {
    bottom: 10px;
    right: 10px;
    left: 10px;
    top: auto;
    width: auto; } }
@media (max-width: 980px) {
  .columns h3 {
    font-size: 30px;
    line-height: 33px; } }
@media (max-width: 767px) {
  .columns h3 {
    font-size: 14px;
    line-height: 17px; } }
.btn-holder {
  text-align: center;
  margin: 0 0 70px; }
  .btn-holder .button {
    font-size: 14px;
    padding: 0 25px;
    white-space: nowrap;
    text-transform: uppercase;
    border-color: #1A1A1A;
    color: #1A1A1A;
  }
  .btn-holder .button:hover {
    color: white !important;
    background-color: #1A1A1A;
  }

@media (max-width: 1024px) {
  .btn-holder {
    margin: 0 0 40px; } }
@media (max-width: 767px) {
  .btn-holder {
    margin: 0 0 15px;
    padding: 0 10px; } }
@media (max-width: 767px) {
  .btn-holder .button.all {
    width: 100%;
    display: block;
    box-sizing: border-box; } }
.inspire {
  background: #253852;
  font-size: 17px;
  line-height: 26px;
  color: #fff;
  padding: 15px 36px 15px 33px;
  overflow: hidden;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto 95px; }
  .inspire h2 {
    font: 55px/60px NeueHaas75, serif;
    /*font: 55px/60px CordaBold, serif;*/
    color: #fff;
    padding: 0 16px 0 0;
    margin: 0 20px 0 0;
    border-right: 2px solid #f0e5af;
    float: left; }
  .inspire .button {
    float: right;
    color: #fff;
    border-color: #f0e5af;
    margin: 4px 0 0; }
  .inspire p {
    overflow: hidden;
    padding: 4px 0; }

@media (max-width: 1024px) {
  .inspire {
    font-size: 20px;
    line-height: 26px;
    padding: 13px 28px 23px;
    margin: 0 auto 35px;
    max-width: 737px; } }
@media (max-width: 767px) {
  .inspire {
    padding: 15px 10px;
    width: auto;
    clear: both;
    margin: 0 10px 20px;
    font-size: 11px;
    line-height: 14px; } }
@media (max-width: 1024px) {
  .inspire h2 {
    font-size: 50px;
    line-height: 55px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border: 1px solid #f0e5af;
    border-width: 0 0 1px;
    float: none;
    text-align: left; } }
@media (max-width: 767px) {
  .inspire h2 {
    float: none;
    font-size: 22px;
    line-height: 23px;
    margin: 0 0 10px;
    padding: 0;
    border-style: none;
    text-align: left; } }
@media (max-width: 768px) {
  .inspire .button {
    font-size: 12px;
    padding: 0 13px; } }
@media (max-width: 767px) {
  .inspire .button {
    line-height: 39px; } }
.page .promo-book {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/bg-promo-book.jpg) no-repeat 50% 50%/100% 100%;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  text-align: center;
  font-weight: 300;
  font-size: 20px;
  line-height: 25px;
  color: #585851;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  padding: 27px 50px 34px;
  margin: 0 auto 65px;
  clear: both; }
  @media (max-width: 768px) {
    .page .promo-book {
      font-size: 13px;
      line-height: 18px;
      margin-bottom: 20px;
      max-width: 737px; } }
  @media (max-width: 767px) {
    .page .promo-book {
      width: 100%;
      font-size: 13px;
      line-height: 18px;
      background-size: 140% 100%;
      margin-bottom: 20px;
      padding: 10px 20px 20px; } }
  .page .promo-book h2 {
    font: 55px/60px NeueHaas75, serif;
    /*font: 55px/60px CordaBold, serif;*/
    color: #585851;
    margin: 0 0 25px;
    padding: 0;
    text-align: center; }
    @media (max-width: 1024px) {
      .page .promo-book h2 {
        font-size: 31px;
        line-height: 32px; } }
    @media (max-width: 767px) {
      .page .promo-book h2 {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 13px; } }
  .page .promo-book p {
    margin: 0 0 32px; }
    @media (max-width: 1024px) {
      .page .promo-book p {
        margin: 0 auto 30px;
        max-width: 450px; } }
    @media (max-width: 767px) {
      .page .promo-book p {
        margin: 0 auto 10px; } }
  .page .promo-book .button {
    color: #585851;
    border-color: #585851; }
    .page .promo-book .button:hover {
      color: #fff; }
    @media (max-width: 1024px) {
      .page .promo-book .button {
        font-size: 16px; } }
    @media (max-width: 767px) {
      .page .promo-book .button {
        font-size: 11px;
        line-height: 35px; } }
  @media (max-width: 768px) {
    .page .promo-book br {
      display: none; } }

.cols-4set {
  width: 100%;
  max-width: 1248px;
  margin: 0 auto 32px;
  display: table;
  table-layout: fixed;
  border-spacing: 24px; }
  @media (max-width: 768px) {
    .cols-4set {
      margin-bottom: 20px;
      margin-top: -14px;
      border-spacing: 14px; } }
  .cols-4set .col {
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    line-height: 19px;
    color: #172c47;
    position: relative;
    padding: 0 0 40px; }
    @media (max-width: 1024px) {
      .cols-4set .col {
        display: none; }
        .cols-4set .col:nth-child(1), .cols-4set .col:nth-child(2), .cols-4set .col:nth-child(3) {
          display: table-cell; } }
    @media (max-width: 767px) {
      .cols-4set .col {
        display: none;
        font-size: 12px;
        padding: 0 0 30px; }
        .cols-4set .col:nth-child(1), .cols-4set .col:nth-child(2) {
          display: table-cell; }
        .cols-4set .col:nth-child(3) {
          display: none; } }
    .cols-4set .col:after {
      position: absolute;
      content: "";
      width: 100%;
      /*left: 0;
      bottom: 40px;
      height: 1px;
      background: #f3e6b1;*/ }
      @media (max-width: 768px) {
        .cols-4set .col:after {
          bottom: 30px; } }
    .cols-4set .col img {
      display: block;
      margin: 0 0 20px;
      max-width: none;
      width: 100%; }
    .cols-4set .col .category {
      color: #1A1A1A; }
    .cols-4set .col h3 {
      font-weight: 700;
      color: #1A1A1A;
      font-size: 14px;
      line-height: 1.5em;
      margin: 5px 0 13px; }
      @media (max-width: 767px) {
        .cols-4set .col h3 {
          font-size: 14px;
          line-height: 19px; } }
    .cols-4set .col p {
      margin: 0 0 20px; }
    .cols-4set .col .more {
      /*position: absolute;*/
      left: 0;
      bottom: 0;
      font-size: 13px;
      line-height: 18px;
      color: #1A1A1A;
      font-weight: 600;
      text-decoration: underline;
      text-transform: uppercase; }
      .cols-4set .col .more:hover {
        text-decoration: none; }

.join-box {
  text-align: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #1A1A1A;
  padding: 30px 0 30px !important;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  overflow: hidden; }
  /*.join-box:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 70px;
    bottom: 62px;
    width: 1px;
    background: #ccc; }*/
  .join-box p {
    margin: 0 0 20px; }
  .join-box .input-box {
    box-sizing: border-box; }

@media (max-width: 1024px) {
  .join-box {
    padding: 40px 0 !important;
    margin-bottom: 40px; }
    .join-box:after {
      top: 40px;
      bottom: 40px; } }
@media (max-width: 767px) {
  .join-box {
    padding: 20px 0 0 !important;
    margin-bottom: 0;
    border-width: 1px 0 0; }
    .join-box:after {
      display: none; }
    .join-box > * {
      /* border-bottom: 1px solid #ccc; */
      padding: 0 0 20px;
      margin: 0 0 20px; } }
@media (min-width: 768px) {
  .join-box p {
    max-width: 300px;
    margin: 0 auto 20px; } }
#subscribe-form {
  /*max-width: 435px;*/
  width: 100%;
  margin: 0 auto; }

#newsletter-validate-detail label {
  display: block;
  margin: 0 auto 20px;
  font-size: 18px;
  line-height: 20px;
  color: #1A1A1A;
  font-weight: normal;
  font-weight: 400;
  float: none; }
#newsletter-validate-detail .input-box {
  border: 1px solid #ccc;
  /*-webkit-border-radius: 3px;
  border-radius: 3px;*/
  float: none;
  margin: 0 auto 9px;
  width: 90%;
  overflow: hidden; }
  #newsletter-validate-detail .input-box .frame {
    overflow: hidden; }
  #newsletter-validate-detail .input-box input {
    display: block;
    overflow: hidden;
    border-style: none;
    background: none;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    color: #1A1A1A;
    padding: 0 14px;
    float: none;
    width: 50%; }
  #newsletter-validate-detail .input-box .button {
    float: right;
    padding: 0 26px;
    border-style: none;
    color: #fff;
    font-size: 14px;
    line-height: 48px;
    height: 48px;
    background: #1A1A1A;
    border-radius: 0; }
#newsletter-validate-detail .input-box.join-now {
  border: none;
  width: auto;
  display: inline-block;
}
#newsletter-validate-detail .link-holder {
  text-align: center;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase; }
  #newsletter-validate-detail .link-holder a {
    color: #999;
    text-decoration: underline; }
    #newsletter-validate-detail .link-holder a:hover {
      text-decoration: none; }
#newsletter-validate-detail .validation-advice {
  width: 100% !important;
  overflow: hidden;
  clear: both;
  position: static !important; }

@media (min-width: 768px) {
  #newsletter-validate-detail label {
    max-width: 350px;
    margin: 0 auto 20px; }

  #newsletter-validate-detail .input-box {width: 40%}
  #newsletter-validate-detail .input-box input {width: 100%}

     }

/*Footer */

.footer-container {
  color: #1A1A1A;
  background-color: #f7f7f7;}
.footer-container ul {
  margin-left: 0 !important;
}
  .footer-container p {
    font-size: 14px;
    line-height: 1.5em;}
  .footer-container h3 {
    color: #1A1A1A;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
    border-style: none;
    font-size: 18px; }
  .footer-container h4 {
    color: #1A1A1A;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    margin: 0 0 14px;
    text-align: left;
    /* redesign */
    border-bottom: 1px solid #1A1A1A;
    font-family: 'GalanoGrotesque-Regular' !important;
    /* redesign */
  }
  .footer-container ul li {
    font-size: 14px;
    line-height: 19px;
    color: #1A1A1A;
    margin: 0 0 8px;
    text-align: left; }
    .footer-container ul li a {
      color: #1A1A1A; }
      .footer-container ul li a:hover {
        text-decoration: underline; }
  .footer-container .std ul li,
  .footer-container .std ol li {
    list-style: none; }
  .footer-container .slogan {
    display: table;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #585858;
    margin: 0 0 28px;
    width: 100%; }
    .footer-container .slogan img {
      vertical-align: middle;
      margin: 0; }
    .footer-container .slogan span {
      vertical-align: middle;
      display: table-cell;
      max-width: calc(100% - 105px);
      padding-left: 10px; }
  .footer-container .call {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #858585; }
    .footer-container .call div {
      font-weight: 700;
      color: #002b49;
      text-transform: uppercase;
      font-size: 17px;
      line-height: 23px;
      padding: 4px 0 0; }
      .footer-container .call div span {
        margin: 0 7px 0 0; }
@media (min-width: 769px) and (max-width: 1050px) {
  .footer-container h4 {
    height: 46px
  }}
@media (max-width: 768px) {
  .footer-container h4 {
    font-size: 14px;
    line-height: 19px;
  }
  .footer-container .social-svg-icon.grid12-2 {
      width: 18% !important;
  }
}

@media (max-width: 768px) {
  .footer-container ul li {
    font-size: 12px;
    line-height: 17px; } }
@media (max-width: 768px) {
  .footer-container .slogan {
    margin: 0;
    padding: 9px;
    border: 1px solid #ddd;
    border-width: 1px 0;
    margin: 0 -12px 18px;
    font-size: 18px;
    line-height: 20px; } }
@media (max-width: 768px) {
  .footer-container .slogan img {
    width: 85px;
    height: auto; } }
@media (max-width: 768px) {
  .footer-container .call {
    text-align: center;
    font-size: 13px;
    line-height: 17px; } }
@media (max-width: 768px) {
  .footer-container .call div {
    font-size: 15px;
    line-height: 18px; } }
@media (max-width: 768px) {
  .footer-container .grid12-2 {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 49% !important;
    margin: 0 0 5px; }

  .footer-container .container {width: auto;}

  .footer-sitemap .omega, .footer-sitemap .omega h4 {text-align: center;}

   }
.social-links a span {
  width: 40px;
  height: 40px;
  background: #f7f7f7;
  /* border: 1px solid #cdcdcd; */
  border: none;
  line-height: 40px;
  margin: 0 5px;
  font-size: 20px; }
@media (max-width: 1240px) {
  .social-links a span {
  margin: 0px; } }
@media (min-width: 768px) and (max-width: 1024px) {
  .social-links a span {
    width: 28px;
    height: 28px; }
  .social-links .ic-lg {
    font-size: 15px !important;
    line-height: 32px !important;}}
.footer-secondary {
  margin-bottom: 37px; }

@media (max-width: 768px) {
  .footer-secondary {
    margin-bottom: 20px; } }
.footer-secondary-container .grid12-12 {
  margin: 0;
  width: 100%; }
.footer-copyright {
  max-width: 1200px;
  margin: 0 auto;
  padding: 21px 0;
  font-size: 12px;
  line-height: 17px;
  background: #f7f7f7; }

@media (max-width: 768px) {
  .footer-copyright {
    padding: 17px 10px;
    margin: 0 0 27px; } }
@media (max-width: 768px) {
  .footer-bottom {
    padding: 0; } }
.block_footer_primary_bottom {
  width: 100%;
  overflow: hidden;
  text-align: center;
  font-weight: 600;
  font-size: 13px; }
  .block_footer_primary_bottom img {
    display: block;
    margin: 13px auto; }

.onestepcheckout-index-index .main {
  width: auto; }

.main-container {
  position: relative;
  z-index: 1;
  width: 100%;
  clear: both;
}
  .main-container > *:last-child {
    margin-bottom: 50px; }
    @media (max-width: 768px) {
      .main-container > *:last-child {
        margin-bottom: 10px; } }

  .cms-page-view .main-container {
    margin: 0 auto;
    padding: 0;
    max-width: 1224px;
    width: 100%; }
    .cms-page-view .main-container .container {
      width: 100%; }
  .cms-page-view .header-submenu {
    float: left;
    width: 280px; }
    .cms-page-view .header-submenu + .main {
      overflow: hidden;
      width: auto;
      padding: 0; }
    .cms-page-view .header-submenu ul li {
      font-size: 16px;
      line-height: 21px;
      margin: 0 0 10px; }
      .cms-page-view .header-submenu ul li a {
        color: #616163; }
        .cms-page-view .header-submenu ul li a:hover {
          text-decoration: underline;
          color: #002b49; }
    .cms-page-view .header-submenu .block-title {
      color: #1A1A1A;
      font-size: 18px;
      line-height: 23px;
      font-weight: 600;
      margin: 0 0 12px; }
  .cms-page-view .banner {
    position: relative;
    margin: 0 0 30px; }
    .cms-page-view .banner img {
      display: block;
      width: 100%;
      height: auto; }
    .cms-page-view .banner .text-holder {
      background: rgba(255, 255, 255, 0.8);
      max-width: 428px;
      box-sizing: border-box;
      position: absolute;
      top: 99px;
      left: 49px;
      padding: 38px 39px 35px;
      font-size: 20px;
      line-height: 28px;
      color: #002b49; }
      .cms-page-view .banner .text-holder h2 {
        font-weight: 700;
        font-size: 48px;
        line-height: 49px; }
  .cms-page-view .sub-text {
    border-bottom: 1px solid #ccc;
    padding: 0 0 30px;
    margin: 0 0 30px;
    text-align: center; }
    .cms-page-view .sub-text p {
      margin: 0 auto;
      max-width: 860px; }
  .cms-page-view .buttons-set {
    border-style: none;
    padding: 0;
    margin: 0;
    text-align: right; }
    .cms-page-view .buttons-set p.required {
      float: none;
      line-height: 52px;
      display: inline-block;
      vertical-align: top;
      padding: 0;
      margin: 0; }
    .cms-page-view .buttons-set button.button {
      float: left;
      margin: 0;
      background: #4a5364;
      border-color: #4a5364;
      color: #fff;
      min-width: 0; }
  .cms-page-view .value-block {
    padding-top: 30px;
    padding-bottom: 65px; }
  .cms-page-view .square {
    width: 33%; }
    .cms-page-view .square.tall {
      width: 33%; }

@media (max-width: 959px) {
  .cms-page-view .main-container {
    margin-bottom: 15px;
    padding-bottom: 15px; } }
@media (max-width: 768px) {
  .cms-page-view .main-container {
    margin-bottom: 0;
    padding-bottom: 0; } }
@media (max-width: 1200px) {
  .cms-page-view .header-submenu {
    width: 23%; } }
@media (max-width: 768px) {
  .cms-page-view .header-submenu {
    float: none;
    width: 100%;
    margin: 0 0 10px; } }
@media (max-width: 960px) {
  .cms-page-view .header-submenu + .main .grid12-6 {
    width: 100%;
    margin-bottom: 10px; } }
@media (max-width: 768px) {
  .cms-page-view .header-submenu .block-title {
    border: 2px solid #f0e09f;
    border-radius: 3px;
    font-size: 12px;
    line-height: 37px;
    margin: 0 0 15px;
    padding: 0 !important;
    text-align: center; } }
@media (max-width: 1024px) {
  .cms-page-view .banner .text-holder {
    left: 30px;
    top: 30px;
    padding: 10px;
    font-size: 15px;
    line-height: 20px; }

  .cms-page-view .banner .text-holder h2 {
    font-size: 20px;
    line-height: 25px; } }
@media (max-width: 640px) {
  .cms-page-view .banner .text-holder p {
    display: none; } }
@media (max-width: 960px) {
  .cms-page-view .value-block {
    padding-top: 0;
    padding-bottom: 30px; } }
.std {
  width: 100%;
  clear: both;
  margin: 0;
  font-size: 14px;
  line-height: 28px;
  color: #1A1A1A; }
  .std .products-grid {
    border-style: none;
    padding: 0; }
  .std h2 {
    font-size: 22px;
    line-height: 29px;
    color: #1A1A1A;
    margin: 0 0 18px;
    text-align: left;
    font-family: NeueHass65, sans-serif; }
  .std h3 {
    font-size: 20px;
    line-height: 25px; }
  .std .block-description {
    font-weight: 700;
    color: #002b49;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 29px;
    display: block; }
  .std .image-holder {
    position: relative; }
    .std .image-holder img {
      width: 100%;
      height: auto; }
    .std .image-holder .imagecaption {
      position: absolute;
      left: 0;
      bottom: 30px;
      background: #122c47;
      padding: 4px 24px;
      font: 17px/30px NeueHaas75, serif;
      /*font: 17px/30px CordaBold, serif;*/
      color: #fff; }
  .std blockquote {
    padding: 9px 50px 9px 81px;
    margin: 72px 0 0;
    position: relative;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    color: #122c47; }
    .std blockquote q {
      position: relative;
      display: block; }
      .std blockquote q:after {
        content: '"';
        font-size: 60px;
        line-height: 61px;
        position: absolute;
        left: -27px;
        top: -20px; }
  .std p {
    margin: 0 0 28px; }
  .std .promo-book {
    margin-bottom: 10px;
    margin-top: 10px; }
  .std iframe {
    margin: 0 !important;
    max-width: 100%; }
  .std ul {
    margin-left: 15px; }
  .std ol {
    /*margin-left: 15px;*/ }
    .std ul li,
    .std ol li {
      list-style: disc; }

@media (max-width: 960px) {
  .std {
    font-size: 15px;
    line-height: 20px; }

  .std .block-description {
    font-size: 20px;
    line-height: 25px; }

  .std blockquote {
    margin: 20px 0 0;
    padding: 20px;
    font-size: 18px;
    line-height: 23px; }

  .std p {
    margin: 0 0 15px; } }
.cms-careers .std h2 {
  margin: 18px 0; }
.cms-careers .std ul {
  margin: 0 0 18px 15px; }

h1 {
  padding-top: 0;
  color: #1A1A1A; }

.page-title {
  /*border-bottom: 1px solid #ccc;*/
  padding: 0 0 24px;
  margin: 0 0 24px; }
  .page-title h1 {
    margin: 0;
    padding: 0;
    color: #1A1A1A;
    font-size: 32px;
    line-height: 43px;
    /*font-weight: 700;*/
    font-family: 'GalanoGrotesque-SemiBold';
    text-transform: capitalize;
    text-align: center; }

@media (max-width: 768px) {
  .page-title {
    padding: 0 0 10px;
    margin: 0 0 15px; } }
@media (max-width: 768px) {
  .page-title h1 {
    font-size: 20px;
    line-height: 25px; } }
.breadcrumbs {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 12px 15px;
  box-sizing: border-box; }
  @media (max-width: 1024px) {
    .breadcrumbs {
      padding-top: 10px; } }
  .breadcrumbs li {
    color: #888;
    font-size: 13px; }
    .breadcrumbs li a {
      color: #172c47; }
    .breadcrumbs li .sep:before {
      content: "/";
      display: inline-block;
      margin-top: -3px;
      font-size: 18px; }

.inner-container .breadcrumbs {
  padding-left: 0; }

.bullet-list li {
  padding: 0 0 0 38px;
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/bullet1.jpg) no-repeat 25px 13px; }

@media (max-width: 768px) {
  .bullet-list li {
    padding: 0 0 0 20px;
    background-position: 8px 10px; } }
.col2-set {
  width: 100%;
  overflow: hidden; }
  .col2-set .col-1 {
    float: left;
    width: 49%;
    box-sizing: border-box; }
  .col2-set .col-2 {
    float: left;
    width: 49%;
    box-sizing: border-box;
    float: right; }
  .col2-set.block {
    margin-top: 30px; }
    .col2-set.block .col {
      width: 49%; }
      .col2-set.block .col img {
        width: 100%;
        height: auto; }
  .col2-set .col {
    float: right;
    width: 48%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    position: relative; }
    .col2-set .col:first-child {
      float: left; }
    .col2-set .col.dark .text-holder h2 {
      color: #585851; }
    .col2-set .col.dark .text-holder .button {
      color: #585851;
      border-color: #585851; }
      .col2-set .col.dark .text-holder .button:hover {
        color: #fff; }
    .col2-set .col img {
      min-height: 220px;
      max-width: none; }
  .col2-set .text-holder {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 35px 150px 90px 50px;
    text-align: left;
    width: 100%; }
    .col2-set .text-holder h2 {
      font: 42px/43px NeueHaas75, serif;
      /*font: 42px/43px CordaBold, serif;*/
      color: #fff;
      text-align: left;
      display: block;
      margin: 0; }
      .col2-set .text-holder h2:after {
        display: none; }
    .col2-set .text-holder .button {
      position: absolute;
      bottom: 41px;
      font-size: 14px;
      line-height: 38px;
      color: #f3e6b1;
      border-color: #f3e6b1; }

@media (max-width: 768px) {
  .col2-set .col-1, .col2-set .col-2 {
    float: none;
    width: 100%;
    margin: 0 0 10px;
    overflow: hidden; }

  .col2-set.block .col {
    float: none;
    width: 100%;
    margin: 0 0 10px;
    overflow: hidden; } }
@media (max-width: 1024px) {
  .col2-set .text-holder {
    padding: 20px;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); } }
@media (max-width: 768px) {
  .col2-set .text-holder {
    padding: 10px; } }
@media (max-width: 1024px) {
  .col2-set .text-holder h2 {
    font-size: 28px;
    line-height: 33px;
    margin: 0 0 15px; } }
@media (max-width: 768px) {
  .col2-set .text-holder h2 {
    font-size: 25px;
    line-height: 30px; } }
@media (max-width: 1024px) {
  .col2-set .text-holder .button {
    position: static; } }
.cms-our-company .col2-set .col img {
  width: 100%; }

#aw-ln-filters-container dt {
  background: none;
  font-weight: 700;
  color: #002b49;
  border: 1px solid #ddd;
  border-width: 1px 0;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 0;
  margin: 0 0 -1px;
  position: relative;
  cursor: pointer; }
  #aw-ln-filters-container dt:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "+";
    color: #edd5ab;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    width: 24px; }
  #aw-ln-filters-container dt.expand {
    border-width: 1px 0 0;
    margin: 0; }
    #aw-ln-filters-container dt.expand:after {
      content: "-"; }
  #aw-ln-filters-container dt .aw-ln-filter-clear {
    display: none; }
#aw-ln-filters-container dd {
  border-bottom: 1px solid #ddd;
  margin: 0 0 -1px; }
  #aw-ln-filters-container dd ol li {
    margin: 0;
    padding: 0; }
#aw-ln-filters-container .layer-group .layer-content {
  background: none; }
  #aw-ln-filters-container .layer-group .layer-content ol li {
    margin: 0 0 5px !important;
    padding: 0;
    display: block;
    font-size: 14px;
    line-height: 26px;
    background-position: 0 50%; }
    #aw-ln-filters-container .layer-group .layer-content ol li a {
      color: #616163;
      font-weight: 400;
      margin: 0; }
#aw-ln-filters-container .layer-group dd {
  padding: 0 0 8px; }
  #aw-ln-filters-container .layer-group dd ol li input[type="checkbox"], #aw-ln-filters-container .layer-group dd ol li input[type="radio"] {
    display: none; }
  #aw-ln-filters-container .layer-group dd ol li input[type="checkbox"] + a, #aw-ln-filters-container .layer-group dd ol li input[type="radio"] + a {
    padding-left: 15px !important;
    margin: 0; }

div.category-products {
  margin: 0 0 62px; }

@media (max-width: 768px) {
  div.category-products {
    margin: 0; } }
.products-grid {
  border: 1px solid #ddd;
  border-width: 1px 0;
  padding: 15px 0; }
  @media (max-width: 768px) {
    .products-grid {
      border-style: none; } }
  .products-grid.category-products-grid.hover-effect .item:hover {
    -webkit-box-shadow: inset 0 0 0 4px #f3e6b1;
    box-shadow: inset 0 0 0 4px #f3e6b1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 0;
    margin: 0; }
  .products-grid .product-name {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    margin: 5px 0 0;
    text-align: left;
    height: 36px;
    font-family: 'worksans-medium';
  }
    @media (max-width: 768px) {
      .products-grid .product-name {
        font-size: 14px;
        line-height: 19px; } }
    .products-grid .product-name a {
      color: #1A1A1A; }
  .products-grid .product-dimension {
    font-size: 14px;
    line-height: 18px;
    color: #1A1A1A;
    font-weight: normal;
    padding: 0;
    text-align: left !important;
    font-family: 'worksans-regular';
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .catalog-category-view .products-grid .product-dimension {
    width: 80%;
  }
  /* .products-grid li:hover .grid-infotable {
    display: block; } */
  .products-grid li .trade-club-price {
    font-size: 14px;
    color: #1A1A1A;
    text-transform: capitalize;
    margin-bottom: 15px;
    margin-top: 10px; }
    .products-grid li .trade-club-price > span.price {
      color: #002b49;
      font-weight: 600;
      /*margin-right: 8px;*/ }
    .products-grid li .trade-club-price > span.text {
      text-transform: lowercase;
      color: #1A1A1A; }
  .products-grid li .grid-infotable {
    width: 100%;
    max-width: 252px;
    margin: 0 auto;
    border-top: 1px solid #ddd;
    font-size: 12px;
    line-height: 18px;
    color: #616163;
    display: none; }
    @media (max-width: 768px) {
      .products-grid li .grid-infotable {
        display: none !important; } }
    .products-grid li .grid-infotable tr:first-child td {
      padding-top: 15px; }
    .products-grid li .grid-infotable tr td {
      font-weight: 700;
      padding: 0 0 5px; }
      @media (max-width: 768px) {
        .products-grid li .grid-infotable tr td {
          display: block;
          width: 100%;
          padding: 0 !important; } }
      .products-grid li .grid-infotable tr td:first-child {
        font-weight: 400;
        text-transform: capitalize;
        padding-right: 20px; }
        @media (max-width: 768px) {
          .products-grid li .grid-infotable tr td:first-child {
            padding: 10px 0 0 !important; } }
  .products-grid li img {
    display: block;
    width: 100%;
    height: auto; }
  .products-grid .price-box {
    font-size: 14px !important;
    text-align: left; }
    .price-box .price-label {font-weight:500; font-size: 10px !important; text-transform: uppercase;}
    .price-box .trade-club-price {font-size: 14px; font-weight:500; margin-top: 10px;}
    .price-box .trade-club-price .price{font-weight: 700;}

    .block-related-thumbnails .price-box {
      font-size: 14px;
      line-height: 1.25em;
      font-weight: 500;}
    .products-grid .price-box .minimal-price-link {
      font-weight: 400;
      color: #c00;
      font-size: 14px;
      line-height: 19px; }
      @media (max-width: 768px) {
        .products-grid .price-box .minimal-price-link {
          font-size: 14px; } }
      .products-grid .price-box .minimal-price-link .price {
        color: #c00; }
      .products-grid .price-box .minimal-price-link strong {
        font-weight: 600; }
      .products-grid .price-box .minimal-price-link + .regular-price {
        font-size: 14px;
        line-height: 17px;
        color: #1A1A1A;
        font-weight: 400; }
        .products-grid .price-box .minimal-price-link + .regular-price:before {
          content: "Was "; }
        .products-grid .price-box .minimal-price-link + .regular-price .price {
          text-decoration: line-through; }
    .products-grid .price-box .regular-price, .products-grid .price-box .special-price {
      color: #1A1A1A !important;
      font-size: 14px;
      line-height: 19px;
      font-family: 'GalanoGrotesque-SemiBold';
    }
  .products-grid.itemslider {
    border-style: none; }
  .products-grid .item {
    padding-bottom: 10px;
    padding-top: 10px;
    border: none;
    /* width: 100%; */
  }

.main {
  padding: 0; }

.sidebar .block:first-child {
  margin-top: 0; }
.sidebar h2 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 400;
  text-align: left; }

.toolbar {
  border-style: none;
  padding: 14px 0;
  font-size: 14px;
  line-height: 42px;
  color: #616163;
  width: 100%;
  text-align: center; }
  @media (max-width: 768px) {
    .toolbar {
      padding: 0 0 20px;
      border-bottom: 1px solid #ddd;
      font-size: 11px; }
      .toolbar .category-asc {
        display: none !important; } }
  .toolbar > * {
    vertical-align: middle; }
  .toolbar .pager {
    border-style: none; }
  .toolbar select {
    font-size: 14px;
    margin: 0 12px;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .toolbar .limiter {
    float: right;
    margin: 0; }
    @media (max-width: 768px) {
      .toolbar .limiter {
        display: block; } }
    @media (max-width: 768px) {
      .toolbar .limiter .per-page {
        display: inline; } }
    @media (max-width: 639px) {
      .toolbar .limiter label {
        display: none; } }
  .toolbar .counter {
    font-weight: 400; }
    @media (max-width: 767px) {
      .toolbar .counter {
        display: block;
        margin-top: 14px;
        border-top: 1px solid #ddd;
        text-align: center; } }
  .toolbar .sorter {
    padding: 0; }
    .toolbar .sorter .counter {
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 767px) {
        .toolbar .sorter .counter {
          display: none; } }
    @media (max-width: 768px) {
      .toolbar .sorter .sort-by {
        float: left; } }
    .toolbar .sorter .limiter {
      float: right; }
  .toolbar .pager {
    padding: 0;
    float: left;
    display: none; }
    .toolbar .pager ol li {
      width: 30px;
      height: 30px;
      text-align: center;
      color: #616163;
      font-size: 14px;
      line-height: 30px;
      /*-webkit-box-shadow: 0 0 0 1px #ddd;
      box-shadow: 0 0 0 1px #ddd;*/
      -webkit-border-radius: 20px;
      border-radius: 20px;
      margin: 0 0 0 10px;
      display: block; }
      .toolbar .pager ol li.current {
        height: 30px;
        width: 30px;
        font-size: 14px;
        line-height: 30px;
        -webkit-box-shadow: 0 0 0 3px #ddd;
        box-shadow: 0 0 0 3px #ddd; }
      .toolbar .pager ol li a {
        line-height: 30px;
        display: block;
        height: 100%;
        width: 100%;
        color: #616163;
        background-color: #fff !important; }
    .toolbar .pager strong {
      float: none;
      display: inline-block;
      vertical-align: middle; }
  .toolbar .fancy-select {
    margin: 0 12px; }
    @media (max-width: 768px) {
      .toolbar .fancy-select {
        margin: 0 4px; } }

.bottom .toolbar {
  padding: 22px 0; }
  @media (max-width: 768px) {
    .bottom .toolbar {
      border-top: 1px solid #ddd; } }
  .bottom .toolbar .sort-by,
  .bottom .toolbar .counter {
    display: none !important; }
  .bottom .toolbar .pager {
    display: block; }
  @media (max-width: 639px) {
    .bottom .toolbar .limiter {
      display: none; } }

.holder {
  width: 100%;
  overflow: hidden; }

.product-view .product-shop {
  float: right;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #1A1A1A; }
  .product-view .product-shop .product-name {
    display: block;
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    border-style: none;
    text-align: left; }
  .product-view .product-shop h1 {
    display: block;
    width: 100%;
    float: none;
    font: 22px/23px NeueHaas75, serif;
    /*font: 32px/37px CordaBold, serif;*/
    color: #1A1A1A !important;
    padding: 0;
    margin: 0 0 10px !important; }
  .product-view .product-shop .product-dimension {
    color: #1A1A1A;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 7px;
    padding: 0;
    border-style: none; }
  .product-view .product-shop ul {
    margin: 0 0 20px; }
.product-view .tab-holder {
  margin: 0 0 22px; }
  .product-view .tab-holder .tabs {
    width: 100%;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #ddd; }
    .product-view .tab-holder .tabs li {
      float: left;
      font-size: 20px;
      line-height: 58px;
      color: #002b49;
      font-weight: 700;
      margin: 0 0 -1px;
      width: 49.75%; }
      .product-view .tab-holder .tabs li:first-child {
        margin-right: 0.509%; }
      .product-view .tab-holder .tabs li a {
        color: #002b49;
        background: #f7f7f7;
        padding: 0;
        border: 1px solid #ddd;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        position: relative; }
        .product-view .tab-holder .tabs li a.current {
          background: #fff;
          cursor: default; }
          .product-view .tab-holder .tabs li a.current:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            height: 1px;
            background: #fff; }
.product-view #product-addtocart-button {
  margin: 0 !important;
  position: static;
  min-width: 0; }
.product-view .button-block {
  margin: 0 0 22px; }
  .product-view .button-block .button {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 0;
    border: 2px solid #ddd;
    text-transform: uppercase;
    break-inside: avoid; }
.product-view .calc {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 15px;
  background: #f3e6b1;
  padding: 0 20px 0 37px;
  font-size: 14px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  cursor: default;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .product-view .calc i {
    position: absolute;
    left: 8px;
    top: 0;
    line-height: 50px;
    width: 30px;
    text-align: center; }

@media (max-width: 768px) {
  .product-view .product-shop {
    margin-bottom: 0; }

  .panel .product-tile-price > label {
    margin: 0 35px 0; } }
@media (max-width: 768px) {
  .product-view .product-shop h1 {
    font-size: 40px;
    line-height: 40px;
    margin-top: 0px; } }
@media (max-width: 768px) {
  .product-view .product-shop .product-dimension {
    font-size: 14px;
    line-height: 19px; } }
@media (max-width: 960px) {
  .product-view .button-block .button {
    font-size: 11px; } }
.panel {
  /*border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 0 21px; */
  margin: 0 0 10px;
  overflow: hidden;
  background: #fff; }
  .panel .product-tile-price {
    width: 100%;
    display: block;
    font-size: 48px;
    line-height: 53px;
    overflow: hidden;
    font-weight: 600;
    border-top: 1px solid #1A1A1A;
    margin: 25px 0 15px; }
    .panel .product-tile-price > label {
      font-weight: normal;
      margin: 0 35px 0 0; }
    .panel .product-tile-price sup {
      font-size: 22px; }
    .panel .product-tile-price .price-block {
      float: none;
      width: auto;
      text-align: left;
      margin: 0 0 10px;
      color: #002b4a;
      display: inline-block; }
      .panel .product-tile-price .price-block .total-cost {
        /*margin-left: 34px !important;*/ }
    .panel .product-tile-price .unit {
      display: inline-block;
      color: #002b4a; }
  .panel .product-addto-info {
    width: 100%;
    display: block;
    font-size: 22px;
    overflow: hidden; }
    .panel .product-addto-info > label {
      font-size: 14px;
      margin: 0;
      color: #1A1A1A;}
    .panel .product-addto-info sup {
      font-size: 28px; }
    .panel .product-addto-info .price-block {
      float: none;
      width: auto;
      text-align: left;
      margin: 0 0 10px;
      font-weight: 500;
      color: #1A1A1A;
      display: inline-block; }
      /* .panel .product-addto-info .price-block .total-cost {
        margin-left: 90px !important; } */
    .panel .product-addto-info .unit {
      display: inline-block;
      font-weight: 500;
      color: #1A1A1A;
      font-size: 14px; }
  .panel .trade-club-price {
    width: 100%;
    display: block;
    line-height: 28px;}
    .panel .trade-club-price .trade-club-price-label {
      margin-right: 45px;
      font-size: 14px;
      line-height: 20px;
      max-width: 78px;
      display: inline-block; }
      .panel .trade-club-price .trade-club-price-label span {
        clear: both; }
    .panel .trade-club-price .trade-club-price-value {
      float: none;
      width: auto;
      text-align: left;
      margin: 10px 0 5px;
      font-weight: 600;
      color: #002b49;
      display: inline-block;
      font-size: 94px; }
    .panel .trade-club-price .unit {
      display: inline-block;
      font-size: 19px;
      font-weight: bold;
      color: #002b49; }
    .panel .trade-club-price .trade-club-price-description {
      padding-left: 130px;
      color: #1A1A1A;
      font-size: 14px;
      margin-bottom: 30px;
      display: inline-block;
      line-height: 20px; }
  .panel .calculate-button {
    display: inline-block; }
  .panel label {
    display: inline-block;
    margin: 0 35px 0 0;
    font-size: 16px; }
    .panel label.area {
      font-size: 14px;
      margin: 0 90px 10px 0;
      text-align: center; }
    .panel label.qty {
      margin-right: 78px; }
    @media (max-width: 768px) {
      .panel label {
        margin: 0 10px 0 0; } }
  .panel .product-tile-price .price-block {
    margin-top: 22px; }
  .widget-product {padding-top: 15px 0;}


/* @media (min-width: 769px) and (max-width: 1230px) {
  .panel .calculate-button {
    display: block;
    margin-top: 30px; }
    .panel .calculate-button .calculation {
      margin-left: 130px; } } */
@media (max-width: 640px) {
  .panel .calculate-button {
    display: inline-block;
    margin-top: 30px; }
    .panel .calculate-button .calculation {
      margin-left: 130px; } }
#calculation {
  max-width: 400px;
  padding: 20px;
  background-color: #fff;
  color: #002b49;
  text-align: left; }
  #calculation p {
    font-size: 13px;
    font-weight: 600; }
  #calculation .use-calculation {
    width: 289px;
    line-height: 30px;
    font: 600 13px/30px 'Open Sans', arial, sans-serif; }
  #calculation .calculate {
    margin: 15px 0;
    padding: 20px 0;
    border-top: #DFDFDF 1px solid; }
    #calculation .calculate .inputs {
      margin: 5px 0 9px; }
    #calculation .calculate .inline {
      display: inline-block; }
      #calculation .calculate .inline.inputs {
        margin: 0 10px; }
    #calculation .calculate .block {
      display: block;
      margin: 0 auto; }
    #calculation .calculate label {
      font-size: 11px;
      display: block;
      padding-bottom: 5px; }
    #calculation .calculate input {
      width: 60px;
      padding: 8px 5px;
      text-align: center;
      display: block;
      margin: 0 auto; }
    #calculation .calculate .line.horizontal {
      border-top: #B9B9B9 1px solid;
      width: 21px; }
      #calculation .calculate .line.horizontal.large {
        width: 86px;
        padding-bottom: 3px; }
    #calculation .calculate .line.vertical {
      border-left: #B9B9B9 1px solid;
      height: 21px; }
      #calculation .calculate .line.vertical.large {
        height: 70px;
        width: 0; }
      #calculation .calculate .line.vertical.small {
        margin-bottom: -7px; }
    #calculation .calculate .reset {
      background-color: #AAAAAA;
      color: #fff;
      border: none;
      font: 600 13px/40px 'Open Sans', arial, sans-serif;
      text-transform: uppercase;
      margin-left: 23px;
      margin-top: 15px; }
    #calculation .calculate .right {
      margin-top: 20px; }
    #calculation .calculate .sqmtrs {
      height: 208px;
      width: 289px;
      float: left;
      background-color: #002b49;
      margin: 20px 20px 20px 0;
      color: #fff;
      text-align: center; }
      #calculation .calculate .sqmtrs h3 {
        font-size: 55px;
        font-weight: 600;
        margin: 56px 0 0;
        line-height: 57px; }
      #calculation .calculate .sqmtrs p {
        font-size: 22px; }

@media (max-width: 640px) {
  #calculation {
    width: 280px; }
    #calculation .calculate .line.horizontal.large {
      width: 26px; }
    #calculation .calculate .line.vertical.large {
      height: 43px; }
    #calculation .calculate .sqmtrs {
      height: 155px;
      width: 170px; }
      #calculation .calculate .sqmtrs h3 {
        font-size: 35px;
        line-height: 37px;
        margin-top: 46px; }
      #calculation .calculate .sqmtrs p {
        font-size: 16px; } }
.total-cost {
  margin: 0 !important; }

.catalog-product-view .qty-wrapper {
  float: none;
  position: static; }
.catalog-product-view .product-view .product-addto-info {
  text-align: left; }
.catalog-product-view .product-view .qty {
  height: 50px;
  font-size: 14px;
  line-height: 50px; }
.catalog-product-view .product-view .qty-wrapper {
  float: none;
  top: 0; }
.catalog-product-view .specifications, .catalog-product-view .box-additional {
  margin: 0; }
.catalog-product-view .specifications > h3, .catalog-product-view .box-additional > h3 {
  border-bottom: 1px solid #ddd;
  margin: 0 0 15px;
  padding-bottom: 15px;
  font-size: 22px;
  line-height: 29px;
  color: #002b49; }
.catalog-product-view .col-main {
  margin-bottom: 35px; }

.col-main {
  margin-bottom: 0; }
  @media (max-width: 640px) {
    .col-main {
      float: none; } }

.gray-box {
  border: 1px solid #ddd;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  font-style: italic;
  color: #858585;
  margin: 0 0 20px;
  padding: 11px 17px; }

@media (max-width: 768px) {
  .gray-box {
    margin-bottom: 22px; } }
.grid12-5.no-gutter.specifications {
  float: right; }

#product_addtocart_form {
  /*border-bottom: 1px solid #ddd;*/
  padding-bottom: 52px;
  margin-bottom: 30px;
  display: block; }

@media (max-width: 768px) {
  #product_addtocart_form {
    margin: 0 0 11px;
    padding: 0;
    border-style: none; } }
.sample_section {
  width: 100%;
  overflow: hidden;
  clear: both;
  padding: 20px 25px;
  box-sizing: border-box;
  border: 2px solid #f0e5af;
  margin-top: 20px;
}
  .sample_section .sample_right {
    float: right; }
    .sample_section .sample_right .button {
      background: #1A1A1A;
      border-style: none;
      font-size: 14px;
      line-height: 50px;
      height: 50px;
      font-weight: 600;
      color: #fff;
      padding: 0 26px;
      text-transform: uppercase; }
  .sample_section .sample_left {
    overflow: hidden; }
  .sample_section p {
    font-family:  NeueHaas75, sans-serif;
    font-size: 22px;
    color: #1A1A1A; }
  .sample_section sup, .sample_section small {
    font-family: 'Open Sans', arial, sans-serif; }
  .sample_section sup {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding-right: 2px; }
  .sample_section small {
    font-size: 13px;
    font-weight: 400; }
  .sample_section a {
    color: #999;
    font-size: 14px;
    line-height: 15px; }
  .sample_section span span {
    font-size: 18px; }

@media (max-width: 767px) {
  .sample_section {
    padding: 10px; } }
@media (max-width: 767px) {
  .sample_section .sample_right {
    padding: 5px 0 0 5px; } }
@media (max-width: 767px) {
  .sample_section .sample_right .button {
    font-size: 12px;
    text-transform: lowercase;
    padding: 0 10px; } }
@media (max-width: 767px) {
  .sample_section p {
    letter-spacing: 0;
    font-size: 17px;
    line-height: 20px; } }
@media (max-width: 768px) {
  .sample_section sup {
    font-size: 13px; } }
@media (max-width: 768px) {
  .sample_section small {
    font-size: 11px; } }
@media (max-width: 767px) {
  .sample_section a {
    font-size: 13px; } }
.product-share {
  font-size: 14px;
  color: #1A1A1A; }
  .product-share a {
    margin: 0 0 0 10px;
    color: #1A1A1A;
    font-size: 14px;}
    .ic {
      text-align: center;
      width: 40px;
      height: 40px;
      background: #ffffff;
      border: 1px solid #1A1A1A;
      line-height: 40px;
      color: #1A1A1A;
      font-size: 20px;
      border-radius: 20px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      text-align: center;}
    .ic-lg {
    font-size: 20px !important;
    line-height: 40px !important;
    vertical-align: 0 !important;}
    .ic-search {border: none;
      margin: 15px 7px 0 0;
      font-size: 19px;
      vertical-align: middle;
      color: #1A1A1A;
      height: auto;
      width: auto;
      line-height: 0;}

.itemslider-wrapper {
  border-style: none; }

.box-additional .item {
  color: #002b49;
  padding: 0; }
  .box-additional .item a {
    color: #1A1A1A; }

.item h3 {
  border-style: none;
  margin: 0;
  padding: 0; }

#itemslider-upsell {
  /*border-bottom: 1px solid #ddd;*/ }

@media (max-width: 768px) {
  #itemslider-upsell {
    border-style: none;
  }
}
.slider-arrows1 .owl-controls .owl-buttons div {
  background: none;
  font-size: 30px; }
  .slider-arrows1 .owl-controls .owl-buttons div:before {
    color: #ccc; }
  .slider-arrows1 .owl-controls .owl-buttons div:hover {
    background: none !important; }
    .slider-arrows1 .owl-controls .owl-buttons div:hover:before {
      color: #1A1A1A; }

.block-related .item ul {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .block-related .item ul li {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 23px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    position: relative; }
    .block-related .item ul li .product-image {
      float: none;
      display: block; }
      .block-related .item ul li .product-image img {
        display: block;
        margin: 0 auto; }
    .block-related .item ul li .product-details {
      margin: 0; }
    .block-related .item ul li .product-name {
      font-weight: 700; }
    .block-related .item ul li .price-box {
      /*position: absolute;*/
      width: 100%;
      left: 0;
      bottom: 0; }
.block-related .section-title {
  padding-top: 0;
  color: #002b49;
  font-size: 22px; }

@media (max-width: 768px) {
  .block-related .item ul li .product-name {
    font-size: 13px;
    line-height: 18px; }

  .block-related .item ul li .price-box {
    font-size: 13px;
    line-height: 18px; } }
.product-spec-item {
  width: 100%;
  overflow: hidden;
  color: #1A1A1A; }
  .product-spec-item .spec-title {
    float: left;
    width: 40%;
    font-weight: 600;
		margin-right: 15px;
    font-size: 14px; }
    .product-spec-item .spec-title + p {
      overflow: hidden;
			float: left;
			width: calc(55% - 15px);
      font-size: 14px; }

.product-img-column .more-images {
  float: left;
  width: 78px;
  padding: 0 24px 0 0;
  margin: 0 0 2px; }
  .product-img-column .more-images .item {
    box-sizing: border-box;
    margin: 0 0 18px;
    width: 100%;
    height: 78px; }
  .product-img-column .more-images a {
    display: block;
    border: 1px solid #1A1A1A; }
    .product-img-column .more-images a.cboxElement {
      border-color: #ccc; }
    .product-img-column .more-images a img {
      display: block;
      width: 100%;
      height: auto; }
.product-img-column .img-box {
  overflow: hidden;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  margin: 0 0 20px; }
  .product-img-column .img-box .product-image {
    padding: 0;
    border-style: none; }
.product-img-column .gallery-arrows {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 100%;
  text-indent: -9999em;
  z-index: 999; }
  .product-img-column .gallery-arrows.next {
    right: 0;
    left: auto; }
    .product-img-column .gallery-arrows.next:after {
      content: "\f105"; }
  .product-img-column .gallery-arrows:after {
    font: normal normal normal 38px/1 FontAwesome;
    content: "\f104";
    text-indent: 0;
    display: block;
    text-align: center;
    color: #ccc;
    top: 50%;
    margin: -19px 0 0;
    position: absolute;
    width: 100%; }
  .product-img-column .gallery-arrows:hover:after {
    color: #253852;
    background: #f9f9f9; }

@media (max-width: 767px) {
  .product-img-column .more-images {
    display: none; } }
.my-account .page-title, .account-create .page-title {
  padding-top: 0;
  margin: 0 0 30px; }

.my-account .page-title h1, .account-create .page-title h1 {
  color: #002b49;
  font-weight: 700;
  text-align: left; }

.my-account, .customer-account-create, .customer-account-forgotpassword, .customer-account-login {
  width: 100%; }

.my-account .main-container, .customer-account-create .main-container, .customer-account-forgotpassword .main-container, .customer-account-login .main-container {
  background: none; }

.my-account .col2-set, .customer-account-create .col2-set, .customer-account-forgotpassword .col2-set, .customer-account-login .col2-set {
  margin: 0 0 60px; }

.my-account .col2-set p, .my-account .col2-set address {
  color: #1A1A1A; }

.customer-account-create .col2-set p, .customer-account-create .col2-set address {
  color: #1A1A1A; }

.customer-account-forgotpassword .col2-set p, .customer-account-forgotpassword .col2-set address {
  color: #1A1A1A; }

.customer-account-login .col2-set p, .customer-account-login .col2-set address {
  color: #1A1A1A; }

.my-account .col-2, .my-account .col-1 {
  padding: 30px;
  border-bottom: 2px solid #f1e6b2;
  font-size: 16px;
  line-height: 21px;
  color: #1A1A1A;
  margin: 0 0 20px;
  background: #f7f7f7; }

.customer-account-create .col-2, .customer-account-create .col-1 {
  padding: 30px;
  border-bottom: 2px solid #f1e6b2;
  font-size: 16px;
  line-height: 21px;
  color: #1A1A1A;
  margin: 0 0 20px;
  background: #f7f7f7; }

.customer-account-forgotpassword .col-2, .customer-account-forgotpassword .col-1 {
  padding: 30px;
  border-bottom: 2px solid #f1e6b2;
  font-size: 16px;
  line-height: 21px;
  color: #1A1A1A;
  margin: 0 0 20px;
  background: #f7f7f7; }

.customer-account-login .col-2, .customer-account-login .col-1 {
  padding: 30px;
  border-bottom: 2px solid #f1e6b2;
  font-size: 16px;
  line-height: 21px;
  color: #1A1A1A;
  margin: 0 0 20px;
  background: #f7f7f7; }

@media (max-width: 640px) {
  .my-account .col-2, .my-account .col-1 {
    padding: 15px; }

  .customer-account-create .col-2, .customer-account-create .col-1 {
    padding: 15px; }

  .customer-account-forgotpassword .col-2, .customer-account-forgotpassword .col-1 {
    padding: 15px; }

  .customer-account-login .col-2, .customer-account-login .col-1 {
    padding: 15px; } }
.my-account h2, .customer-account-create h2, .customer-account-forgotpassword h2, .customer-account-login h2 {
  text-align: left;
  font-size: 24px;
  line-height: 29px;
  color: #002b49;
  font-weight: 700;
  padding: 0 0 15px;
  margin: 0 0 15px; }

.my-account p, .customer-account-create p, .customer-account-forgotpassword p, .customer-account-login p {
  margin: 0 0 17px; }

.my-account p.required, .customer-account-create p.required, .customer-account-forgotpassword p.required, .customer-account-login p.required {
  float: right;
  color: #616163;
  font-size: 13px !important;
  line-height: 21px;
  margin: 0 127px -22px 0; }

@media (max-width: 1200px) {
  .my-account p.required, .customer-account-create p.required, .customer-account-forgotpassword p.required, .customer-account-login p.required {
    float: none;
    margin: 0;
    text-align: left;
    color: #f00; } }
.my-account .box-info .col-1, .my-account .box-info .col-2 {
  padding: 0;
  border-style: none; }

.customer-account-create .box-info .col-1, .customer-account-create .box-info .col-2 {
  padding: 0;
  border-style: none; }

.customer-account-forgotpassword .box-info .col-1, .customer-account-forgotpassword .box-info .col-2 {
  padding: 0;
  border-style: none; }

.customer-account-login .box-info .col-1, .customer-account-login .box-info .col-2 {
  padding: 0;
  border-style: none; }

@media (max-width: 1200px) {
  .customer-account-forgotpassword .col2-set {
    margin: 0; } }
.customer-account-forgotpassword .col2-set form p.required {
  margin: 0 148px -22px 0; }

@media (max-width: 1200px) {
  .customer-account-forgotpassword .col2-set form p.required {
    margin: 0; } }
.new-users p {
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 7px; }
.new-users ul {
  padding: 0 0 20px 32px; }
  .new-users ul li {
    list-style: outside disc;
    padding: 0 0 5px; }

.registered-users .content {
  margin: 0;
  padding: 0; }
.registered-users .buttons-set {
  max-width: 380px !important; }

@media (max-width: 380px) {
  .panel .trade-club-price .trade-club-price-description {
    padding-left: 0; }

  .panel .trade-club-price .trade-club-price-label {
    margin-right: 18px; }

  /* .panel .product-addto-info .price-block .total-cost {
    margin-left: 40px !important; } */

  .panel label.area {
    margin-right: 60px; }

  .panel .calculate-button .calculation {
    margin-left: 72px; }

  .panel .product-tile-price > label {
    margin: 0; }

  .panel .product-tile-price .price-block .total-cost {
    margin-left: 10px !important; }

  .panel label.qty {
    margin-right: 20px; }

  .panel .trade-club-price .unit {
    margin-bottom: 7px; } }
@media (max-width: 320px) {
  .panel .trade-club-price .trade-club-price-label {
    margin-right: 7px; }

  /* .panel .product-addto-info .price-block .total-cost {
    margin-left: 29px !important; } */

  .panel .calculate-button .calculation {
    margin-left: 93px; }

  .panel label.area {
    margin-right: 52px; } }
@media (max-width: 640px) {
  .registered-users .buttons-set {
    max-width: 100% !important; } }
#form-validate .button, #login-form .button {
  background: #4a5364;
  color: #fff;
  border-color: #4a5364;
  font-size: 14px;
  min-width: 0;
  float: left;
  margin: 0;
  padding: 0 25px;
  height: auto;
  text-transform: uppercase; }

.form-list li {
  margin: 0 0 20px;
  width: 100%;
  overflow: hidden; }
  .form-list li.fields {
    font-size: 0;
    line-height: 0; }
  .form-list li.wide .input-box {
    width: 100%; }
    .form-list li.wide .input-box input.input-text {
      width: 100%; }
  .form-list li .field {
    font-size: 16px;
    line-height: 21px;
    display: inline-block !important;
    vertical-align: top !important;
    width: 50% !important;
    padding-right: 5px !important;
    box-sizing: border-box;
    float: none; }
    .form-list li .field:nth-child(2n + 2) {
      padding: 0 0 0 5px !important; }
    .form-list li .field input {
      width: 100% !important;
      box-sizing: border-box; }
  .form-list li textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box; }
.form-list input.input-text, .form-list select {
  width: 100%;
  max-width: 380px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
.form-list label {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  color: #002b49;
  margin: 0 0 4px; }
  .form-list label.required > * {
    color: #002b49 !important; }
  .form-list label.required > em {
    right: -12px; }

@media (max-width: 640px) {
  .form-list li .field:nth-child(2n + 2) {
    padding: 0 !important; }

  .form-list li .field {
    width: 100% !important;
    padding-right: 0 !important; } }
.my-account .buttons-set, .customer-account-create .buttons-set, .customer-account-forgotpassword .buttons-set, .account-login .buttons-set {
  width: 100%;
  overflow: hidden;
  clear: both;
  margin: 0;
  padding: 0;
  border-style: none;
  max-width: 48%;
  text-align: right;
  margin: 0 0 15px; }

@media (max-width: 640px) {
  .my-account .buttons-set, .customer-account-create .buttons-set, .customer-account-forgotpassword .buttons-set, .account-login .buttons-set {
    max-width: 100% !important; } }
.my-account .buttons-set a, .customer-account-create .buttons-set a, .customer-account-forgotpassword .buttons-set a, .account-login .buttons-set a {
  color: #002b49;
  font-size: 14px;
  line-height: 52px;
  text-decoration: underline;
  margin: 0; }

.my-account .buttons-set a:hover, .customer-account-create .buttons-set a:hover, .customer-account-forgotpassword .buttons-set a:hover, .account-login .buttons-set a:hover {
  text-decoration: none; }

.my-account .buttons-set .required, .customer-account-create .buttons-set .required, .customer-account-forgotpassword .buttons-set .required, .account-login .buttons-set .required {
  line-height: 52px;
  margin: 0 0 0 20px;
  display: inline-block; }

.my-account .buttons-set .back-link, .customer-account-create .buttons-set .back-link, .customer-account-forgotpassword .buttons-set .back-link, .account-login .buttons-set .back-link {
  background: none;
  float: none;
  display: inline-block;
  line-height: 52px;
  min-width: 0;
  text-transform: none;
  margin: 0 0 0 20px; }

.account-create {
  width: 100%;
  display: block;
  overflow: hidden; }
  .account-create .buttons-set {
    max-width: 590px; }

@media (max-width: 640px) {
  .account-create .buttons-set {
    max-width: 100% !important; } }
form {
  display: block; }

.customer-account-index .grid12-9 {
  padding: 0; }
.customer-account-index .inner-container {
  padding-left: 12px; }
  .customer-account-index .inner-container .grid12-3 {
    width: 25%; }
  .customer-account-index .inner-container .grid12-9 {
    width: 75%; }
.customer-account-index .main-container {
  background: none; }

.block-wishlist {
  display: none; }

.header-submenu .block-title, .block .block-title, .block-account .block-title {
  padding: 0 0 12px !important;
  background: none;
  font-size: 14px;
  line-height: 25px;
  border-style: none;
  color: #1A1A1A; }

@media (max-width: 768px) {
  .header-submenu .block-title, .block .block-title, .block-account .block-title {
    padding: 0 !important;
    text-align: center;
    border: 2px solid #f0e09f;
    margin: 0 0 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 37px;
    font-size: 12px; }

  .header-submenu .block-title + *,
  .block .block-title + *,
  .block-account .block-title + * {
    display: none;
    padding: 10px;
    border: 2px solid #f0e09f;
    margin: 0;
    position: relative;
    top: -17px; }

  .header-submenu .block-title.active, .block .block-title.active, .block-account .block-title.active {
    background: #f0e09f; } }
@media (min-width: 769px) {
  .header-submenu .block-title + *, .block .block-title + *, .block-account .block-title + * {
    display: block !important;
    height: auto !important; }

  .header-submenu .block-title + ul, .block .block-title + ul, .block-account .block-title + ul {
    margin-bottom: 15px !important; } }
.header-submenu .block-title strong, .block .block-title strong, .block-account .block-title strong {
  padding: 0;
  font-weight: 600;
  color: #1A1A1A;
  text-transform: uppercase; }

.header-submenu .block-content, .block .block-content, .block-account .block-content {
  padding: 0;
  margin: 0; }

.header-submenu .block-content li, .block .block-content li, .block-account .block-content li {
  font-size: 16px;
  line-height: 21px;
  color: #0d004c;
  margin: 0 0 8px; }

.header-submenu .block-content li a, .header-submenu .block-content li strong {
  font-weight: 400;
  padding: 0;
  color: #616163; }

.block .block-content li a, .block .block-content li strong {
  font-weight: 400;
  padding: 0;
  color: #616163; }

.block-account .block-content li a, .block-account .block-content li strong {
  font-weight: 400;
  padding: 0;
  color: #616163; }

.header-submenu .block-content li a:hover, .header-submenu .block-content li strong:hover {
  color: #0d004c;
  text-decoration: underline; }

.block .block-content li a:hover, .block .block-content li strong:hover {
  color: #0d004c;
  text-decoration: underline; }

.block-account .block-content li a:hover, .block-account .block-content li strong:hover {
  color: #0d004c;
  text-decoration: underline; }

.header-submenu .block-content li strong, .block .block-content li strong, .block-account .block-content li strong {
  color: #0d004c;
  text-decoration: underline; }

.my-account .page-title {
  margin-right: 0 !important;
  margin-left: 0 !important;
  border-style: none;
  padding: 0 0 13px;
  margin: 0; }
  .my-account .page-title h1 {
    color: #002b49;
    font-size: 24px;
    line-height: 29px;
    text-align: left;
    margin: 0;
    padding: 0; }
.my-account .dashboard .page-title h2 {
  padding: 0;
  margin: 0; }
.my-account .dashboard .welcome-msg {
  margin: 0 0 30px; }
  .my-account .dashboard .welcome-msg .hello {
    padding: 0;
    margin: 0;
    color: #1A1A1A;
    font-size: 16px;
    line-height: 28px; }
    .my-account .dashboard .welcome-msg .hello strong {
      font-weight: 600;
      letter-spacing: 0; }
  .my-account .dashboard .welcome-msg p {
    font-size: 16px;
    line-height: 28px; }
.my-account .dashboard .box-head {
  padding: 0 0 17px;
  margin: 0 0 17px;
  border-bottom: 1px solid #ddd; }
  .my-account .dashboard .box-head h2 {
    font-size: 18px;
    line-height: 23px;
    color: #002b49;
    font-weight: 700;
    padding: 0; }
.my-account .dashboard .col-1 .box .box-title, .my-account .dashboard .col-2 .box .box-title {
  margin: 0 0 10px;
  padding: 0;
  border-style: none;
  text-align: left;
  font-size: 16px;
  line-height: 21px; }
.my-account .dashboard .col-1 .box .box-title h3, .my-account .dashboard .col-2 .box .box-title h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  color: #1A1A1A;
  padding: 0 5px 0 0;
  min-width: 250px;
  text-align: left; }
.my-account .dashboard .col-1 .box .box-title a, .my-account .dashboard .col-2 .box .box-title a {
  float: none;
  display: inline-block;
  vertical-align: top;
  color: #002b49;
  font-style: normal;
  text-decoration: underline;
  font-weight: 400; }
.my-account .dashboard .col-1 .box .box-title a:hover, .my-account .dashboard .col-2 .box .box-title a:hover {
  text-decoration: none; }
.my-account .dashboard .box .box-title {
  margin-right: 0;
  margin: 0 0 17px;
  padding: 0 0 17px; }
  .my-account .dashboard .box .box-title h3 {
    padding: 0;
    color: #002b49;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px; }
.my-account p, .my-account address {
  font-size: 16px;
  line-height: 21px;
  color: #1A1A1A;
  font-weight: 400; }
.my-account p a, .my-account address a {
  color: #002b49;
  text-decoration: underline;
  border-style: none;
  font-style: normal; }
.my-account a.change-pass {
  margin-bottom: 20px;
  display: inline-block; }
.my-account p a:hover, .my-account address a:hover {
  text-decoration: none; }
.my-account .box-info h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  color: #1A1A1A;
  padding: 0 5px 0 0;
  min-width: 250px;
  text-align: left;
  text-transform: none; }
.my-account .box-title {
  padding: 0 0 17px;
  margin: 0 0 17px;
  border-bottom: 1px solid #ddd; }
  .my-account .box-title h3 {
    font-size: 18px;
    line-height: 23px;
    color: #002b49;
    font-weight: 700; }
.my-account .col2-set {
  margin: 0; }
  .my-account .col2-set p {
    margin: 0; }
.my-account .addresses-list {
  width: auto;
  margin: 0 -12px; }
  .my-account .addresses-list h2 {
    font-size: 18px;
    line-height: 23px;
    color: #002b49;
    border-bottom: 1px solid #ccc; }
  .my-account .addresses-list h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #1A1A1A; }
  .my-account .addresses-list li {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px; }
    .my-account .addresses-list li address {
      color: #1A1A1A;
      font-size: 16px;
      line-height: 24px;
      margin: 0; }
  .my-account .addresses-list .edit-addr {
    float: right;
    color: #0d004c;
    text-decoration: underline;
    font-size: 16px;
    line-height: 21px; }
    .my-account .addresses-list .edit-addr:hover {
      text-decoration: none; }

@media (max-width: 768px) {
  .my-account .addresses-list {
    margin: 0; } }
.box-account {
  margin: 0; }
  .box-account.box-info .box {
    padding: 0; }
  .box-account.box-info .col-1 {
    border-right: none;
    background: none; }
    .box-account.box-info .col-1 .box {
      padding: 0; }
  .box-account.box-info .col-2 {
    background: none; }
  .box-account .box-head a {
    margin-top: 0; }

.sales-order-view .col2-set {
  margin-bottom: 20px; }

.cms-inspiration .main-container {
  border-style: none;
  padding: 0; }
.cms-inspiration .products-grid.centered .item {
  border-style: none; }

.customer-account .col2-set.block {
  display: none; }
.customer-account .pager {
  margin: 0;
  padding: 30px 0;
  border-style: none;
  font-size: 14px; }
  .customer-account .pager .limiter {
    float: right;
    margin-right: 0; }
  .customer-account .pager .amount {
    line-height: 38px;
    padding: 0;
    margin: 0; }
.customer-account .main {
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box; }
.customer-account .page-title {
  margin-left: 12px;
  margin-right: 12px; }

.sales-order-history .back-link {
  display: none !important; }

.error-page p {
  margin: 0; }
  .error-page p span {
    color: #0d004c; }
  .error-page p a {
    text-decoration: underline;
    color: #0d004c; }
    .error-page p a:hover {
      text-decoration: none; }
.error-page .error-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 70px 0 0; }
  .error-page .error-slider h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #002b49;
    padding: 0 60px 12px 0;
    margin: 0 0 12px;
    border-bottom: 1px solid #ddd; }
  .error-page .error-slider .slider-description {
    color: #1A1A1A;
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 30px; }
  .error-page .error-slider .itemslider {
    border-style: none !important;
    margin: 0; }
    .error-page .error-slider .itemslider h3 {
      padding: 0;
      margin: 0;
      text-align: center;
      font-weight: 700;
      font-size: 16px;
      line-height: 21px;
      color: #002b49;
      border-style: none; }
    .error-page .error-slider .itemslider .size-description {
      display: block;
      color: #002b49;
      font-size: 14px;
      line-height: 22px; }
    .error-page .error-slider .itemslider .price-box {
      font-weight: 600;
      font-size: 16px;
      line-height: 21px;
      color: #002b49; }
.error-page #itemslider-upsell {
  position: static; }
  .error-page #itemslider-upsell .owl-buttons {
    top: 0; }

.cms-contacts .contact-box {
  float: right;
  width: 322px;
  padding: 0 0 0 60px;
  font-size: 16px;
  line-height: 26px;
  color: #1A1A1A; }
  .cms-contacts .contact-box h3 {
    font-size: 20px;
    line-height: 25px;
    color: #002b49;
    font-weight: 700;
    padding: 0;
    margin: 40px 0 15px; }
  .cms-contacts .contact-box h4 {
    font-size: 16px;
    line-height: 21px;
    color: #002b49;
    font-weight: 700;
    padding: 0;
    margin: 0; }
  .cms-contacts .contact-box p {
    margin: 0 0 10px; }
.cms-contacts .contact-form {
  padding: 0 60px 0 0;
  overflow: hidden;
  border-right: 1px solid #ddd;
  font-size: 16px;
  line-height: 21px;
  color: #1A1A1A; }
  .cms-contacts .contact-form h3 {
    font-size: 24px;
    line-height: 29px;
    color: #002b49;
    font-weight: 700;
    margin: 0 0 15px; }
  .cms-contacts .contact-form .input-text {
    width: 100%;
    max-width: 100%; }
  .cms-contacts .contact-form .form-list label {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #1A1A1A; }
.cms-contacts .social-links {
  margin: 0 0 0 -5px; }

@media (max-width: 768px) {
  .cms-contacts .contact-box {
    float: none;
    width: 100%;
    padding: 0 0 20px;
    text-align: center; } }
@media (max-width: 768px) {
  .cms-contacts .contact-box h3 {
    margin-top: 10px; } }
@media (max-width: 768px) {
  .cms-contacts .contact-form {
    padding: 0;
    border-style: none; } }
.messages {
  margin: 0 0 18px; }

.data-table colgroup {
  width: 100%; }
.data-table thead th {
  font-size: 14px;
  line-height: 19px;
  color: #1A1A1A;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  padding: 0 9px 14px; }
  .data-table thead th:first-child {
    padding-left: 0; }
  .data-table thead th:last-child {
    padding-right: 0; }
.data-table tbody tr td {
  padding: 20px 9px;
  font-size: 14px;
  line-height: 19px;
  color: #616163; }
  .data-table tbody tr td:first-child {
    padding-left: 0;
    width: 99px; }
  .data-table tbody tr td:last-child {
    padding-right: 0; }
  .data-table tbody tr td textarea {
    width: 100%; }
.data-table .product-image {
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 10px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block; }
.data-table .product-name {
  font-size: 16px;
  line-height: 21px;
  color: #002b49;
  margin: 0 0 5px;
  min-width: 200px;
  display: block; }
.data-table .minimal-price-link .price {
  color: #616163; }
.data-table .minimal-price-link strong {
  font-weight: 400; }
.data-table .btn-cart {
  background: #253852;
  border-color: #253852;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin: 0; }
.data-table .add-to-cart-alt {
  margin: 0; }
  .data-table .add-to-cart-alt input {
    margin-bottom: 0; }

#wishlist-view-form .buttons-set2 {
  width: 100%;
  max-width: 100%;
  margin: 0; }
  #wishlist-view-form .buttons-set2 .button {
    background: none;
    border-style: none;
    font-size: 14px;
    color: #0d004c;
    text-decoration: underline;
    font-weight: 400;
    padding: 0;
    min-width: 0;
    margin: 0 0 0 20px; }
  #wishlist-view-form .buttons-set2 .btn-update {
    float: left;
    margin: 0; }

.cart-table-wrapper {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  width: 100%; }

.the-cart-form {
  overflow: auto;
  margin: 0 0 35px; }

#shopping-cart-table {
  margin: 0 0 84px; }
  #shopping-cart-table img {
    max-width: none; }
  #shopping-cart-table tbody td {
    padding: 30px 9px; }
    #shopping-cart-table tbody td:first-child {
      padding-left: 0;
      width: 99px; }
    #shopping-cart-table tbody td:last-child {
      padding-right: 0; }
    #shopping-cart-table tbody td .product-img, #shopping-cart-table tbody td .qty {
      margin: -8px 0 0; }
  #shopping-cart-table tfoot {
    text-align: right; }
    #shopping-cart-table tfoot td {
      padding: 0; }
    #shopping-cart-table tfoot .button {
      background: none;
      border-style: none;
      font-size: 14px;
      line-height: 52px;
      color: #0d004c;
      text-decoration: underline;
      font-weight: 400;
      padding: 0;
      min-width: 0; }
    #shopping-cart-table tfoot .btn-update {
      float: right !important;
      margin: 0; }
    #shopping-cart-table tfoot .last td {
      height: 50px;
      padding-left: 15px;
      padding-right: 15px;
      background: #f7f7f7;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
      #shopping-cart-table tfoot .last td a {
        background: none;
        border-style: none;
        font-size: 14px;
        color: #0d004c;
        text-decoration: underline;
        font-weight: 400;
        padding: 0;
        min-width: 0;
        margin: 0; }

@media (max-width: 960px) {
  #shopping-cart-table {
    margin: 0 0 20px; } }
.slider-holder {
  position: relative; }
  .slider-holder > h3 {
    border-bottom: 1px solid #ddd;
    margin: 0 0 5px;
    padding: 0 0 15px; }
  .slider-holder .owl-carousel {
    position: static; }
  .slider-holder .slider-arrows1-pos-top-right .owl-controls .owl-buttons {
    top: 2px; }
  .slider-holder #itemslider-upsell {
    border-style: none; }

.box-up-sell {
  position: relative; }
  .box-up-sell .owl-carousel {
    position: static; }
    .box-up-sell .owl-carousel .owl-wrapper-outer {
      position: static; }

.dropdown.open > .dropdown-heading.cover, .dropdown.open .dropdown-content {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dropdown-content:after {
  content: "";
  position: absolute;
  right: 40px;
  top: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 11px 10px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 3; }
.dropdown-content:before {
  z-index: 2;
  content: "";
  position: absolute;
  right: 39px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 12px 11px;
  border-color: transparent transparent #ddd transparent; }

.checkout-cart-index .page-title {
  border-style: none;
  margin: 0;
  padding: 0 0 25px; }
.checkout-cart-index .content {
  padding: 0 30px 0 0;
  box-sizing: border-box; }
.checkout-cart-index .box {
  border: 1px solid #ddd;
  padding: 28px;
  margin: 0 0 19px;
  overflow: hidden; }
  .checkout-cart-index .box .buttons-set {
    margin: 0;
    padding: 0;
    border-style: none; }
    .checkout-cart-index .box .buttons-set .button {
      float: left;
      margin: 0;
      font-weight: 400; }
  .checkout-cart-index .box h2 {
    font-size: 16px;
    line-height: 21px;
    color: #0d004c;
    font-weight: 700;
    text-align: left;
    margin: 0 0 5px; }
  .checkout-cart-index .box .button {
    float: right;
    margin: 0 0 0 30px;
    padding: 0;
    background: none;
    padding: 0;
    font-size: 14px;
    line-height: 42px;
    height: 42px;
    color: #0d004c;
    border-style: none;
    text-decoration: underline;
    min-width: 0; }
    .checkout-cart-index .box .button:hover {
      text-decoration: none;
      cursor: pointer; }
    .checkout-cart-index .box .button.btn-proceed-checkout {
      background: #253852;
      border-style: none;
      color: #fff;
      font-size: 18px;
      line-height: 50px;
      text-transform: uppercase;
      text-decoration: none;
      height: auto;
      margin: 0;
      width: 100%; }
  .checkout-cart-index .box .input-text {
    display: block;
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 40px;
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box; }
  .checkout-cart-index .box .input-box {
    overflow: hidden; }
  .checkout-cart-index .box p {
    margin: 0 0 5px; }
  .checkout-cart-index .box label {
    color: #616163;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400; }
  .checkout-cart-index .box .checkout-types {
    float: none;
    width: 100%; }
  .checkout-cart-index .box table {
    width: 100%; }
  .checkout-cart-index .box .trigger, .checkout-cart-index .box .fancy-select {
    width: 100%;
    box-sizing: border-box; }
.checkout-cart-index .cart-empty {
  font-size: 16px;
  line-height: 28px;
  color: #1A1A1A; }
  .checkout-cart-index .cart-empty a {
    color: #0d004c;
    text-decoration: underline; }
    .checkout-cart-index .cart-empty a:hover {
      text-decoration: none; }
.checkout-cart-index .recently-viewed {
  padding: 140px 0 0; }
  .checkout-cart-index .recently-viewed a {
    text-decoration: none; }
  .checkout-cart-index .recently-viewed > h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #002b49;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
    margin: 0 0 15px; }
  .checkout-cart-index .recently-viewed #itemslider-upsell {
    border-style: none;
    padding: 0;
    margin: 0; }
@media (max-width: 768px) {
  .checkout-cart-index .box {
    width: 100%;
    margin: 0 0 10px; } }
.checkout-types {
  float: right; }
  .checkout-types .button {
    background: #253852;
    border-style: none;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase; }
.cart-table tfoot td {
  vertical-align: middle; }
  .cart-table tfoot td.last {
    border-style: none; }
.cart-table .product-img {
  display: block;
  border: 1px solid #ddd;
  width: 77px;
  height: 77px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .cart-table .product-img img {
    display: block;
    height: auto;
    width: 100%; }
.cart-table tbody tr td:first-child {
  width: auto; }
.cart-table .unit-description {
  display: block;
  clear: both;
  font-size: 14px;
  line-height: 22px;
  color: #002b49; }

#shopping-cart-totals-table {
  font-size: 14px;
  line-height: 24px;
  color: #616163; }
  #shopping-cart-totals-table tbody tr:last-child td {
    padding-bottom: 18px; }
  #shopping-cart-totals-table tbody tr td {
    padding-bottom: 5px; }
  #shopping-cart-totals-table tfoot td {
    font-size: 18px;
    line-height: 28px;
    color: #1A1A1A;
    padding: 18px 0 15px 40px;
    border-top: 1px solid #ddd; }
    #shopping-cart-totals-table tfoot td strong {
      font-weight: 600; }

@media (max-width: 960px) {
  #shopping-cart-totals-table tbody tr:last-child td {
    padding-bottom: 10px; } }
@media (max-width: 960px) {
  #shopping-cart-totals-table tfoot td {
    font-size: 14px;
    line-height: 19px;
    padding: 10px; } }
.onestepcheckout-login-link {
  font-size: 16px;
  line-height: 25px;
  color: #1A1A1A;
  font-weight: 600; }
  .onestepcheckout-login-link a {
    color: #ff5100;
    text-decoration: underline; }
    .onestepcheckout-login-link a:hover {
      text-decoration: none; }

.onestepcheckout-index-index .col-main {
  float: none; }
.onestepcheckout-index-index .main {
  margin: 0 auto; }
.onestepcheckout-index-index .checkout-header {
  position: absolute;
  top: 0; }
  .onestepcheckout-index-index .checkout-header #sociallogin_button ul li {
    padding: 5px 10px 5px 0; }
.onestepcheckout-index-index .onestepcheckout-threecolumns {
  margin: 0 -10px;
  border-style: none; }
  .onestepcheckout-index-index .onestepcheckout-threecolumns p.onestepcheckout-numbers {
    padding: 0 0 25px 40px;
    margin: 0;
    line-height: 30px;
    font-weight: 600;
    color: #1A1A1A;
    text-transform: none; }
    .onestepcheckout-index-index .onestepcheckout-threecolumns p.onestepcheckout-numbers span {
      background: #ff5100;
      width: 35px;
      height: 35px;
      line-height: 30px;
      text-align: center;
      color: #fff;
      font-size: 18px;
      font-weight: 400; }
  .onestepcheckout-index-index .onestepcheckout-threecolumns label {
    font-size: 16px;
    line-height: 24px;
    color: #1A1A1A;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 3px; }
  .onestepcheckout-index-index .onestepcheckout-threecolumns .input-text, .onestepcheckout-index-index .onestepcheckout-threecolumns select {
    border: none;
    border-bottom: 1px solid #1A1A1A;
    font-size: 16px;
    line-height: 40px;
    height: 40px; }
  .onestepcheckout-index-index .onestepcheckout-threecolumns select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }
  .onestepcheckout-index-index .onestepcheckout-threecolumns > .grid12-4 {
    padding: 0 30px;
    margin: 0 0 20px;
    /*-- border-right: 1px solid #ddd;  */
    box-sizing: border-box;
    width: 33.33%; }
    .onestepcheckout-index-index .onestepcheckout-threecolumns > .grid12-4:last-child {
      border-style: none; }
  .onestepcheckout-index-index .onestepcheckout-threecolumns #payment_form_ewayrapid_notsaved {
    margin: 0; }
    .onestepcheckout-index-index .onestepcheckout-threecolumns #payment_form_ewayrapid_notsaved:after, .onestepcheckout-index-index .onestepcheckout-threecolumns #payment_form_ewayrapid_notsaved:before {
      display: none; }
  .onestepcheckout-index-index .onestepcheckout-threecolumns #checkout-payment-method-load dd {
    margin: 0 0 20px; }
    .onestepcheckout-index-index .onestepcheckout-threecolumns #checkout-payment-method-load dd .form-list {
      margin: 0;
      background: none;
      border: none; }
      .onestepcheckout-index-index .onestepcheckout-threecolumns #checkout-payment-method-load dd .form-list li:last-child {
        margin: 0; }
  .onestepcheckout-index-index .onestepcheckout-threecolumns div.osc-short {
    float: none;
    width: 100%;
    margin: 0 0 5px; }
    .onestepcheckout-index-index .onestepcheckout-threecolumns div.osc-short:last-child {
      margin: 0; }
    .onestepcheckout-index-index .onestepcheckout-threecolumns div.osc-short.input-firstname,
    .onestepcheckout-index-index .onestepcheckout-threecolumns div.input-country,
    .onestepcheckout-index-index .onestepcheckout-threecolumns div.osc-short.input-postcode {
      width: 50%;
      padding-right: 10px;
      float: left;
      box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        .onestepcheckout-index-index .onestepcheckout-threecolumns div.osc-short.input-firstname,
        .onestepcheckout-index-index .onestepcheckout-threecolumns div.input-country,
        .onestepcheckout-index-index .onestepcheckout-threecolumns div.osc-short.input-postcode {
          width: 100%;
          padding-right: 0; } }
    .onestepcheckout-index-index .onestepcheckout-threecolumns div.osc-short.input-lastname,
    .onestepcheckout-index-index .onestepcheckout-threecolumns div.osc-short.input-region,
    .onestepcheckout-index-index .onestepcheckout-threecolumns div.input-city {
      width: 50%;
      padding-left: 10px;
      float: right;
      box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        .onestepcheckout-index-index .onestepcheckout-threecolumns div.osc-short.input-lastname,
        .onestepcheckout-index-index .onestepcheckout-threecolumns div.osc-short.input-region,
        .onestepcheckout-index-index .onestepcheckout-threecolumns div.input-city {
          width: 100%;
          padding-left: 0; } }
.onestepcheckout-index-index .input-box .v-fix {
  width: 46%;
  margin-right: 4%;}

@media (max-width: 960px) {
  .onestepcheckout-index-index .main-container {
    margin: 0; } }
@media (max-width: 960px) {
  .onestepcheckout-index-index .onestepcheckout-threecolumns {
    margin: 0 -10px; } }
@media (max-width: 768px) {
  .onestepcheckout-index-index .onestepcheckout-threecolumns {
    margin: 0; } }
@media (max-width: 980px) {
  .onestepcheckout-index-index .onestepcheckout-threecolumns p.onestepcheckout-numbers {
    font-size: 13px; } }
@media (max-width: 960px) {
  .onestepcheckout-index-index .onestepcheckout-threecolumns label {
    font-size: 12px; } }
@media (max-width: 960px) {
  .onestepcheckout-index-index .onestepcheckout-threecolumns > .grid12-4 {
    padding: 0 10px;
    width: 50%; }
    .onestepcheckout-index-index .onestepcheckout-threecolumns > .grid12-4:nth-child(3) {
      width: 100%; } }
@media (max-width: 768px) {
  .onestepcheckout-index-index .onestepcheckout-threecolumns > .grid12-4 {
    padding: 0;
    border-style: none; } }
.button-continue {
  float: right;
  border-color: #f3e6b1; }

#onestepcheckout-form {
  display: block;
  width: 100%;
  overflow: hidden; }

#onestepcheckout-place-order {
  width: 100%;
  border-style: none;
  line-height: 50px;
  font-size: 18px;
  background: #ff5100;
  font-weight: 700;
  color: #fff; }
div.onestepcheckout-summary {
  overflow: auto;
  color: #1A1A1A; }
  div.onestepcheckout-summary table {
    width: 100%; }
  div.onestepcheckout-summary thead th {
    font-size: 14px;
    line-height: 19px;
    border-bottom: 1px solid #1A1A1A;
    padding: 0 20px 15px; }
    div.onestepcheckout-summary thead th:first-child {
      padding-left: 0; }
    div.onestepcheckout-summary thead th:last-child {
      padding-right: 0; }
  div.onestepcheckout-summary tbody td {
    padding: 20px; }
    div.onestepcheckout-summary tbody td:first-child {
      padding-left: 0; }
    div.onestepcheckout-summary tbody td:last-child {
      padding-right: 0; }
  div.onestepcheckout-summary th:last-child, div.onestepcheckout-summary td:last-child {
    width: 80px;
    text-align: center !important; }
  div.onestepcheckout-summary .onestepcheckout-summary {
    margin: 0 0 15px; }
    div.onestepcheckout-summary .onestepcheckout-summary td {
      border-bottom: 1px solid #1A1A1A; }
  div.onestepcheckout-summary .onestepcheckout-totals {
    width: 100%; }
    div.onestepcheckout-summary .onestepcheckout-totals td {
      padding: 0 15px 5px; }
    div.onestepcheckout-summary .onestepcheckout-totals tr:last-child td {
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: #1A1A1A;
      padding-top: 18px;
      padding-bottom: 18px;
      border-top: 1px solid #1A1A1A;
      font-family: 'GalanoGrotesque-Medium'; }
    div.onestepcheckout-summary .onestepcheckout-totals tr:nth-last-child(2) td {
      padding-bottom: 10px; }

@media (max-width: 768px) {
  div.onestepcheckout-summary thead th {
    padding: 0 7px 7px; } }
@media (max-width: 768px) {
  div.onestepcheckout-summary tbody td {
    padding: 7px;
    font-size: 14px;
    line-height: 17px; } }
@media (max-width: 768px) {
  div.onestepcheckout-summary tbody td.qty {
    text-align: center; } }
@media (max-width: 768px) {
  div.onestepcheckout-summary th:last-child, div.onestepcheckout-summary td:last-child {
    width: auto;
    text-align: right !important; } }
.cms-shop-by-style .page-title, .locations-index-index .page-title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd; }

@media (max-width: 768px) {
  .cms-shop-by-style .page-title, .locations-index-index .page-title {
    padding-bottom: 10px;
    margin-bottom: 15px; } }
.advanced-box {
  width: 100%;
  background: #f7f7f7;
  font-size: 12px;
  line-height: 39px;
  overflow: hidden; }
  .advanced-box .item {
    float: left;
    width: 50%;
    text-align: center;
    position: relative; }
    .advanced-box .item:first-child:after {
      color: #d5d5d5;
      content: "|";
      position: absolute;
      right: 0;
      top: 0;
      width: 2px;
      font-size: 15px;
      line-height: 32px; }

.category-landing {
  width: 100%;
  overflow: hidden; }
  .category-landing .col-left {
    width: 22%;
    margin: 0 20px 0 0; }
    .std .category-landing .col-left ul {
      margin-left: 0; }
    .std .category-landing .col-left li {
      list-style: none; }
  .category-landing .col-main {
    overflow: hidden;
    width: auto;
    float: none; }
  .category-landing .columns {
    margin: 0 -12px;
    width: auto; }

@media (max-width: 768px) {
  .category-landing .col-left {
    float: none;
    width: 100%;
    margin: 0 0 20px; } }
@media (max-width: 768px) {
  .col-left {
    margin: 0; } }
.col-left > * {
  margin-right: 0; }

.top-banner {
  border: 1px solid #e6e6e6;
  margin: 0 0 20px;
  padding: 45px 50% 48px 50px;
  overflow: hidden;
  box-sizing: border-box;
  font-weight: 600;
  color: #002b49;
  font-size: 16px;
  line-height: 22px;
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/img-banner1.jpg) no-repeat 100% 50%/53% auto;
  position: relative; }
  @media (max-width: 1200px) {
    .top-banner {
      padding: 45px 40% 48px 50px; } }
  @media (max-width: 959px) {
    .top-banner {
      font-size: 15px;
      line-height: 20px;
      padding: 15px 25% 20px 20px;
      background-position: 120% 50%; } }
  @media (max-width: 768px) {
    .top-banner {
      font-size: 14px;
      line-height: 19px;
      background-position: 243% 100%;
      background-size: 76% auto;
      padding: 10px 20% 10px 10px; } }
  .top-banner:after {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 270px 174px 0 0;
    border-color: #ffffff transparent transparent transparent;
    content: "";
    top: 0;
    right: 34%; }
    @media (max-width: 959px) {
      .top-banner:after {
        right: 21%; } }
    @media (max-width: 768px) {
      .top-banner:after {
        right: 18%; } }
    @media (max-width: 360px) {
      .top-banner:after {
        right: 3%; } }
  .top-banner > * {
    position: relative;
    z-index: 2; }
  .top-banner h2 {
    font-weight: 700;
    font-size: 38px;
    line-height: 43px;
    color: #002b49;
    margin: 0 0 9px;
    text-align: left; }
    @media (max-width: 959px) {
      .top-banner h2 {
        font-size: 30px;
        line-height: 35px; } }
    @media (max-width: 768px) {
      .top-banner h2 {
        font-size: 22px;
        line-height: 27px; } }
  .top-banner p {
    margin: 0 0 15px; }
  .top-banner .button {
    border-color: #f3e6b2; }
    @media (max-width: 768px) {
      .top-banner .button {
        line-height: 36px;
        font-size: 15px; } }

.block-content .actions {
  margin: 0;
  padding: 15px 0;
  border-style: none; }
.block-content .currently {
  margin: 0 0 15px; }
  .block-content .currently ol {
    padding: 0; }
    .block-content .currently ol li {
      font-size: 14px;
      line-height: 21px;
      padding: 0 0 20px;
      margin: 0;
      background: none;
      background-position: 0 7px; }
      .block-content .currently ol li:hover {
        text-decoration: underline;
        cursor: default;
        color: #0d004c; }
      .block-content .currently ol li a {
        color: #1A1A1A;
        padding: 0; }
.block-content .multiselect-child:after {
  content: " ,"; }
.block-content .multiselect-child:last-child {
  margin: 0; }
  .block-content .multiselect-child:last-child:after {
    content: ""; }

#narrow-by-list {
  border-top: 1px solid #ddd;
  padding-top: 10px; }
  #narrow-by-list dt {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    padding: 15px 0;
    position: relative;
    border-bottom: 1px solid #dedede;
    background-color: #fff;}
    #narrow-by-list dt a {
      display: block;
      overflow: hidden;
      color: #1A1A1A;
      padding: 0 25px 0 0;
      position: relative;
      background: #fff; }
      #narrow-by-list dt a .open-close {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 14px;
        width: 20px;
        text-align: center;
        height: 100%;
        font-weight: 400; }
        #narrow-by-list dt a .open-close.open {
          text-indent: -9999px; }
          #narrow-by-list dt a .open-close.open:after {
            content: "-";
            text-indent: 0;
            display: block;
            float: right;
            width: 100%; }
  #narrow-by-list dd {
    padding: 10px 0 0; }
    #narrow-by-list dd ol li {
      font-size: 14px;
      line-height: 21px;
      padding: 0 0 9px 16px;
      background-position: 0 7px; }
      #narrow-by-list dd ol li:hover {
        background-position: 3px 7px; }
      #narrow-by-list dd ol li a {
        color: #1A1A1A;
        padding: 0;
        background: none; }
      #narrow-by-list span.count {
        /*position: absolute;
        right: 0;
        display: inline;
        float: right;
        font-size: 12px;*/
      }
      #narrow-by-list span.name {
        text-transform: uppercase;
      }


@media (max-width: 768px) {
  #narrow-by-list dt {
    padding: 13px 10px 15px; } }
@media (max-width: 768px) {
  #narrow-by-list dd {
    padding: 0 10px 10px; } }
div.block-layered-nav dd a.amshopby-attr-selected {
  background: none; }
div.block-layered-nav dd a.amshopby-attr {
  background: none; }
  div.block-layered-nav dd a.amshopby-attr:hover {
    background: none; }

.catalog-category-view .main {
  padding: 0 12px;
  box-sizing: border-box; }

@media (max-width: 768px) {
  #onestepcheckout-form .button.continue {
    float: none;
    margin: 0 0 10px; } }
input[type="radio"], input[type="checkbox"] {
  display: none; }
input[type="radio"] + label, input[type="checkbox"] + label {
  display: block;
  padding: 3px 0 3px 32px;
  position: relative; }
input[type="radio"] + label:after, input[type="checkbox"] + label:after {
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  width: 25px;
  height: 26px; }
input[type="radio"]:checked + label:after, input[type="checkbox"]:checked + label:after {
  background-position: 0 100%; }
input[type="radio"] + label {
  font-size: 14px !important;
  line-height: 24px !important;
  color: #1A1A1A !important;
  font-weight: 400 !important; }
  input[type="radio"] + label:after {
    background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/bg-radio.png) no-repeat; }
input[type="checkbox"] + label:after {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/bg-checkbox.png) no-repeat;
  height: 25px; }

@media (max-width: 960px) {
  input[type="radio"] + label {
    font-size: 12px !important; } }
.input-box {
  overflow: hidden; }

div#onestepcheckout-login-popup.login-modal {
  max-width: 430px;
  box-sizing: border-box;
  padding: 30px;
  border-style: none;
  border-bottom: 3px solid #f1e6b2;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 14px;
  line-height: 19px;
  color: #002b49; }
  div#onestepcheckout-login-popup.login-modal .remodal-close {
    left: auto;
    right: 10px;
    top: 10px; }
    div#onestepcheckout-login-popup.login-modal .remodal-close:before {
      font-size: 35px;
      left: 0;
      top: 0; }
  div#onestepcheckout-login-popup.login-modal h1 {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    color: #002b49;
    font-size: 28px;
    line-height: 33px;
    letter-spacing: -1px; }
  div#onestepcheckout-login-popup.login-modal p {
    letter-spacing: -1px;
    margin: 0 0 15px; }
  div#onestepcheckout-login-popup.login-modal label {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 21px;
    color: #002b49;
    font-weight: 600;
    margin: 0 0 5px; }
  div#onestepcheckout-login-popup.login-modal .input-text {
    width: 100%;
    background: #fff;
    border-color: #ddd;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  div#onestepcheckout-login-popup.login-modal .input-button {
    margin: 0;
    line-height: 48px; }
  div#onestepcheckout-login-popup.login-modal .input-box {
    margin: 0 0 20px; }
  div#onestepcheckout-login-popup.login-modal .button {
    background: #4a5364;
    border-style: none;
    color: #fff; }
  div#onestepcheckout-login-popup.login-modal #onestepcheckout-forgot-password-link {
    float: right;
    font-size: 14px;
    color: #0d004c;
    text-decoration: underline; }
    div#onestepcheckout-login-popup.login-modal #onestepcheckout-forgot-password-link:hover {
      text-decoration: none; }

.main .onestepcheckout-threecolumns div.input-box {
  margin: 0; }

.osc-wide {
  margin: 0 0 20px; }

#container_payment_method_ewayrapid_notsaved .cvv-what-is-this {
  line-height: 40px;
  font-size: 12px;
  color: #ff5100;
  text-decoration: underline; }

#billing_address_list .clearfix, #shipping_address_list .clearfix {
  margin: 0; }

.checkout-onepage-success .col-main {
  font-size: 16px;
  line-height: 21px; }
  .checkout-onepage-success .col-main p {
    margin: 0 0 5px; }
  .checkout-onepage-success .col-main .order-num {
    font-size: 18px;
    line-height: 23px;
    color: #1A1A1A;
    font-weight: 600; }
.checkout-onepage-success .sub-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #002b49;
  text-align: left;
  margin: 0 0 5px; }
.checkout-onepage-success .buttons-set {
  margin: 0;
  padding: 28px 0 0;
  border-style: none; }
  .checkout-onepage-success .buttons-set button.button {
    float: left;
    border-color: #f3e6b1; }

.catalogsearch-result-index .main {
  padding: 0 12px;
  box-sizing: border-box; }

.table-holder {
  padding: 25px 30px 0;
  background: #f7f7f7;
  border-bottom: 3px solid #f1e6b2;
  overflow: auto; }
  .table-holder.default {
    padding: 0;
    margin: 0;
    border-style: none;
    background: none; }

@media (max-width: 768px) {
  .table-holder .nobr {
    white-space: nowrap; } }
#my-orders-table thead th {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #002b49; }
#my-orders-table tbody tr td {
  font-size: 16px;
  line-height: 19px;
  color: #1A1A1A;
  display: table-cell; }
#my-orders-table a, #my-orders-table .separator {
  color: #0d004c; }
#my-orders-table a {
  text-decoration: underline; }
  #my-orders-table a:hover {
    text-decoration: none; }
#my-orders-table .nobr {
  white-space: nowrap !important; }

#wishlist-table tbody tr td {
  padding-top: 25px; }
  #wishlist-table tbody tr td:nth-child(2) {
    overflow: hidden;
    display: block;
    width: auto; }
  #wishlist-table tbody tr td .product-image {
    margin-top: -5px; }
  #wishlist-table tbody tr td .product-name {
    min-width: 150px; }
  #wishlist-table tbody tr td .button, #wishlist-table tbody tr td .qty {
    margin-top: -8px; }
  #wishlist-table tbody tr td .fa {
    font-size: 18px;
    margin: 8px 0 0; }

@media (max-width: 768px) {
  #wishlist-table tbody tr td {
    float: left;
    padding: 10px; } }
@media (max-width: 768px) {
  #wishlist-table tbody tr td:first-child {
    float: left; } }
.inspira-nav .InspiraGallery {
  float: none;
  width: 100%;
  overflow: hidden; }
  .inspira-nav .InspiraGallery > * {
    position: relative;
    /* two items */ }
    .inspira-nav .InspiraGallery > *:first-child:nth-last-child(1) {
      width: 100% !important; }
      .inspira-nav .InspiraGallery > *:first-child:nth-last-child(1) > * {
        /* two items */ }
        .inspira-nav .InspiraGallery > *:first-child:nth-last-child(1) > *:first-child:nth-last-child(2) {
          width: 50% !important;
          margin: 0;
          float: left;
          padding: 0 0 0 12px; }
          .inspira-nav .InspiraGallery > *:first-child:nth-last-child(1) > *:first-child:nth-last-child(2) ~ * {
            width: 50% !important;
            margin: 0;
            float: left;
            padding: 0 0 0 12px; }
            .inspira-nav .InspiraGallery > *:first-child:nth-last-child(1) > *:first-child:nth-last-child(2) ~ *:first-child {
              padding: 0 12px 0 0; }
    .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) {
      width: 50% !important;
      margin: 0;
      float: left;
      padding: 0;
      position: relative; }
      .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) ~ * {
        width: 50% !important;
        margin: 0;
        float: left;
        padding: 0 0 0 12px;
        position: relative; }
        .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) ~ *:first-child {
          padding: 0 12px 0 0; }
      .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) > *, .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) ~ * > * {
        /* two items */ }
      .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) > *:first-child:nth-last-child(1), .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) ~ * > *:first-child:nth-last-child(1) {
        width: 100% !important;
        position: relative; }
      .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) > *:first-child:nth-last-child(2), .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) ~ * > *:first-child:nth-last-child(2) {
        width: 50% !important;
        margin: 0;
        float: left;
        padding: 0 0 0 12px;
        position: relative; }
        .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) > *:first-child:nth-last-child(2) ~ *, .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) ~ * > *:first-child:nth-last-child(2) ~ * {
          width: 50% !important;
          margin: 0;
          float: left;
          padding: 0 0 0 12px;
          position: relative; }
      .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) > *:first-child:nth-last-child(2):first-child, .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) ~ * > *:first-child:nth-last-child(2):first-child {
        padding: 0 12px 0 0; }
        .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) > *:first-child:nth-last-child(2):first-child ~ *:first-child, .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) ~ * > *:first-child:nth-last-child(2):first-child ~ *:first-child {
          padding: 0 12px 0 0; }
  .inspira-nav .InspiraGallery .left {
    width: 100%; }
  .inspira-nav .InspiraGallery .holder {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .inspira-nav .InspiraGallery .holder > img {
      height: 472px; }
.inspira-nav #target .holder:hover .descriptionHover, .inspira-nav #target .ImageSec:hover .descriptionHover {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -moz-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  position: relative;
  top: 0; }
.inspira-nav #target .description {
  background: rgba(255, 255, 255, 0.86);
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  overflow: hidden;
  padding: 25px 36px;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  max-width: 600px; }
  .inspira-nav #target .description .head {
    display: block;
    color: #002b49;
    font: 32px/37px NeueHaas75, serif;
    /*font: 32px/37px CordaBold, serif;*/
    margin: 0; }
  .inspira-nav #target .description .smalltext {
    color: #002b49;
    font-size: 16px;
    line-height: 21px; }
  .inspira-nav #target .description .read_more {
    margin: 0;
    padding: 0;
    background: none; }
.inspira-nav #target .descriptionHover {
  background: none;
  padding: 12px 0 0;
  position: absolute;
  top: 100%;
  display: block;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -moz-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0); }
  .inspira-nav #target .descriptionHover > * {
    display: none; }
  .inspira-nav #target .descriptionHover .descMore {
    display: block;
    background: none;
    position: static;
    margin: 0;
    padding: 0; }
    .inspira-nav #target .descriptionHover .descMore .small_Img, .inspira-nav #target .descriptionHover .descMore a {
      display: block;
      width: 100%;
      overflow: hidden; }
    .inspira-nav #target .descriptionHover .descMore .small_Img .label, .inspira-nav #target .descriptionHover .descMore a .label {
      color: #585858;
      float: none;
      overflow: hidden;
      width: auto;
      height: auto; }
    .inspira-nav #target .descriptionHover .descMore .read_more {
      float: right;
      font-size: 13px;
      line-height: 18px;
      color: #002b49;
      text-decoration: underline;
      width: auto; }
      .inspira-nav #target .descriptionHover .descMore .read_more:hover {
        text-decoration: none; }

@media (max-width: 960px) {
  .inspira-nav .InspiraGallery {
    margin: 0; }
    .inspira-nav .InspiraGallery > :first-child:nth-last-child(1) {
      padding-bottom: 10px; }

  .inspira-nav .InspiraGallery > *:first-child:nth-last-child(1) > *:first-child:nth-last-child(2) {
    padding-bottom: 10px; }
    .inspira-nav .InspiraGallery > *:first-child:nth-last-child(1) > *:first-child:nth-last-child(2) ~ * {
      padding-bottom: 10px; }

  .inspira-nav .InspiraGallery > *:first-child:nth-last-child(1) > *:first-child:nth-last-child(2):first-child {
    padding-bottom: 10px; }
    .inspira-nav .InspiraGallery > *:first-child:nth-last-child(1) > *:first-child:nth-last-child(2):first-child ~ *:first-child {
      padding-bottom: 10px; }

  .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) {
    width: 100% !important;
    padding-bottom: 10px; }
    .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2) ~ * {
      width: 100% !important;
      padding-bottom: 10px;
      padding-left: 0; }

  .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2):first-child {
    padding-bottom: 10px; }
    .inspira-nav .InspiraGallery > *:first-child:nth-last-child(2):first-child ~ *:first-child {
      padding-bottom: 10px; }

  .inspira-nav .InspiraGallery .holder > img {
    height: auto;
    width: 100%;
    max-width: 100%; }

  .inspira-nav #target .holder, .inspira-nav #target .ImageSec {
    height: auto; } }
@media (max-width: 768px) {
  .inspira-nav #target .description {
    padding: 10px; }

  .inspira-nav #target .description .head {
    font-size: 17px;
    line-height: 23px; }

  .inspira-nav #target .descriptionHover {
    display: none; } }
.cms-inspire-me-bathroom .header-banner, .cms-inspire-me-kitchen .header-banner, .cms-inspire-me-laundry .header-banner, .cms-inspire-me-living .header-banner, .cms-inspire-me-outdoor .header-banner {
  background: none !important; }

@media (max-width: 960px) {
  .ImageSec > img {
    height: auto;
    width: 100%;
    max-width: none; } }
.inspire-me-category ul {
  width: 100%;
  overflow: hidden; }

.inspira-content .inspira-nav li a {
  background: none;
  text-decoration: none;
  color: #888; }
  .inspira-content .inspira-nav li a:hover {
    text-decoration: none;
    background: none;
    color: #002b49; }
  .inspira-content .inspira-nav li a.active {
    background: none;
    color: #002b49;
    text-decoration: underline; }

@media (max-width: 768px) {
  .the-slideshow-wrapper .owl-pagination {
    display: block; } }
.widget {
  width: 100%;
  display: block; }

#jobList ul li:last-child .jobListItem {
  margin-bottom: 0; }

.jobAdSearchFilterInput select {
  width: 100% !important; }
.jobAdSearchFilterInput input[type="text"] {
  width: 100% !important;
  box-sizing: border-box;
  padding: 11px 10px; }

.jobListItemSummary {
  width: 100% !important; }

/********catalog accordion*************/
#narrow-by-list dd {
  display: none; }
  #narrow-by-list dd.active {
    display: block; }
#narrow-by-list open-close {
  /* sign + */ }
  #narrow-by-list open-close.open {
    /* sign - */ }

/**************************************/
@media (max-width: 768px) {
  .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12 {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important; } }
.webforms-franchisee {
  margin: 0 0 20px; }

.blog-category {
  width: 100%;
  overflow: hidden; }
  .blog-category li {
    float: left;
    margin: 0 15px 15px 0;
    padding: 0 15px 0 0;
    border-right: 1px solid #ddd; }
    .blog-category li:last-child {
      border-style: none; }

.blog-list {
  margin: 0 -18px 32px;
  font-size: 0;
  line-height: 0; }
  .blog-list li {
    font-size: 14px;
    line-height: 19px;
    color: #172c47;
    position: relative;
    padding: 0 18px 40px;
    margin: 0 0 35px;
    display: inline-block;
    vertical-align: top;
    height: 485px;
    box-sizing: border-box;
    width: 33.33%; }
    @media (max-width: 768px) {
      .blog-list li {
        width: 50%; } }
    @media (max-width: 480px) {
      .blog-list li {
        width: 100%; } }
    .blog-list li:after {
      position: absolute;
      content: "";
      left: 18px;
      right: 18px;
      bottom: 40px;
      height: 1px;
      background: #f3e6b1; }
      @media (max-width: 768px) {
        .blog-list li:after {
          bottom: 30px; } }
    .blog-list li a {
      display: block;
      height: 100%; }
    .blog-list li .blog_item_bg {
      width: 100%;
      height: 280px;
      background-size: cover;
      margin: 0 0 20px; }
    .blog-list li h2 {
      font-weight: 600;
      color: #002b49;
      font-size: 20px;
      line-height: 25px;
      margin: 0 0 13px;
      text-align: left; }
      @media (max-width: 767px) {
        .blog-list li h2 {
          font-size: 14px;
          line-height: 19px; } }
    .blog-list li .blogDate {
      font-size: 14px;
      line-height: 19px;
      color: #616163; }
    .blog-list li img {
      display: block;
      margin: 0 0 20px;
      max-width: none;
      width: 100%; }
    .blog-list li .category {
      color: #616163; }
    .blog-list li .more {
      position: absolute;
      left: 0;
      bottom: 0;
      font-size: 13px;
      line-height: 18px;
      color: #0d004c;
      font-weight: 600;
      text-decoration: underline;
      text-transform: uppercase; }
      .blog-list li .more:hover {
        text-decoration: none; }

.cms-blog-item h2 {
  color: #002b49;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin: 0 0 18px;
  text-align: left;
  clear: none; }
.cms-blog-item .blogDate {
  float: right; }
.cms-blog-item .blogDetail p {
  margin: 0 0 5px; }
.cms-blog-item .blogDetail .back_link {
  text-decoration: underline;
  font-weight: 400;
  padding: 0;
  margin: 20px 0;
  font-size: 13px;
  line-height: 18px;
  background: none;
  color: #002b49;
  display: inline-block;
  vertical-align: top; }
  .cms-blog-item .blogDetail .back_link:before {
    content: "< "; }
  .cms-blog-item .blogDetail .back_link:hover {
    text-decoration: none; }

.resources-search {
  max-width: 850px; }
  .resources-search .search-box {
    max-width: 400px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 17px;
    line-height: 45px;
    overflow: hidden;
    margin: 15px 0; }
    .resources-search .search-box .input-holder {
      overflow: hidden; }
    .resources-search .search-box .input-group-addon {
      margin: 0 5px 0 0;
      float: left;
      padding: 0 10px;
      background: #f7f7f7; }
    .resources-search .search-box input {
      border-style: none;
      font-size: 15px;
      line-height: 18px;
      padding: 13px 0 14px;
      display: block;
      width: 100%; }

#target.resources-content {
  overflow: hidden;
  margin: 0 -1%; }
  #target.resources-content > div {
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px; }
@media (max-width: 480px) {
  #target.architecture-collection-content {
    padding: 0 10px;
    box-sizing: border-box; } }

.getLookwrap {
  overflow: hidden;
  float: none;
  height: auto; }
  .getLookwrap h3 {
    font-size: 58px;
    font-weight: bold;
    padding-top: 10px; }
  .getLookwrap .leftSec p {
    color: #1A1A1A;
    line-height: 18px; }
  .getLookwrap .webforms-get-the-look-inset .input-file {
    display: none; }
  .getLookwrap .webforms-get-the-look-inset .file_name {
    font-size: 15px;
    line-height: 18px;
    padding: 16px 10px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    white-space: nowrap; }
  .getLookwrap .webforms-get-the-look-inset .form-list > li:last-of-type {
    float: left;
    width: calc(50% - 5px); }
    .getLookwrap .webforms-get-the-look-inset .form-list > li:last-of-type .field {
      width: 100% !important; }
      .getLookwrap .webforms-get-the-look-inset .form-list > li:last-of-type .field label {
        display: block; }
  .getLookwrap .webforms-get-the-look-inset .form-list .file {
    float: left;
    margin-top: 30px; }
  .getLookwrap .webforms-get-the-look-inset .buttons-set {
    float: right;
    margin-top: -72px; }
    @media (max-width: 767px) {
      .getLookwrap .webforms-get-the-look-inset .buttons-set {
        float: none;
        margin-top: 0;
        margin-bottom: 15px; } }
    .getLookwrap .webforms-get-the-look-inset .buttons-set .required {
      display: none; }

.architecture-collection-search {
  margin: 0 0 10px; }
  .architecture-collection-search p {
    padding: 0 0 25px;
    color: #1A1A1A;
    line-height: 22px; }
  .architecture-collection-search .input-group-addon {
    background: #f0f0f0;
    color: #4b4e57;
    float: left;
    padding: 16px 26px; }
  .architecture-collection-search .form-control {
    background: #f0f0f0;
    color: #4b4e57;
    padding: 16px 26px;
    display: block;
    width: 100%;
    border: 1px solid #f2eeed;
    background: #fff;
    box-sizing: border-box; }

.architecture-collection-content {
  font-size: 0;
  line-height: 0;
  display: table;
  width: 100%; }
  .architecture-collection-content .tileDetail {
    font-size: 14px;
    line-height: 19px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 10px 20px;
    width: 25%;
    box-sizing: border-box; }
    @media (max-width: 960px) {
      .architecture-collection-content .tileDetail {
        width: 33.333%; } }
    @media (max-width: 480px) {
      .architecture-collection-content .tileDetail {
        width: 50%; } }
    @media (max-width: 360px) {
      .architecture-collection-content .tileDetail {
        width: 100%;
        border-bottom: 1px solid #303030; } }
    .architecture-collection-content .tileDetail:hover {
      -webkit-box-shadow: inset 0 0 1px 0 #303030;
      box-shadow: inset 0 0 1px 0 #303030; }
    .architecture-collection-content .tileDetail a {
      display: block;
      height: 100%; }
      .architecture-collection-content .tileDetail a img {
        display: block;
        margin: 0 auto;
        height: auto;
        max-width: 100%; }
        @media (max-width: 360px) {
          .architecture-collection-content .tileDetail a img {
            width: auto; } }
  .architecture-collection-content .tileLabelContainer #tileLabel {
    color: #7f7f7f;
    display: block;
    font-weight: bold;
    margin-top: 12px; }
  .architecture-collection-content .tileLabelContainer #name {
    color: #677e90;
    display: block;
    padding: 0 0 5px; }
  .architecture-collection-content .tileLabelContainer #pdf {
    float: left; }

.right-text {
  color: #1A1A1A;
  font-size: 13px;
  padding-bottom: 30px; }

.right-content > img {
  padding-bottom: 30px; }

.grid-col2-sidebar {
  overflow: hidden; }

.bottom-banner {
  width: 100%;
  overflow: hidden;
  padding: 20px 0; }
  .bottom-banner img {
    width: 100%;
    overflow: hidden;
    display: block; }

.sidebar-submenu li {
  padding: 0 0 5px; }

.attribute-landing-top {
  position: relative;
  max-height: 150px;
  overflow: hidden;
  margin-bottom: 5px; }
  .attribute-landing-top img {
    width: 100%;
  }
  .attribute-landing-top .attribute-banner {
    top: 0;
    left: 0;
    position: absolute;
    margin: 30px;
    width: 50%;
    background: rgba(255, 255, 255, 0.89);
    padding: 30px; }
    .attribute-landing-top .attribute-banner * {
      text-align: left;
      margin-bottom: 10px; }
    .attribute-landing-top .attribute-banner .blue {
      color: #fff;
      background: rgba(37, 56, 82, 0.89); }
    @media screen and (max-width: 767px) {
      .attribute-landing-top .attribute-banner {
        box-sizing: border-box;
        margin: 0 !important;
        padding: 10px !important;
        position: relative !important;
        width: 100% !important; } }
  .attribute-landing-top .button {
    position: absolute;
    left: 30px;
    bottom: 30px;
    border-color: #f3e6b2;
    background: #fff; }
    .attribute-landing-top .button:hover {
      color: #f3e6b2; }
    @media screen and (max-width: 767px) {
      .attribute-landing-top .button {
        position: static;
        margin-left: 10px;
        margin-bottom: 30px; } }

/* DIY (List)
-------------------------------------------------------------- */
.cms-diy-step .introtext {
  padding: 30px 0px; }

.diy-grid {
  margin: 0px;
  height: 325px;
  position: relative; }

.diy-grid.grid12-6 {
  width: 50%; }

.diy-grid.grid12-3 {
  width: 25%; }

.diy-grid .diy-bg {
  height: 325px;
  box-sizing: border-box;
  padding: 25px 40px;
  position: absolute;
  width: 100%; }

.diy-bg:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*background: rgba(255,255,255,.7);*/ }

a:hover .diy-bg:before {
  background: rgba(0, 0, 0, 0.5); }

.diy-grid .diy-block {
  position: absolute;
  z-index: 999;
  box-sizing: border-box;
  padding: 20px 30px; }
  @media (max-width: 1024px) {
    .diy-grid .diy-block {
      padding: 15px 20px; } }

.diy-grid .diy-steps {
  font-weight: 700;
  color: #ffffff;
  background: #32466d;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  padding: 7px 25px;
  text-transform: lowercase;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 15px; }

.diy-grid .diy-header {
  color: #5d5d5d;
  font-size: 34px;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  text-transform: lowercase; }

a:hover .diy-header {
  color: #ffffff; }

.diy-grid .diy-content {
  color: #5d5d5d;
  font-size: 14px;
  line-height: 22px;
  max-width: 400px;
  margin-top: 15px; }

a:hover .diy-content {
  color: #ffffff; }

.diy-step-1to4 .diy-bg {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/diy/step1-4.jpg") no-repeat top right;
  background-size: cover; }

.diy-step-5 .diy-bg {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/diy/step5.jpg") no-repeat top right;
  background-size: cover; }

.diy-step-6 .diy-bg {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/diy/step6.jpg") no-repeat top right;
  background-size: cover; }

.diy-step-7 .diy-bg {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/diy/step7.jpg") no-repeat top right;
  background-size: cover; }

.diy-step-8 .diy-bg {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/diy/step8.jpg") no-repeat top right;
  background-size: cover; }

.diy-step-9 .diy-bg {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/diy/step9.jpg") no-repeat top right;
  background-size: cover; }

.diy-step-10to12 .diy-bg {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/diy/step10-12.jpg") no-repeat top right;
  background-size: cover; }

.diy-step-13to16 .diy-bg {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/diy/step13-16.jpg") no-repeat top right;
  background-size: cover;
  height: 235px; }

.diy-step-help .diy-bg {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/diy/help.jpg") no-repeat top right;
  background-size: cover;
  height: 235px; }

.diy-step-13to16.diy-grid, .diy-step-help.diy-grid {
  height: 235px; }

.diy-step-help .diy-header {
  color: #ffffff; }

.diy-step-help .diy-help-icon {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #ffffff;
  width: 50px;
  height: 40px;
  text-align: center;
  padding-top: 10px;
  color: #ffffff;
  font-size: 34px;
  font-weight: normal;
  float: right;
  margin-top: -20px; }

.diy-step-help .diy-block {
  padding-top: 105px;
  width: 550px; }

/* DIY (Process)
-------------------------------------------------------------- */
.diy-content {
  margin-top: 30px;
  color: #4a4f55;
  line-height: 28px; }

.diy-content h1 {
  font-weight: 400;
  text-transform: lowercase;
  color: #4a4f55;
  letter-spacing: -1px; }

.diy-content h1:after {
  border-bottom: #4a4f55 4px solid;
  width: 60px;
  display: block;
  content: "";
  margin-top: 30px; }

.diy-content .button-pdf {
  margin-top: 30px; }

.diy-video .overlay-play {
  background: rgba(255, 255, 255, 0.5) url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/diy/video-play.png) 50% 50% no-repeat;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute; }

.videos {
  margin: 20px auto;
  width: 100%;
  padding: 5px;
  display: block; }

.videos .youtube-video {
  float: left;
  height: auto;
  width: 100%;
  padding: 5px;
  position: relative; }

.youtube-video img {
  width: 902px;
  height: auto; }

p.center {
  width: 100%;
  clear: both;
  padding: 50px 0 0; }

.featherlight .introtext {
  margin: 20px 0 10px;
  font-size: 18px !important;
  padding: 0; }
.featherlight li {
  line-height: 1.25em; }
.featherlight li:last-of-type {
  font-size: 10px;
  margin: 20px 0; }
.featherlight .featherlight-content {
  padding: 35px 35px 0;
  width: 40%; }
.featherlight .button {
  margin-right: 20px;
  margin-bottom: 10px; }

.add-wastage {
  background: #f7f7f7;
  border-radius: 3px;
  line-height: 50px;
  padding: 0 20px;
  margin: 15px 0 0 }
  .add-wastage a {
    color: #1A1A1A;
    text-decoration: underline; }

@media screen and (max-width: 767px) {
  .featherlight .featherlight-content {
    width: 94%;
    box-sizing: border-box;
    padding: 25px 25px 0; } }
@media screen and (max-width: 320px) {
  .featherlight .button {
    padding: 0 7px; } }
@media screen and (min-width: 1200px) {
  .container {
    max-width: 100%;
    width: 1224px;
  }
}
.cart-table-wrapper .data-table thead th.price {
  width: 20%; }
.cart-table-wrapper .data-table thead th.qty {
  width: 10%; }
.cart-table-wrapper .data-table thead th.subtotal {
  width: 10%; }

ul.messages .error-msg, ul.messages .success-msg, ul.messages .note-msg, ul.messages .notice-msg {
  background-position: 12px center !important;
  background-repeat: no-repeat !important;
  padding: 15px 40px !important;
  font-size: 14px !important;
  line-height: 18px;
  text-align: center;
  border-radius: 3px; }
ul.messages .success-msg {
  background-color: #dce0e4;
  color: #122c47;
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/msg_success.png);
  font-weight: 400; }
ul.messages .error-msg {
  background-color: #fce0e0;
  color: #ec312e;
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/msg_error.png);
  font-weight: 400; }
ul.messages .note-msg {
  background-color: #FDEDA4;
  font-weight: 400; }

/*# sourceMappingURL=custom.css.map */
/*Start NTI0017-3*/
.btn.matrixrate_matrixrate_0 {
  display: block;
  border: 1px solid #1A1A1A;
  margin-left: 32px;
  background: inherit;
  border-radius: 3px;
  cursor: pointer; }

.btn.matrixrate_matrixrate_0 span span {
  padding: 15px 25px;
  line-height: 40px;
  font-size: 14px;
  font-family: 'GalanoGrotesque-Medium';
  font-weight: 700;
  color: #1A1A1A; }

#shipping-quote-container {
  width: 840px;
  background: white;
  border-radius: 5px;
  padding: 45px 30px;
  box-shadow: 0 2px 10px gray;
  display: none;
  position: relative; }

#shipping-quote-container li {
  width: 100%;
  text-align: left;
  display: block; }

#shipping-quote-container li div.osc-short {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 20px;
  float: left; }

#shipping-quote-container li div.osc-short input {
  width: 100%; }

#shipping-quote-container li div.osc-short:last-child {
  margin-right: 0; }

#shipping-quote-container li div.input-group {
  width: 100%;
  float: left;
  margin-bottom: 20px; }

#shipping-quote-container li div label {
  display: block;
  margin-bottom: 10px;
  line-height: 16px;
  width: 100%;
  clear: both;
  font-size: 16px;
  font-family: "Open Sans";
  font-weight: 400; }

#shipping-quote-container div.input-group input {
  width: 48%;
  margin-right: 4%;
  float: left; }

#shipping-quote-container div.input-group input:last-child {
  margin-right: 0; }

#shipping-quote-container li div.input-country, #shipping-quote-container li div.input-city {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 20px;
  float: left; }

#shipping-quote-container li div.input-city {
  margin-right: 0; }

#shipping-quote-container li div.input-country input, #shipping-quote-container li div.input-city input {
  width: 100%; }

#shipping-quote-container li div select {
  width: 100%; }

#shipping-quote-container .quote-top {
  text-align: left;
  margin-bottom: 20px; }

.quote-top .title {
  font-size: 26px;
  font-family: "Open Sans";
  font-weight: 700;
  margin-bottom: 20px; }

.quote-top .description {
  font-size: 16px;
  font-family: "Open Sans";
  font-weight: 400;
  margin: 0px; }

#shipping-quote-submit {
  float: left;
  background: #333366;
  border: none;
  border-radius: 3px;
  margin-top: 10px;
  cursor: pointer; }

#shipping-quote-submit span span {
  padding: 18px 25px;
  color: white;
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  display: block; }

.osc-short.input-box.input-region {
  display: block !important; }

#shipping-quote-form .onestepcheckout-numbers, #shipping-quote-form .input-different-shipping, #shipping-quote-form .onestepcheckout-error, #shipping-quote-form .shipping-address-title, #shipping-quote-form #onestepcheckout-li-password {
  display: none; }

#shipping-quote-form br {
  display: none; }

.quote-submit-container {
  width: 100%;
  float: left; }

#close-shipping-quote {
  position: absolute;
  top: -2px;
  right: -40px;
  width: 35px;
  cursor: pointer; }

.shippinguote-success .title {
  font-size: 38px;
  font-weight: bold;
  color: #062d4a;
  line-height: 50px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px; }

.shippinguote-success .thank-message {
  font-size: 24px;
  font-weight: bold;
  color: #062d4a; }

.shippinguote-success p {
  margin: 20px 0; }

.bshippingquote-cart-success .breadcrumbs {
  display: none; }

.shippinguote-success .continue-shopping {
  display: inline-block;
  margin: 20px 0;
  background: none;
  padding: 20px 30px;
  border: 1px solid #f6e5b1;
  font-size: 24px;
  font-weight: bold;
  color: #062d4a;
  text-transform: capitalize;
  text-align: center; }

#shipping-quote-loading {
  text-align: left;
  margin-top: 15px; }

#shipping-quote-loading img {
  width: 20px;
  margin-left: 15px; }

@media (max-width: 960px) {
  #shipping-quote-container {
    width: 80%;
    background: white;
    border-radius: 5px;
    padding: 45px 5%;
    box-shadow: 0 2px 10px gray;
    display: none;
    position: relative; }

  #shipping-quote-container li div.osc-short {
    width: 100%;
    margin-right: 0%;
    float: none; }

  #shipping-quote-container div.input-group input {
    width: 100%;
    margin-right: 0;
    float: none; }

  #shipping-quote-container li div.input-country, #shipping-quote-container li div.input-city {
    width: 100%;
    margin-right: 0%;
    float: none; }

  #close-shipping-quote {
    position: absolute;
    top: -40px;
    right: 0px;
    width: 35px;
    cursor: pointer; } }
/*End NTI0017-3*/
input[value="collectinstore_collectinstore"]:checked ~ #collectinstore-search {
  display: block; }

  #collectinstore-search .sp-methods > dt > label {
    font-style: 14px;
    line-height: 1.4;
    margin-bottom: 10px; }
  /* #collectinstore-search dd {
    overflow: visible; } */
  #collectinstore-search #address-search {
    width: 98% !important;
    float: left;
    border-bottom: 1px solid #1A1A1A;
    padding: 5px 5px 12px !important; }
  #collectinstore-search #address-search-submit {
    width: 1% !important;
    float: left;
    padding: 0;
    line-height: 38px;
    visibility: hidden; }
  #collectinstore-search #address-search-results {
    clear: left; }
  #collectinstore-search .store-list-wrapper {
    margin: 0;
    padding: 20px 0 0; }
    #collectinstore-search .store-list-wrapper dt,
    #collectinstore-search .store-list-wrapper dd {
      margin: 0; }
    #collectinstore-search .store-list-wrapper dt ~ dt {
      margin-top: 10px; }
    #collectinstore-search .store-list-wrapper label {
      margin: 0;
      padding: 0 0 0 32px; }
  #collectinstore-search .message-maximum-car-load p {
    color: #1A1A1A;
    font-size: 14px;
    margin-top: 10px; }
  #collectinstore-search .message-maximum-car-load a {
    color: #002b49; }
    #collectinstore-search .message-maximum-car-load a:hover {
      text-decoration: underline; }

#header-nav #header-search {
  border: 0 none;
  border-radius: 0; }
#header-nav #algolia-searchbox {
  margin: 0 !important; }
  #header-nav #algolia-searchbox .algolia-search-input {
    width: 165px;
    border: solid 1px #ccc;
    border-right: 0 none;
    font-size: 14px;
    /*border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    line-height: 20px;*/ }
    #header-nav #algolia-searchbox .algolia-search-input:focus {
      /*border-color: #ccc;*/ }
#header-nav .button {
  border: solid 1px #ccc;
  border-left: 0 none;
  /*border-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;*/ }

.inspiration-page .ias-spinner + .ias-spinner {
  display: none !important; }
.inspiration-page .category-products .show_more {
  border: 2px solid #ddd;
  color: #1A1A1A;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 46px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase; }
.inspiration-page .page-title {
  border: none;
  padding: 0; }
.inspiration-page .col-main {
  float: none; }
.inspiration-page .inspiration_list * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box; }
.inspiration-page .inspiration_list .row {
  margin-right: -12px;
  margin-left: -12px; }
.inspiration-page .inspiration_list .row + .row {
  margin-top: 24px; }
.inspiration-page .inspiration_list .row:before, .inspiration-page .row:after {
  display: table;
  content: " "; }
.inspiration-page .inspiration_list .row:after {
  clear: both; }
.inspiration-page .inspiration_list .row .item-image img {
  max-width: 100%;
  width: 100%; }
.inspiration-page .inspiration_list .item-wrap {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
  width: 100%; }
.inspiration-page .inspiration_list .row-2 .item-wrap {
  width: 50%; }
.inspiration-page .inspiration_list .row-3 .item-wrap {
  width: 50%; }
.inspiration-page .inspiration_list .row-3 .item-wrap + .item-wrap {
  width: 25%; }
.inspiration-page .block-layered-nav {
  margin: 0 0 20px; }
.inspiration-page .block-layered-nav .currently-shopby {
  border: 1px solid #ccc;
  padding: 18px;
  background: #fff;
  border-top: none; }
.inspiration-page .block-layered-nav .currently-shopby ol li {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  line-height: 24px;
  font-weight: 600; }
.inspiration-page .block-layered-nav .currently-shopby ol li + li {
  margin-left: 15px; }
.inspiration-page .block-layered-nav .currently-shopby ol li .btn-remove {
  margin: 3px 0 0 5px; }
.inspiration-page .block-layered-nav .currently-shopby li.block-subtitle {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 16px; }
.inspiration-page .filter-title {
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
  cursor: pointer; }
.inspiration-page .filter-title strong:after {
  content: '\f107';
  display: block;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: inherit;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
  background: #f7f7f7;
  line-height: 14px; }
.inspiration-page .filter-title strong span {
  display: block;
  font-size: 16px;
  padding: 18px 0 9px;
  line-height: 20px; }
.inspiration-page .filter-title.active {
  background: #f7f7f7; }
.inspiration-page .filter-title.active strong:after {
  background: #fff;
  content: '\f106'; }
.inspiration-page #narrow-by-list:before, .inspiration-page #narrow-by-list:after {
  display: table;
  content: " "; }
.inspiration-page #narrow-by-list:after {
  clear: both; }
.inspiration-page #narrow-by-list {
  padding: 30px 10px;
  background: #f7f7f7;
  border: 1px solid #ccc;
  border-top: none;
  display: none; }
.inspiration-page .inspiration_list .deschover-in ul li:before, .inspiration-page .inspiration_list .deschover-in ul li:after {
  display: table;
  content: " "; }
.inspiration-page .inspiration_list .deschover-in ul li:after {
  clear: both; }
@media (min-width: 992px) {
  .inspiration-page .inspiration_list .desc {
    /*  position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;*/
    opacity: 0;
    visibility: hidden;
    transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease; }
  .inspiration-page .inspiration_list .item-wrap:hover .desc {
    opacity: 1;
    visibility: visible; }
  .inspiration-page .inspiration_list .deschover {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin-right: 12px;
    margin-left: 12px; }
  .inspiration-page .inspiration_list .deschover-in {
    left: 10%;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%); }
  .inspiration-page .inspiration_list .row-1 .deschover {
    left: 75%; }
  .inspiration-page .inspiration_list .row-2 .deschover {
    left: 50%; }
  .inspiration-page .inspiration_list .row-3 .item-wrap:first-child .deschover {
    left: 50%; }
  .inspiration-page .inspiration_list .deschover-in img {
    margin-right: 8%;
    margin-bottom: 10px;
    float: left; }
  .inspiration-page .inspiration_list .cross-item-info {
    overflow: hidden; }
  .inspiration-page .inspiration_list .deschover-in h3 {
    font-family: NeueHaas75, serif;
    /*font-family: CordaBold,serif;*/
    font-size: 32px;
    font-weight: normal;
    margin: 0 0 20px; }
  .inspiration-page .inspiration_list .deschover-in h4 a,
  .inspiration-page .inspiration_list .deschover-in h3 a {
    color: #002b49; }
  .inspiration-page .inspiration_list .deschover-in h4 {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 600; }
  .inspiration-page .inspiration_list .deschover-in h5 {
    font-size: 13px;
    padding: 8px 0 3px;
    margin: 0;
    color: #888;
    font-weight: normal; }
  .inspiration-page #narrow-by-list > div {
    float: left;
    width: 25%;
    padding: 0 10px;
    margin: 0 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box; }
  .inspiration-page #narrow-by-list > div:nth-child(4n+1) {
    clear: left; }
  .inspiration-page #narrow-by-list > div h5 {
    font-size: 16px;
    color: #002c49;
    margin: 0 0 25px;
    font-weight: bold; }
  .inspiration-page #narrow-by-list > div ol li {
    padding-left: 35px;
    position: relative;
    margin: 0 0 20px; }
  .inspiration-page #narrow-by-list > div ol li a {
    color: #1A1A1A;
    font-size: 14px; }
  .inspiration-page #narrow-by-list > div ol li a span {
    color: #002c49; }
  .inspiration-page #narrow-by-list > div ol li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #fff; }
  .inspiration-page #narrow-by-list > div ol li a:after {
    content: '\f00c';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    display: none;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    text-rendering: auto;
    line-height: 25px;
    text-align: center; }
  .inspiration-page #narrow-by-list > div ol li a[class*="selected"]:after {
    display: block; } }
.inspiration-page .inspiration-catlist {
  display: table;
  width: 100%;
  text-align: center;
  border: 1px solid #ccc;
  border-bottom: none;
  margin: 0 0 20px;
  background: #f7f7f7; }
.inspiration-page .inspiration-catlist ul {
  display: table-row; }
.inspiration-page .inspiration-catlist ul li {
  display: table-cell;
  width: 1%; }
.inspiration-page .inspiration-catlist ul li + li {
  border-left: 1px solid #ccc; }
.inspiration-page .inspiration-catlist ul li a {
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 20px 5px;
  font-size: 16px;
  font-weight: bold; }
.inspiration-page .inspiration-catlist ul li.active a {
  border-bottom: 1px solid #fff;
  color: #002c49;
  background: #fff; }
.inspiration-page .inspiration-catlist-mb {
  position: relative;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  display: none; }
.inspiration-page .inspiration-catlist-mb * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box; }
.inspiration-page .inspiration-catlist-mb > span {
  display: block;
  line-height: 24px;
  padding: 18px 15px;
  font-weight: bold;
  font-size: 16px;
  position: relative;
  cursor: pointer; }
.inspiration-page .inspiration-catlist-mb > span:before {
  content: '\f107';
  display: block;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: inherit;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
  line-height: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 15px; }
.inspiration-page .inspiration-catlist-mb > ul {
  border: 1px solid #ccc;
  border-top: none;
  display: none;
  position: absolute;
  top: 100%;
  margin-top: -1px;
  background: #fff;
  z-index: 9999;
  left: -1px;
  right: -1px;
  padding-bottom: 20px; }
.inspiration-page .inspiration-catlist-mb > ul a {
  display: block;
  margin: 0 15px;
  line-height: 24px;
  position: relative;
  padding-left: 20px; }
.inspiration-page .inspiration-catlist-mb > ul a:before {
  content: '\f105';
  display: block;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: inherit;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
  line-height: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 0; }
.inspiration-page .inspiration-catlist-mb > ul li + li {
  margin-top: 5px; }
.inspiration-page .inspiration-catlist-mb > span.active:before {
  content: '\f106'; }
@media (max-width: 991px) {
  .inspiration-page .page-title h1 {
    font-size: 28px; }
  .inspiration-page .inspiration-catlist {
    display: none; }
  .inspiration-page .inspiration-catlist-mb {
    display: block; }
  .inspiration-page .block-layered-nav {
    position: relative; }
  .inspiration-page .block-layered-nav .block-content {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff; }
  .inspiration-page .block-layered-nav:hover .block-content {
    display: block; }
  .inspiration-page .block-layered-nav .currently-shopby ol:before, .inspiration-page .block-layered-nav .currently-shopby ol:after {
    display: table;
    content: " "; }
  .inspiration-page .block-layered-nav .currently-shopby ol:after {
    clear: both; }
  .inspiration-page .block-layered-nav .currently-shopby ol li {
    float: left;
    clear: both; }
  .inspiration-page .block-layered-nav .currently-shopby ol li + li {
    margin-left: 0;
    margin-top: 5px; }
  .inspiration-page .filter-title strong span {
    font-size: 20px; }
  .inspiration-page #narrow-by-list {
    padding: 0; }
  .inspiration-page #narrow-by-list h5 {
    font-size: 18px;
    padding: 13px 20px 10px;
    margin: 0;
    line-height: 24px;
    cursor: pointer;
    position: relative; }
    .inspiration-page #narrow-by-list h5:before {
      content: '';
      display: block;
      width: 12px;
      height: 2px;
      background: #002b49;
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -1px; }
    .inspiration-page #narrow-by-list h5:after {
      content: '';
      display: block;
      height: 12px;
      width: 2px;
      background: #002b49;
      position: absolute;
      right: 25px;
      top: 50%;
      margin-top: -6px; }
    .inspiration-page #narrow-by-list h5.active:after {
      display: none; }
  .inspiration-page #narrow-by-list > div {
    padding-bottom: 3px; }
  .inspiration-page #narrow-by-list > div + div {
    border-top: 1px solid #ccc; }
  .inspiration-page #narrow-by-list ol {
    padding: 0px 20px 10px;
    display: none; }
    .inspiration-page #narrow-by-list ol.active {
      display: block; }
  .inspiration-page #narrow-by-list ol li {
    margin: 0; }
    .inspiration-page #narrow-by-list ol li a {
      position: relative;
      display: inline-block; }
      .inspiration-page #narrow-by-list ol li a:before {
        content: '\f105';
        display: inline;
        font-family: FontAwesome;
        font-feature-settings: normal;
        font-kerning: auto;
        font-language-override: normal;
        font-size: inherit;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-synthesis: weight style;
        font-variant: normal;
        font-weight: normal;
        text-rendering: auto;
        margin-right: 8px; }
  .inspiration-page #narrow-by-list ol li + li {
    margin-top: 5px; }
  .inspiration-page .inspiration_list .row-2 .item-wrap, .inspiration-page .inspiration_list .row-3 .item-wrap {
    width: 100%; }
    .inspiration-page .inspiration_list .row-2 .item-wrap + .item-wrap, .inspiration-page .inspiration_list .row-3 .item-wrap + .item-wrap {
      width: 100%; }
  .inspiration-page .inspiration_list .row .item-wrap {
    margin-bottom: 20px; }
  .inspiration-page .inspiration_list .row + .row {
    margin-top: 0; }
  .inspiration-page .inspiration_list .desc {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 15px 18px;
    border-radius: 0 0 2px 2px; }
    .inspiration-page .inspiration_list .desc li {
      overflow: hidden; }
    .inspiration-page .inspiration_list .desc img {
      float: left;
      padding: 3px;
      background: #fff;
      border: 1px solid #ccc;
      margin: 0 15px 10px 0; }
    .inspiration-page .inspiration_list .desc h5 {
      color: #888;
      font-size: 13px;
      margin: 0;
      font-weight: normal;
      padding-top: 8px; }
    .inspiration-page .inspiration_list .desc h4 {
      margin: 0; }
      .inspiration-page .inspiration_list .desc h4 a {
        font-size: 16px;
        font-weight: normal;
        color: #002b49; }
  .inspiration-page .inspiration_list .deschover-in h3 {
    font-family: NeueHaas75, serif;
    /*font-family: CordaBold,serif;*/
    font-size: 32px;
    font-weight: normal;
    margin: 0 0 20px; } }

/*Homepage*/

.home-featured .container {
  margin-bottom: 25px;
  display: block;
  height: 400px;}
.home-featured .grid12-6{overflow: hidden;}
.home-featured .grid12-6 h2 {margin-top: 5px;}
.home-featured .grid12-6 a {
  font-size: 16px;
  font-family: NeueHass65, sans-serif;
  font-weight: 600;
  text-align: center;
  width: 96%;
  color: #FFF;
  display: inline-block;
  line-height: 43px;
  margin: 10px 10px 50px;
  background-color: #1A1A1A;
  height: 125px;
  border: 2px solid #ffffff;
  outline: 10px solid #1A1A1A;
}

.home-featured .grid12-6 a h1 {
  color: #ffffff;
  padding: 5px 0 0;
  margin: 0;
  font-size: 50px;
}

.home-featured .grid12-6 a span {
  font-size: 20px;
  font-weight: 300;
}

.home-blog {
  padding: 50px 0 0;
  background-color:#fff;
}
.home-blog h2 {
  text-align: center;}
.cols-3set {
  width: 100%;
  max-width: 1248px;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
  border-spacing: 24px; }
.cols-3set .col {
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  line-height: 19px;
  color: #172c47;
  position: relative; }
.cols-3set#homebox .col::before {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  top: -25px;
  height: 1px;
  background: #f3e6b1; }
.cols-3set#homebox .col::after {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  bottom: -15px;
  height: 1px;
  background: #f3e6b1; }
.cols-3set .col .more {
  font-size: 13px;
  line-height: 50px;
  text-transform: uppercase; }
.cols-3set .col h3 {
  font-weight: 600;
  color: #1A1A1A;
  font-size: 14px;
  margin: 0 0 13px;
  text-transform:uppercase; }
.cols-3set .col .colimage {
  margin-bottom: 15px; }
.blog-container.cols-3set {
  display: block;
  table-layout: unset;
  border-spacing: 0;
  max-width: 1224px;
}
.blog-left {
  padding-left: 5px;
}
.blog-right {
  padding-right: 5px;
}
.blog-inner-container {
  padding: 10px !important;
}
.blog-inner-container p {
    color: #1A1A1A;
}
  /* @media (max-width: 1024px) {
    .cols-3set .col:last-child {
      display: none;
    }
    .cols-3set .col .colimage {
      height: auto;
    }
  } */


.jumbo {
text-align: center;
font-size: 80px;
font-family: NeueHass65, sans-serif;
padding: 0;
margin: 0;
color: #002b49;
}
.home-blurb {
  border-top:1px solid #dedede;
  margin: 0 auto;
  max-width: 1280px;
  padding: 50px 0;}
.home-blurb p {
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;}

.fancy {
  line-height: 1;
  text-align: center;
  max-width: 1200px;
  overflow: hidden;
  margin: auto;
}
.fancy span {
  display: inline-block;
  position: relative;
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  /* border-bottom: 1px solid #dedede; */
  top: 0;
  width: 600px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}

/*Our Company*/

#ourcompany-message {
  border: 1px solid #979797;
  margin: 25px 10px 50px;
  padding: 20px 0px 0px;
  text-align: center;
}

#ourcompany-message p {
  margin-left: 25px;
  margin-right: 25px;
}

#ourcompany-promise {
  background-color: #f7f7f7;
  text-align: center;
  padding: 20px 0 0;
  margin-bottom: 50px;
}

#ourcompany-promise {
  margin-bottom: 50px;
}

#ourcompany-promise img {
  padding: 10px 0;
}

#company-involve img{
  margin: 30px auto 10px;
  display: block;
}

#company-involve p{
  text-align: center;
}


/* Return Policy*/

.returnpolicy-table {
  clear: both;
  display: inline-block;
  padding: 30px 0;
  text-align: center;
}

.returnpolicy-table h2 {
  text-align: center;
}

.returnpolicy-table img {
  margin-bottom: 30px;
  width: 115px
}

/*Get Started*/


.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 0 0 -10em;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
}
.cd-timeline-img img {
  display: block;
  width: 92px;
  height: 92px;
  position: relative;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 165px;
    left: 50%;
    margin-left: -47px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  padding: 1em;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.cd-timeline-img .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}


@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 0;
    width: 475px;
  }

  .cd-timeline-img {
    margin-top: 150px
  }

  .cd-timeline-img .cd-date {
    position: absolute;
  width: 165px;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  margin-left: -35px;
  background-color: #ffffff;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@media (max-width: 960px) {
  #cd-timeline {
    padding: 2em 0;
  }
  .cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: auto;
  }
  .cd-timeline-img .cd-date {
    clear: both;
  }

  .cd-timeline-img img {
    display: block;
    width: 40px;
    position: relative;
    margin: 0 auto 10px;
  }

  .cd-timeline-content {
    position: relative;
    padding: 6em 1em 2em;
  }
}


/*careers*/
.portal_content {
    width: 100% !important;
}

.panel-default {
    border: none !important;
}

.panel-default > .panel-heading, .section-title {
    background-color: none !important;
    border-color: #ddd !important;
}

/*tiling tips*/

.tilingtips-menu {
  text-align: center;
  width: 220px;
  height: 250px;
  float:left;
  margin: 0.3%
}

.parent:hover .child, .parent:focus .child {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.child {
  height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.tilingtips-menu h3 {
  padding: 60px 20px 20px;
  font-size: 22px;
  font-weight: normal;
  color: #1A1A1A;
}
.tilingtips-menu p {
  padding: 0 20px;
  color: #1A1A1A;
}

.tilingtips-content {
  clear: both;
  padding: 5em 0;
}

.tilingtips-overlay {
  background: rgba(255,255,255,0.5);
  width: 100%;
  height: 100%;
}

#tilingtips-content-text {
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .tilingtips-menu {
  text-align: center;
  width: 100%;
  height: 140px;
  float:left;
  margin: 0.3%
  }

  .parent:hover .child, .parent:focus .child {
    transform: none;
  }

  .tilingtips-menu h3 {
  padding: 20px;
  }

  #tilingtips-content-img {display: none;}
}

/* Mega Menu Trades */

.category-trades .col {color: #002b49; box-sizing: border-box; position: relative; font-size: 16px; line-height: 21px; display: inline-block; vertical-align: top; margin: 5px; overflow: hidden; }
.category-trades .col {width: 165px; margin: 2px;}
.category-trades .col:first-child {margin-left: 0}
.category-trades .col:last-child {margin-right: 0}
.category-trades .text-holder {position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 0 0; background: rgba(255, 255, 255, 0.86); box-sizing: border-box; overflow: hidden; text-align:center}
.category-trades .col .text-holder span {font-size: 14px; display: inline-block; margin-bottom: 15px;}
.category-trades .col:hover {border: 2px solid #dedede}

@media (max-width: 1024px) {
  .category-trades .col {width: 100%; margin: 2px;}
  .category-trades .col img {display: none;}
  .category-trades .text-holder {position: relative; background: none; text-align: left; padding: 0;}
  .category-trades .col .text-holder span {margin-bottom: 0;}
  .category-trades .col:hover {border: none;}
}

.account-create .link-holder {
  font-size: 14px;
}
/*# sourceMappingURL=custom.css.map */

/* Countdown clock text not clickable*/
.the-slideshow-wrapper-outer {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.the-slideshow-wrapper-outer .owl-pagination {
    text-align: left;
    max-width: 1200px;
    margin: 0 auto;
}
/* Countdown clock text not clickable end*/

/*Website Redesign*/

/* Header changes */
.grid-containers {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 35% auto;
    -ms-grid-columns: 53% auto;
    height: 174px;
}
.grid-item {
    height: 70px;
    position: relative;
}
.grid-item #header-nav {
    width: 100% !important;
}
#header-nav .nav-holder {
    float: right;
}
.user-menu {
  margin: 0px;
}
.ms-megamenu .ms-submenu {
  background: #1A1A1A;
  top: 52px !important;
  border: 0 none !important;
}
.ms-topmenu .ms-submenu a {
  color: #fff;
}
.megamenu-pc li {
  margin-left: 32px;
}
.ms-topmenu .ms-submenu a.form-group:hover {
  color: #d3d3d3;
}
.ms-megamenu .ms-topmenu {
  margin: 0;
}
.ms-topmenu .ms-submenu a.form-group {
  font-family: 'GalanoGrotesque-Regular';
}
.ms-topmenu .ms-submenu a.form-group.level1 {
  font-family: 'GalanoGrotesque-Medium';
}
.ms-topmenu .ms-label {
  text-transform: capitalize !important;
  padding: 15px 0 5px 0 !important;
  font-family: 'GalanoGrotesque-Medium';
  font-size: 18px !important;
  font-weight: 200;
}
.ms-topmenu .ms-label:hover {
  border-bottom: 4px solid #ff5100;
}
div#mini-cart-wrapper-regular{
  margin-top: 20px;
}
#header-nav {
  margin-top: 2px;
}
.block_header_top_right2 .label {
    font-size: 11px;
    font-family: 'GalanoGrotesque-Medium';
    color: #1A1A1A;
}
#algolia-searchbox .algolia-search-input:focus {border: none !important;}

.header-svg-icon {
  height: 25px;
  width: 25px;
  margin: 0 auto;
}
.header-svg-icon.search-svg-icon, .header-svg-icon.search-svg-icon-hover {
  width: 18px;
  position: relative;
  top: 10px;
}
.block_header_top_right2.item {
  margin: 20px;
}
.block_header_top_right2 .label.label-offer {
  color: #ff5100;
  text-align: center;
}
.logo-container img {
  width: 274px;
  height: 70px;
}
.ms-topmenu .ms-level0:last-child > .ms-label {
  color: #1A1A1A !important;
}

/* IE hack Header*/
.grid-item.grid-item-1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}
.grid-item.grid-item-2 {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}
.grid-item.grid-item-3 {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
}
.grid-item.grid-item-4 {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
}
/* IE hack Header end*/

/* Header changes redesign*/

.nav-1 .ms-label::after, .nav-2 .ms-label::after, .nav-3 .ms-label::after {
  content: '' !important;
}
/*icon*/
.support-svg-icon-hover, .offer-svg-icon-hover, .login-svg-icon-hover,
.social-svg-icon.instagram-svg-icon-hover, .social-svg-icon.pinterest-svg-icon-hover,
.social-svg-icon.facebook-svg-icon-hover, .search-svg-icon-hover, .dropdown .dropdown-heading.cover > div.cart-svg-icon-hover {
  display: none;
}
div.category-products .product-details-container {
  margin: 10px auto 0;
  border: 1px solid #1A1A1A;
}

div.category-products .product-details-container .product-price-container {
  border-bottom: 1px solid #1A1A1A;
  padding: 10px;
  height: 52px;
  position: relative;
}
div.category-products .product-details-container .product-name-container {
  padding: 10px;
  height: 60px;
  padding-top: 0;
  margin-top: 0;
  overflow: hidden;
}
.product-tile-svg-icon {
  height: 15px;
  width: 15px;
}
/*icon end*/

/*services banner*/
.service-container {
	background: #1A1A1A;
	height: 400px;
	width: 100% !important;
	margin: 0px;
	max-width: 100%
}
.inner-main-container {
	position: relative;
	margin: 0 auto !important;
	background: #1A1A1A;
	max-width: 1224px;
	padding: 83px 0;
}
.services-text {
	color: #fff;
	font-size: 30px;
}
.service-title {
	margin: 3% 0;
	font-family: "GalanoGrotesque-SemiBold";
	font-size: 40px;
}
.no-padding {
	padding: 0 !important;
}
.services-inner-container img {
	width: 50%;
	display: block;
	margin: 0 auto;
}
.services-inner-container .service-data {
	padding: 0 !important;
}
.service-label {
	font-size: 12px;
	color: #fff;
	padding: 0 5px;
	min-height: 30px;
	line-height: 15px;
}
@media (max-width: 767px) {
	.services-inner-container .sevices-clearfix {
		clear: both;
	}
}
/*services banner end */

/* subscribe box divide section*/
.join-box {
  border-bottom: none;
  padding: 0 !important;
}
.fancy {
  display: none;
}
.owl-prev, .owl-prev {
  font-size: 40px;
}

/* Blog css*/

.home-blog h2 {
  text-align: left;
  border-bottom: 1px solid #1A1A1A;
  padding: 0 0 5px 5px;
  font-family: 'GalanoGrotesque-SemiBold';
  font-weight: 200;
}
.home-blog a.more {
  float: right;
}
.home-blog a {
  color: #1A1A1A !important;
  font-size: 24px;
}
.home-blog .more img {
  width: 25px;
  vertical-align: middle;
  margin-bottom: 10px;
}
.home-blog p {
  text-align: left;
  font-family: 'worksans-regular';
  font-size: 16px;
}

/* Blog css end */

/* Category css*/

.container.category-container {
    max-width: 100%;
    width: 100% !important;
    background: #EEE;
}
.category-container a {
  color: #1A1A1A;
}
.category-container a:hover {
  color: #888;
  background: #EEE;
}
.inner-category-container {
  max-width: 1224px !important;
  margin: 0 auto !important;
  padding: 50px 0 15px;
}
.category-data {
    padding: 0 !important;
}
.inner-category-data {
    padding: 0 6px;
}
.inner-category-data h2 {
  padding: 0 0 5px 5px;
  text-align: left;
  border-bottom: 1px solid #1A1A1A;
  font-family: 'GalanoGrotesque-SemiBold';
  font-weight: 100;
}
.inner-category-data h2 a.more {
  float: right;
}
.inner-category-data h2 img {
  vertical-align: middle;
  width: 25px;
}

/* Category css ends */

@media (max-width: 991px) {
  .inner-category-container {
    padding: 50px 10px 15px;
  }
  .inner-category-data h2 {
    padding-bottom: 10px;
    margin-top: 5px;
  }
  .service-container {
    width: 100% !important;
    height: auto !important;
  }
  .inner-main-container {
    padding: 40px 20px;
  }
  .service-title {
    margin: 0 0 15px;
  }
  .blog-inner-container {
    padding-bottom: 20px !important;
  }
  .blog-inner-container h2 {
    padding-bottom: 10px;
  }
  .blog-inner-container p {
    font-size: 14px;
  }
  .home-blog .more img {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .services-inner-container .service-data {
    padding: 0 0 15px !important;
  }
  .services-inner-container .service-data .service-label {
    padding: 0 10px !important;
  }
  div.category-products .product-details-container {
    margin: 10px auto 0;
    max-width: 280px;
  }
  .blog-inner-container h2 {
    margin-top: 8px;
  }
  .itemgrid.itemgrid-adaptive .item {
    width: 100% !important;
  }
}
@media (max-width: 1200px) {
  .the-slideshow-wrapper-outer .owl-pagination {
    padding-left: 20px;
  }
}
/* Price container*/
.cms-home .price-box span.price-label, .catalog-category-view .price-box span.price-label, .catalogsearch-result-index .price-box span.price-label {
  margin-left: -32px;
  color: #1A1A1A;
}
.cms-home .price-box .price, .catalog-category-view .price-box .price, .catalogsearch-result-index .price-box .price {
  font-size: 51px;
}
.cms-home .price-box .old-price .price, .catalog-category-view .price-box .old-price .price, .catalogsearch-result-index .price-box .old-price .price {
  float: right !important;
  font-size: 20px;
  color: #1A1A1A;
  margin-right: 10px;
  text-decoration: line-through #ff5100;
  -moz-text-decoration-color: #ff5100;
  -webkit-text-decoration-color: #ff5100;
  font-family: 'GalanoGrotesque-Medium';
}
.cms-home .price-box .old-price,  .catalog-category-view .price-box .old-price, .catalogsearch-result-index .price-box .old-price {
  top: 15px;
  position: absolute;
  right: 0;
}
#itemslider-homefeatured .price-box .old-price .price-label, .catalog-category-view .price-box .old-price .price-label, .catalogsearch-result-index .price-box .old-price .price-label {
  color: #1A1A1A;
  top: -10px;
  right: 35px;
  position: absolute;
}
.products-grid .price-box {
  margin-top: 5px;
}
/* Price container end*/

/* Home page Banner */
.home-page-slider {
  width: 100%;
}
/* Home page Banner end*/

/* Mobile menu */
@media (max-width: 1024px) {
  .ic-search {
    margin: 0 7px 0 0;
  }
  .megamenu-pc ms-megamenu a.ms-label {
    background: #1A1A1A;
    color: white;
  }
  #mini-cart {
    top: -8px;
  }
  .header-regular .logo--mobile, .header-regular .logo-wrapper--mobile, .header-regular .header-collateral, .header-regular .after-mobile-logo, .header-regular #mini-cart-wrapper-mobile {
    display: block;
    width: 130px;
    padding: 6px;
    margin-top: 6px;
  }
  .ms-topmenu .ms-level0:last-child > .ms-label {
    color: white !important;
  }
  .ms-topmenu .ms-label:hover {
    border-bottom: 1px solid #ddd;
  }
  .header-svg-icon.login-svg-icon img {
    background: white;
  }
}

@media (max-width: 1024px) {
  #top .mobile-bar .sub-menu > li {
    clear: both;
    width: 101% !important;
    background: #1A1A1A !important;
    color: white !important;
      margin-left: -1px;
  }
  .megamenu-pc li {
    margin-left: 0;
  }
  .ms-topmenu .ms-label {
    padding: 12px 15px 8px !important;
    background: #1A1A1A;
    color: white;
  }
  span.mb-label.glyphicon.glyphicon-plus:hover {
    color: grey;
  }
  #top .mobile-bar .sub-menu:before {
    z-index: 0;
    content: none;
  }
  div#mini-cart-wrapper-regular {
    margin-top: 4px;
  }
  #mini-cart {
    top: 0;
  }
  #top .mobile-bar .sub-menu > li > span {
    font-size: 16px;
    font-family: 'GalanoGrotesque-Bold';
  }
  .msl-level0 .msl-label, .ms-megamenu .mb-label {
    background: #1A1A1A;
    color: white;
  }
  .mb-submain.col-xs-12 {
    background: #1A1A1A;
  }
  .mb-submenu .ms-category-level .col-category a.form-group, .mb-submenu .parent .form-group a, small.mb-level-click.glyphicon.glyphicon-plus.small {
    color: white;
  }
  .ms-leftmenu .msl-level0.active .msl-label, .ms-leftmenu .msl-level0:hover .msl-label, .ms-leftmenu .msl-level0:active .msl-label, .ms-leftmenu .msl-level0:focus .msl-label, .ms-leftmenu .msl-level0:hover .mb-label, .ms-leftmenu .msl-level0:active .mb-label, .ms-leftmenu .msl-level0:focus .mb-label, .ms-megamenu .mbactive .ms-label, .ms-megamenu .mbactive .mb-return, .ms-megamenu .mbactive .mb-label {
    background: #1A1A1A !important;
    color: white !important;
  }
  .ms-topmenu .ms-level0.active .ms-label, .ms-topmenu .ms-level0:hover .ms-label, .ms-topmenu .ms-level0:active .ms-label, .ms-topmenu .ms-level0:focus .ms-label, .ms-topmenu .ms-level0:hover .mb-label, .ms-topmenu .ms-level0:active .mb-label, .ms-topmenu .ms-level0:focus .mb-label, .ms-megamenu .mbactive .ms-label, .ms-megamenu .mbactive .mb-return, .ms-megamenu .mbactive .mb-label, #top .mobile-bar .sub-menu .block_header_top_right2 {
    background: #1A1A1A !important;
    color: white !important;
  }
  #block_header_mobile_top_right2 p.label {
    color: white !important;
  }
}

/* Mobile menu */

/* Category page */

.catalog-product-view .panel .price-container {
  float: left;
  width: 100%;
  margin: 15px 0 10px;
  position: relative;
  line-height: 45px;
}
.price-box .price-no-dot {
  visibility: hidden;
  margin-left: -8px;
}
.catalog-product-view .price-container .product-addto-info {
  float: left;
  width: 72%;
}
.catalog-product-view .price-container .special-price {
  float: left;
  width: 40%;
}
.catalog-product-view .price-container .product-addto-info .price-block {
  margin: 0 !important;
}
.catalog-product-view .price-container .product-addto-info .price, .catalog-product-view .price-container .special-price .price {
  float: left;
  width: 100%;
  font-size: 94px !important;
  font-family: 'GalanoGrotesque-SemiBold';
}
.catalog-product-view .price-container .product-addto-info .unit, .catalog-product-view .price-container .special-price .price-label {
  float: left;
  width: 100%;
  text-transform: uppercase;
  padding-left: 40px;
  position: relative;
  font-weight: 500;
  font-size: 12px !important;
  font-family: 'GalanoGrotesque-Regular';
  top: 10px;
}
@media (max-width: 768px) {
  .catalog-product-view .price-container .product-addto-info .unit, .catalog-product-view .price-container .special-price .price-label {
    padding-left: 30px;
    top: 0px;
  }
  .catalog-product-view .price-container .trade-club-price .unit {
    padding-left: 20px;
  }
}
.catalog-product-view .price-container .old-price {
  float: right;
  width: 28%;
  margin: 0 !important;
  text-align: right;
  line-height: 20px;
}
.catalog-product-view .price-container .old-price .price-label {
  float: left;
  width: 100%;
  right: 34px;
  position: relative;
}
.catalog-product-view .price-container .old-price .price {
  float: none;
  padding: 0;
  text-decoration: line-through #ff5100;
  -moz-text-decoration-color: #ff5100;
  -webkit-text-decoration-color: #ff5100;
}
.catalog-product-view .price-container .old-price .unit {
  display: none;
}
.catalog-product-view .price-container .product-addto-info .price sup, .catalog-product-view .price-container .special-price .price sup {
  font-size: 0.5em !important;
}
.catalog-category-view .bottom .pages a.next, a.previous {
  border: 1px solid #1A1A1A;
  border-radius: 50%;
  color: #1A1A1A !important;
  background: transparent !important;
}
.catalog-category-view .bottom .pages img {
  width: 10px;
  position: relative;
  top: -3px;
}
@media (max-width: 1024px) {
  .catalog-product-view .price-container .product-addto-info .price,
  .catalog-product-view .price-container .special-price .price,
  .panel .trade-club-price .trade-club-price-value {
    font-size: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.category-products .product-details-container .product-name-container {
    height: 90px;
  }
  div.category-products .product-details-container .product-name-container h2 {
    height: 60px;
  }
  /*.catalog-category-view .price-box .price {
    font-size: 36px;
  }*/
  .catalog-category-view .price-box .old-price .price {
    font-size: 16px;
  }
  .catalog-category-view .price-box .old-price .price-label {
    right: 30px;
  }
}
@media (min-width: 640px) and (max-width: 768px) {
  .catalog-category-view .itemgrid.itemgrid-adaptive .item {
    width: 48% !important;
  }
  .catalog-category-view .itemgrid-3col > li:nth-of-type(3n+1) {
    clear: none !important;
  }
}
/* Category page end */

/*Website Redesign end*/

/*Category needs to be amended*/
.cms-home .category-container .category-container-title {
  font-family: 'GalanoGrotesque-SemiBold';
  text-align: left;
  font-size: 32px;
  line-height: 1;
  margin: 0 0 10px;
  padding: 0 6px;
  color: #1A1A1A;
}
.cms-home .category-container .category-container-title .striked {
  -moz-text-decoration-color: #ff5100;
  -webkit-text-decoration-color: #ff5100;
  display: inline-block;
  text-decoration: line-through;
  text-decoration-color: #ff5100;
}
.cms-home .category-container .category-container-subtitle {
  font-family: 'GalanoGrotesque-SemiBold';
  text-align: left;
  font-size: 30px;
  line-height: 1;
  margin: 0 0 20px;
  padding: 0 6px;
  color: #1A1A1A;
}
/*Category needs to be amended end*/

/* Cart icon number */
/* Modified by: Preetesh 12/06 */

#mini-cart span#cart-badge-outer {
  background-color: #ff5100;
  position: absolute;
  top: -12px;
  left: 50%;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  text-align: center;
}
#mini-cart span#cart-badge-number {
  color: #fff;
  position: relative;
  font-size: 12px;
  top: -2px;
}
@media (max-width: 768px) {
  #mini-cart span#cart-badge-outer {
    height: 20px;
    width: 20px;
    top: -3px;
  }
  #mini-cart span#cart-badge-number {
    font-size: 10px;
    top: -5px;
  }
}
/* Cart icon number end */

/* Product Slider Arrows for Mobile */
.slider-arrows1 .owl-controls .owl-buttons div {
  width: 60px;
  line-height: 50px;
  height: 50px;
}
.cms-home .slider-arrows1 .owl-controls .owl-buttons .owl-next, .cms-home .slider-arrows1 .owl-controls .owl-buttons .owl-prev {
  font-size: 90px;
}
.cms-home .slider-arrows1 .owl-controls .owl-buttons .owl-prev {
  left: -35px;
}
.cms-home .slider-arrows1 .owl-controls .owl-buttons .owl-next {
  right: -15px;
}
@media (max-width: 768px) {
  .cms-home .slider-arrows1 .owl-controls .owl-buttons .owl-next {
    right: -5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .slider-arrows1 .owl-controls .owl-buttons div {
    top: -15px;
  }
}
@media (min-width: 1280px) {
  .cms-home .slider-arrows1 .owl-controls .owl-buttons .owl-prev {
    left: -58px;
  }
}
@media (min-width: 1440px) {
  .cms-home .slider-arrows1 .owl-controls .owl-buttons .owl-prev {
    left: -100px;
  }
  .cms-home .slider-arrows1 .owl-controls .owl-buttons .owl-next {
    right: -45px !important;
  }
}
/* Product Slider Arrows for Mobile End */

/* Home-page Banner Changes */
.home-page-slider .slickSlider  {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
.home-page-slider .slickSlider.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.home-page-slider .slickSlider .slick-prev,
.home-page-slider .slickSlider .slick-next {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: transparent;
  cursor: pointer;
  font-size: 0;
  height: 60px;
  line-height: 0;
  outline: medium none;
  position: absolute;
  top: 45%;
  width: 60px;
  z-index: 1;
  text-align: center;
  padding: 0;
}
.home-page-slider .slickSlider .slick-prev {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Hero_Banner_Carousel_Arrow_Right.svg) no-repeat;
  left: 25px;
  transform: rotate(180deg);
}
.home-page-slider .slickSlider .slick-next {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Hero_Banner_Carousel_Arrow_Right.svg) no-repeat;
  right: 25px;
}
.home-page-slider .slickSlider .slick-list {
  max-width: 2880px;
}
.home-page-slider .slickSlider .slick-list .slick-slide {
  position: relative;
}
.home-page-slider .slickSlider .slick-list .slick-slide:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5); 
}
.home-page-slider .slickSlider .slick-list .slick-slide.slick-current.slick-active.slick-center:after {
  position: relative !important;
  background: transparent !important;
}
.home-page-slider .slickSlider .slick-dots {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}
.home-page-slider .slickSlider .slick-dots li {
  display: inline-block;
  width: 19px;
  height: 19px;
  border: 1px solid #1A1A1A;
  background: #fff;
  color: #fff;
  margin: 0 3px;
}
.home-page-slider .slickSlider .slick-dots li.slick-active {
  background: #ff5100;
  color: #ff5100;
}
.home-page-slider .slickSlider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
/* Home-page Banner Changes End */

/* pdp sample text */
.product-view .sample_section #sample_lightbox {
  color: #999;
  font-size: 14px;
  line-height: 15px;
}
/* pdp sample text End */

/* Trustpilot */
.show-mobile, .show-desktop {
  display: none;
}
.category-container .review-title p {
  text-align:left;
  color: #1A1A1A;
  font-size: 32px;
  padding: 30px 0 50px 0;
  font-family: 'GalanoGrotesque-SemiBold';
}
.category-container .trustpilot-widget {
  padding: 0 0 30px 0;
}
@media (max-width: 768px) {
  .category-container .review-title p {
    padding-top: 0;
  }
}
@media (max-width: 600px) {
  .show-mobile {
    display: block;
  }
}
@media (min-width: 601px) {
  .show-desktop {
    display: block;
  }
}
/* Trustpilot End*/

/* Mega Menu Related Changes */
.megamenu-pc .ms-submenu .ms-maincontent {
  padding: 25px 0 35px !important;
}
.megamenu-pc .ms-submenu .ms-featured {
  padding: 49px 0 35px !important;
}
.ms-megamenu #ms-topmenu-mobile .mb-submenu .mb-submain .mb-featured {
  display: none !important;
}
.megamenu-pc .ms-submenu .ms-featured .f-category-title {
  font-size: 12px !important;
  text-transform: uppercase;
  text-align: left;
}
.megamenu-pc .ms-submenu .ms-featured .f-category-title .ms-boxtitle {
  color: #fff !important;
}
.megamenu-pc .ms-submenu .ms-featured .f-category a.product-name {
  color: #dadada;
  font-size: 12px !important;
  margin: 0 0 5px;
}
.megamenu-pc .ms-submenu .ms-featured .f-category a.product-image {
  display: none !important;
}
.megamenu-pc .ms-submenu .ms-featured .row,
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic.row,
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-category .row {
  margin-right: 0px;
  margin-left: 0px;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-category .row .ms-category-dynamic-title {
  color: #dadada;
  font-size: 10px !important;
  text-transform: uppercase;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .dynamic-content .col-dynamic {
  border-top: 1px solid #dadada;
  padding: 10px;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-level .col-xs-12.form-group {
  background-color: #1A1A1A;
  border: 0 none;
  padding: 10px 0 10px !important;
  text-indent: 0;
  border-bottom: 1px solid #dadada;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-level .col-xs-12.form-group a {
  color: #fff;
  font-size: 12px !important;
  padding: 0 !important;
  text-transform: uppercase;
  font-weight: normal !important;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-level .col-xs-12.form-group a  span {
  font-weight: bold !important;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-level .col-xs-12.form-group a .small {
  color: #dadada !important;
  opacity: 1;
  font-weight: normal !important;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-level .col-xs-12.form-group.active a .small {
  opacity: 0;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-dynamic a span {
  color: #dadada !important;
  font-size: 12px !important;
  font-weight: normal !important;
  margin-bottom: 0px;
  padding-bottom: 2px;
  width: auto;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-dynamic a:hover span {
  text-decoration: underline;
}
/* Mega Menu Related Changes End */

/* Extra white space */
@media (max-width: 1024px) {
  .header-container {
    height: auto;
  }
}
/* Extra white space End*/

/* Drupal content new badge */
.architecture-collection-content .tileDetail a {
  position: relative;
}
.architecture-collection-content .tileDetail .newbadge {
  top: 12%;
  right: 8%;
}
/* Drupal content new badge End */

/* ZipMoney Rebranding changes */
.checkout-cart-index .header-checkout-btn .box {
  border: 0 none;
  padding: 0 28px;
}
@media (max-width: 768px) {
  .checkout-cart-index .header-checkout-btn .box {
    margin-top: 20px;
  }
}
@media (min-width: 769px) and (max-width: 980px) {
  .checkout-cart-index .header-checkout-btn .box {
    width: 100%;
  }
}
/* ZipMoney Rebranding changes End */

/* Mega Menu Related Changes - for mobile view */
.ms-megamenu #ms-topmenu-mobile {
  padding: 0 25px !important;
}
.ms-megamenu #ms-topmenu-mobile .ms-level0 .small {
  font-size: 100%;
}
.ms-megamenu #ms-topmenu-mobile .ms-level0 .ms-label {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #dadada !important;
  min-height: 39px;
  padding: 5px 0 !important;
}
.ms-megamenu #ms-topmenu-mobile .ms-level0 .mb-label {
  color: #dadada !important;
  height: 38px;
  right: -18px;
}
.ms-megamenu #ms-topmenu-mobile .ms-level0 .mb-submenu .mb-submain {
  padding: 0;
  border: 0;
}
.ms-megamenu #ms-topmenu-mobile .ms-level0 .mb-submenu .ms-category-level .col-category  {
  padding: 0;
}
.ms-megamenu #ms-topmenu-mobile .ms-level0 .mb-submenu .ms-category-level .col-category .col-level-container {
  border-bottom: 1px solid #dadada !important;
  float: left;
  width: 100%;
  padding: 10px 0;
}
.ms-megamenu #ms-topmenu-mobile .ms-level0 .mb-submenu .ms-category-level .col-category .col-level-container .col-sub {
  padding: 0;
}
.ms-megamenu #ms-topmenu-mobile .ms-level0 .mb-submenu .ms-category-level .col-category p.form-group {
  margin: 0;
}
.ms-megamenu #ms-topmenu-mobile .ms-level0 .mb-submenu .ms-category-level .col-category p.form-group a {
  text-transform: uppercase;
  font-size: 14px;
}
.ms-megamenu #ms-topmenu-mobile .ms-level0 .mb-submenu .ms-category-level .col-category p.form-group .small {
  right: -15px;
}
.ms-megamenu #ms-topmenu-mobile .ms-level0 .mb-submenu .ms-category-level .col-category a.form-group {
  border: 0;
  color: #dadada !important;
  font-weight: normal;
  font-size: 14px;
  margin: 0;
  text-indent: 0;
}
/* Mega Menu Related Changes End - for mobile view */

/* Reposition "Slashed" icon to the right side of cart icon */
.block_header_top_right2.item.offer-icon {
  margin: 20px;
}
/* Reposition "Slashed" icon to the right side of cart icon End */

/* product page redesign */
/* Modified by: Preetesh Date: 11/6/2018 */

.product-share .header-svg-icon {
  display: inline-block;
}
.panel .info-qty-icon {
  padding-left: 10px;
  display: inline-block;
}
.product-view .product-share {
  float: right;
  margin: 20px 30px;
}
.product-view .product-shop h1 {
  font-size: 50px;
  font-family: 'GalanoGrotesque-SemiBold';
  margin: 48px 0 40px !important;
  line-height: 50px;
}
@media (max-width: 768px) {
  .product-view .product-shop h1 {
    font-size: 40px;
    line-height: 40px;
    margin-top: 0px !important;
  }
}
.catalog-product-view .panel .price-container {
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 10px 0;
}
.gen-tabs-style1 .tabs a {
  margin-top: 0px;
  padding-top: 0px;
  background-color: white;
  border-color: #1A1A1A;
  border: 0 none;
  border-bottom: 1px solid #1A1A1A;
}
.gen-tabs-style1 .tabs a:hover {
  text-decoration: underline;
  background-color: #fff;
  border-color: #1A1A1A;
}
.gen-tabs-style1 .tabs a.current {
  background-color: white;
  border: 1px solid #1A1A1A;
  border-bottom: 0 none;
  padding-top: 0;
  margin-top: 0;
}
.product-view .button-block .button#product-addtocart-button,
.catalog-product-view .button-block-option .button#product-addtocart-button {
  background: #ff5100;
  border-color: #ff5100;
  font-size: 36px;
  text-transform: none;
  height: 73px;
  font-family: 'GalanoGrotesque-SemiBold';
  padding-bottom: 12px;
  color: #ffffff;
}
.gen-tabs-style1 .tabs-panels {
  border-top: 0 none;
}
.product-view .product-shop ul {
  margin: 0px;
}
.product-view #product-tabs .tabs li {
  text-align: center;
}
.product-view .product-name #product-tabs li {
  width: 50%;
}
.product-view .product-price-calculation-info {
  float: left;
  width: 100%;
  padding: 0;
}
.product-view .product-price-calculation-info #product-tabs .tabs li {
  width: 33%;
}
.product-view .panel label.area {
  display: block;
  text-transform: uppercase;
  text-align: left;
  margin: 0 0 20px 0;
}
.product-view .panel .calculation {
  border: 1px solid #1A1A1A;
  font-family: 'GalanoGrotesque-Regular';
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 0;
  color: #1A1A1A;
  float: left;
  border-left: none;
  height: 48px;
}
.product-view .panel .calculation:hover {
  color: #fff;
}
.catalog-product-view .product-view .qty {
  padding: 0;
  color: #1A1A1A;
  border-color: #1A1A1A;
  position: relative;
  float: left;
}
.product-view .panel label.qty {
  display: block;
  text-transform: uppercase;
  text-align: left;
}
.catalog-product-view .special-price {
  margin-top: 0;
}
.product-view .product-shop .price-box .old-price .price {
  font-size: 25px;
}
.product-view .order-free-sample {
  margin-bottom: 25px;
}
.product-view .order-free-sample img {
  width: 40px;
}
.product-view .order-free-sample .order-free-sample-label {
  position: relative;
  top: 5px;
}
.product-view .product-tile-price label {
  font-size: 20px;
}
.product-view .product-tile-price {
  line-height: 30px;
  margin: 30px 0 30px;
}
.product-view .itemslider-upsell-wrapper #itemslider-upsell .owl-controls .owl-buttons {
  top: -5px;
}
.product-view #calculate-area .info-svg-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 30px;
}
.product-view .product-shop .product-dimension {
  float: left;
}
.product-view .product-availability {
  color: green;
  float: right;
}
.product-view .more-views {
  margin-top: 10px;
  text-align: center;
  overflow: hidden;
}
.catalog-product-view .specifications > h3, .catalog-product-view .box-additional > h3 {
  color: #1A1A1A;
  padding-bottom: 5px;
}
.product-view .box-additional {
  margin-top: 20px !important;
}
.product-price-calculation-info .info-svg-icon {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Info_Icon.svg);
  background-repeat: no-repeat;
  vertical-align: middle;
  float: left;
  margin: 12px 0 0 8px;
}
.product-view #product-tabs .panel strong {
  font-family: 'GalanoGrotesque-Bold';
}
/* product page redesign end */

/* product page product share */
.product-share .header-svg-icon {
  background-repeat: no-repeat;
}
.product-share .product-share-label {
  float: left;
}
.product-share .email-svg-icon {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Email_Icon.svg);
}
.product-share .email-svg-icon:hover {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Email_Icon_Rollover.svg);
}
.product-share .facebook-svg-icon {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Facebook_Icon_2.svg);
}
.product-share .facebook-svg-icon:hover {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Facebook_Icon_2_Rollover.svg);
}
.product-share .pinterest-svg-icon {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Pinterest_Icon_2.svg);
}
.product-share .pinterest-svg-icon:hover {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Pinterest_Icon_2_Rollover.svg);
}
.product-share .instagram-svg-icon {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Instagram_Icon_2.svg);
}
.product-share .instagram-svg-icon:hover {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Instagram_Icon_2_Rollover.svg);
}
.product-share .twitter-svg-icon {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Twitter_Icon.svg);
}
.product-share .twitter-svg-icon:hover {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Twitter_Icon_Rollover.svg);
}
/* Mobile view pdp */
@media (max-width: 480px) {
  .calculate-button .button {
    padding: 0 5px;
  }
  .catalog-product-view .product-view .qty {
    width: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .catalog-product-view .product-view .qty {
    width: 80px !important;
  }
  .product-view #calculate-area .info-svg-icon {
    margin: 0;
  }
  .calculate-button .button {
    padding: 0 5px;
  }
}
@media (max-width: 768px) {
  .product-view .product-share {
    margin: 20px 10px;
  }
}
@media (max-width: 960px) {
  .gen-tabs .acctab {
    padding: 0;
    margin: 0;
    width: 50%;
    background-color: white;
    border-bottom: 1px solid #1A1A1A;
  }
  .gen-tabs .acctab.current {
    background-color: white;
    border: 1px solid #1A1A1A;
    border-bottom: none;
  }
  .product-price-calculation-info .gen-tabs .acctab {
    width: 33% !important;
  }
  .product-view #calculate-area {
    padding: 0 10px;
  }
}
.gen-tabs.accor .acctab {
  display: inline-block !important;
}
/* Mobile view pdp end*/

/* Accordion */
.product-view .accordion,
.product-view .accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.product-view .accordion {
  overflow: hidden;
}
.product-view .accordion-section-title {
  width: 100%;
  color: #1A1A1A;
  padding: 15px 0;
  display: inline-block;
  border-bottom: 1px solid #1A1A1A;
  transition: all linear 0.15s;
  font-size: 1.200em;
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Sizing_Dropdown_Arrow.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: right;
}
.product-view .accordion-section-title.active {
  background-image: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Sizing_Dropdown_Arrow_Up.svg);
  background-size: 20px 14px;
}
.product-view .accordion-section-title.active,
.product-view .accordion-section-title:hover {
  text-decoration: none;
}
.product-view .accordion-section-content {
  display: none;
}
.product-view .accordion-section .accordion-section-title {
  float: left;
}
.product-view .accordion-section .accordion-icon {
  display: inline-block;
  text-align: right;
}
.product-view .accordion-section-content p {
  display: inline-block;
  padding-top: 10px;
	line-height: 25px;
}
.product-view #product-catalog-button {
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #1A1A1A;
  margin-top: 25px;
}
.product-view #product-catalog-button img {
  display: inline-block;
  width: 15px;
  margin-left: 10px;
}
/* Accordion end */

/* Related, crosssell & Upsell Slider changes */
.catalog-product-view .box-additional > h3 {
  margin: 0;
}
#itemslider-upsell .product-image-wrapper,
#itemslider-related-multi .product-image-wrapper,
#itemslider-upsell .crosssell-image-wrapper,
#itemslider-upsell .viewed-image-wrapper {
  margin: 0 auto;
  position: relative;
}
#itemslider-upsell .product-details-container,
#itemslider-related-multi .product-details-container,
#itemslider-upsell .crosssell-details-container,
#itemslider-upsell .viewed-details-container {
  margin: 10px 0 0;
  border: 1px solid #1A1A1A;
}
#itemslider-upsell .product-details-container .product-price-container,
#itemslider-related-multi .product-details-container .product-price-container,
#itemslider-upsell .crosssell-details-container .crosssell-price-container,
#itemslider-upsell .viewed-details-container .viewed-price-container {
  border-bottom: 1px solid #1A1A1A;
  padding: 10px;
  height: 52px;
  position: relative;
}
#itemslider-upsell .product-details-container .product-price-container .price-box span.price-label,
#itemslider-related-multi .product-details-container .product-price-container .price-box span.price-label {
  margin-left: -25px;
  color: #1A1A1A;
}
#itemslider-upsell .product-details-container .product-price-container .price-box .price,
#itemslider-related-multi .product-details-container .product-price-container .price-box .price,
#itemslider-upsell .viewed-details-container .viewed-price-container .price-box .price {
  font-size: 40px;
}
#itemslider-upsell .product-details-container .product-price-container .price-box .old-price .price,
#itemslider-related-multi .product-details-container .product-price-container .price-box .old-price .price,
#itemslider-upsell .crosssell-details-container .crosssell-price-container .price-box .old-price .price,
#itemslider-upsell .viewed-details-container .viewed-price-container .price-box .old-price .price {
  float: right !important;
  font-size: 20px;
  color: #1A1A1A !important;
  margin-right: 10px;
  text-decoration: line-through #ff5100;
  -moz-text-decoration-color: #ff5100;
  -webkit-text-decoration-color: #ff5100;
  font-family: 'GalanoGrotesque-Medium';
}
#itemslider-upsell .product-details-container .product-price-container .price-box .old-price,
#itemslider-related-multi .product-details-container .product-price-container .price-box .old-price,
#itemslider-upsell .crosssell-details-container .crosssell-price-container .price-box .old-price,
#itemslider-upsell .viewed-details-container .viewed-price-container .price-box .old-price {
  top: 15px;
  position: absolute;
  right: 0;
}
#itemslider-upsell .product-details-container .product-price-container .price-box .old-price .price-label,
#itemslider-related-multi .product-details-container .product-price-container .price-box .old-price .price-label,
#itemslider-upsell .crosssell-details-container .crosssell-price-container .price-box .old-price .price-label,
#itemslider-upsell .viewed-details-container .viewed-price-container .price-box .old-price .price-label {
  color: #1A1A1A !important;
  top: -10px;
  right: 35px;
  position: absolute;
}
#itemslider-upsell .product-details-container .product-name-container,
#itemslider-related-multi .product-details-container .product-name-container,
#itemslider-upsell .crosssell-details-container .crosssell-name-container,
#itemslider-upsell .viewed-details-container .viewed-name-container {
  padding: 10px;
  height: 60px;
}
#itemslider-upsell .product-details-container .product-name-container .product-name,
#itemslider-related-multi .product-details-container .product-name-container .product-name,
#itemslider-upsell .crosssell-details-container .crosssell-name-container .product-name,
#itemslider-upsell .viewed-details-container .viewed-name-container .product-name {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 5px;
  text-align: left !important;
  height: 36px;
  font-family: 'worksans-medium';
}
#itemslider-upsell .crosssell-details-container .crosssell-price-container .price-box span.price-label,
#itemslider-upsell .viewed-details-container .viewed-price-container .price-box span.price-label {
  margin-left: -18px;
  color: #1A1A1A;
}
#itemslider-upsell .crosssell-details-container .crosssell-name-container,
#itemslider-upsell .viewed-details-container .viewed-name-container {
  overflow: hidden;
}
#itemslider-upsell .crosssell-details-container .crosssell-price-container .price-box .price {
  font-size: 30px;
}
#itemslider-upsell .viewed-details-container .viewed-name-container .product-name a,
.checkout-cart-index .recently-viewed > h3,
.checkout-cart-index .slider-holder > h3 {
  color: #1A1A1A;
}
/* Related, crosssell & Upsell Slider changes end */

.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #1A1A1A;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  margin-left: -80px;
  background: white;
  margin-bottom: 5px;
}
@media (min-width: 769px) and (max-width: 1280px) {
  .tooltip .tooltiptext {
    margin-left: -175px;
  }
}
@media (max-width: 640px) {
  .tooltip .tooltiptext {
    right: 0;
  }
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.pdp-section-hide {
  display: none !important;
}
.zoomContainer, .zoomWindow {
  z-index: 1 !important;
}
.calculation-validation {
  display: none;
  color: red;
}
.calculation-box {
  float: left;
  width: 100%;
}
/* product page product share end */

/* Mega menu items display incorrect on Microsoft Edge browser */
.desktop-container .upper-row {
  margin-bottom: 14px !important;
}
#header-nav {
  float: right;
  width: 100% !important;
}
@media (max-width: 1024px){
  .desktop-container {
    display: none !important;
  }
}
/* Mega menu items display incorrect on Microsoft Edge browser End */
@media (max-width: 1023px) {
  div#mini-cart-wrapper-regular {
    margin-right: 0px;
  }
}
/* Reposition "Slashed" icon to the right side of cart icon End */

/* Mobile menu breaks on breakpoint pdp white space remove */
@media only screen and (max-width: 959px) and (min-width: 480px) {
  .container {
      max-width: 959px;
  }
}
.catalog-product-view .zoomWrapper {
  max-width: 100%;
  height: auto !important;
}
/* Mobile menu breaks on breakpoint pdp white space remove end */

/* Mega Clearance category */
.product-discount-badge {
    position: absolute;
    font-family: 'GalanoGrotesque-SemiBold';
    top: -40px;
    right: -1px;
    line-height: 2;
    padding: 4px 14px;
    font-size: 15px;
    border: 1px solid #1A1A1A;
    z-index: 1;
		width: 80px;
}
.discount-badge {
  background-color: #ff5100;
  border-bottom-color: #ff5100;
  color: #fff;
}
.discount-badge::after {
  content: "% OFF";
}
.featured-badge {
  background-color: #fff;
  border-bottom-color: #fff;
  color: #1A1A1A;
  font-family: 'GalanoGrotesque-Regular';
  font-weight: 700;
}
.featured-badge::after {
  content: "FEATURED";
}
.new-badge {
  background-color: #1A1A1A;
  color: #fff;
}
 .new-badge::after {
  content: "NEW";
}
.onsale-badge {
  background-color: #ff5100;
  border-bottom-color: #ff5100;
  color: #fff;
}
.onsale-badge::after {
  content: "SALE";
}
.clearance-badge {
  background-color: #ed1890;
  border-bottom-color: #ed1890;
  color: #fff;
}
.clearance-badge::after {
  content: "CLEARANCE";
}
/* Mega Clearance category end */
/* ECOM-690 Clearance xx% off badge */
.clearance-xoff-badge {
  background-color: #ed1890;
  border-bottom-color: #ed1890;
  color: #fff;
}
.clearance-xoff-badge::after {
  content: "% OFF";
}
/* End */


/* Price related issue on EDGE browser */
@supports (-ms-ime-align:auto) {
  .cms-home .price-box .special-price .price,
  .catalog-category-view .price-box .special-price .price,
  .catalogsearch-result-index .price-box .special-price .price,
  .cms-home .price-box .regular-price .price,
  .catalog-category-view .price-box .regular-price .price,
  .catalogsearch-result-index .price-box .regular-price .price,
  #itemslider-upsell .regular-price .price,
  #itemslider-related-multi .regular-price .price,
  #itemslider-upsell .special-price .price,
  #itemslider-related-multi .special-price .price,
  .trade-club-price .price {
    position: relative;
    top: -15px;
  }
  .cms-home .price-box .special-price .price sup,
  .catalog-category-view .price-box .special-price .price sup,
  .catalogsearch-result-index .price-box .special-price .price sup,
  .cms-home .price-box .regular-price .price sup,
  .catalog-category-view .price-box .regular-price .price sup,
  .catalogsearch-result-index .price-box .regular-price .price sup,
  .catalog-product-view .price-container .product-addto-info .price sup,
  .catalog-product-view .price-container .special-price .price sup,
  #itemslider-upsell .regular-price .price sup,
  #itemslider-related-multi .regular-price .price sup,
  #itemslider-upsell .special-price .price sup,
  #itemslider-related-multi .special-price .price sup,
  #itemslider-related-multi .trade-club-price sup,
  #itemslider-upsell .trade-club-price sup,
  .trade-plus .products-grid .price-box .trade-club-price sup {
    position: relative;
    top: 12px;
  }
  .catalog-product-view .panel .product-tile-price .price-block .total-cost sup {
    position: relative;
    top: 10px;
  }
  .cms-home .price-box .special-price .price-label,
  .catalog-category-view .price-box .special-price .price-label,
  .catalogsearch-result-index .price-box .special-price .price-label,
  .cms-home .price-box .regular-price + .price-label,
  .catalog-category-view .price-box .regular-price + .price-label,
  .catalogsearch-result-index .price-box .regular-price + .price-label,
  #itemslider-upsell .regular-price + .price-label,
  #itemslider-related-multi .regular-price + .price-label,
  #itemslider-upsell .special-price .price-label,
  #itemslider-related-multi .special-price .price-label,
  .trade-club-price .text {
    position: relative;
    top: -15px;
  }
  .cms-home .price-box .old-price .price sup,
  .catalog-category-view .price-box .old-price .price sup,
  .catalogsearch-result-index .price-box .old-price .price sup,
  .catalog-product-view .price-container .old-price sup,
  #itemslider-upsell .old-price .price sup,
  #itemslider-related-multi .old-price .price sup {
    position: relative;
    top: 3px;
  }
}
/* Price related issue on EDGE browser end */

/* Category / Search Page Redesign */
.catalog-category-view .main-before-top-container .widget.widget-static-block img,
.catalogsearch-result-index .main-before-top-container .widget.widget-static-block img {
  height: 400px;
  width: 100%;
}
.catalog-category-view .block-layered-nav #narrow-by-list dt,
.catalogsearch-result-index .block-layered-nav #narrow-by-list dt {
  font-family: 'GalanoGrotesque-Medium';
  font-size: 16px;
  line-height: 18px;
}
.catalog-category-view .block-layered-nav #narrow-by-list dt a .name,
.catalogsearch-result-index .block-layered-nav #narrow-by-list dt a .name {
  color: #1A1A1A;
}
.catalog-category-view .block-layered-nav #narrow-by-list dt a .open-close,
.catalogsearch-result-index .block-layered-nav #narrow-by-list dt a .open-close {
  font-family: 'GalanoGrotesque-Regular';
  font-size: 24px;
  top: -2px;
}
.catalog-category-view .block-layered-nav #narrow-by-list dd ol li,
.catalogsearch-result-index .block-layered-nav #narrow-by-list dd ol li {
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 10px;
  padding: 0;
}
.catalog-category-view .category-products,
.catalogsearch-result-index .category-products {
  margin: 0;
}
.catalog-category-view .category-products .toolbar .sorter .counter,
.catalogsearch-result-index .category-products .toolbar .sorter .counter {
  color: #1A1A1A;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.catalog-category-view .category-products .toolbar .sorter .counter span,
.catalogsearch-result-index .category-products .toolbar .sorter .counter span {
  font-family: 'GalanoGrotesque-SemiBold';
  font-size: 24px;
}
.catalog-category-view .category-products .toolbar .sorter .sort-by,
.catalogsearch-result-index .category-products .toolbar .sorter .sort-by {
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
}
.catalog-category-view .category-products .toolbar .sorter .sort-by select::-ms-expand,
.catalogsearch-result-index .category-products .toolbar .sorter .sort-by select::-ms-expand,
.catalog-product-view .product-view .container2-wrapper #productct::-ms-expand {
  display: none;
}
.catalog-product-view .product-view .container2-wrapper #product-options-wrapper .input-box select,
.catalog-product-view .product-view .container2-wrapper #product-options-wrapper select.super-attribute-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Sizing_Dropdown_Arrow.svg") 95% / 14% no-repeat #fff;
  border: 0 none;
  color: #1A1A1A;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  width: 200px;
}
.catalog-category-view .category-products .toolbar .sorter .sort-by select,
.catalogsearch-result-index .category-products .toolbar .sorter .sort-by select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #1A1A1A;
  font-size: 16px;
  font-weight: bold;
  width: auto;
  color: #1A1A1A;
  cursor: pointer;
  margin: 0;
  height: 38px;
  padding: 6px 6px 10px;
  line-height: 20px;
  text-align: center;
  text-align-last: center;
}
.catalog-category-view .category-products .toolbar .sorter .sort-order,
.catalogsearch-result-index .category-products .toolbar .sorter .sort-order,
.catalog-category-view .category-products .toolbar .sorter .sort-order-asc {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Sizing_Dropdown_Arrow.svg") 60%/60% no-repeat #fff;
  border: 0 none;
  width: 50px;
  height: 40px;
  float: right;
  -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);        /* FF */
  -o-transform: rotate(180deg);          /* Opera */
  -ms-transform: rotate(180deg);         /* IE9 */
  transform: rotate(180deg);
  cursor: pointer;
}
.catalog-category-view .category-products .toolbar .sorter .sort-order-desc {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Sizing_Dropdown_Arrow.svg") 60%/60% no-repeat #fff;
  border: 0 none;
  width: 50px;
  height: 40px;
  float: right;
  -webkit-transform: rotate(0deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(0deg);        /* FF */
  -o-transform: rotate(0deg);          /* Opera */
  -ms-transform: rotate(0deg);         /* IE9 */
  transform: rotate(0deg);
}
.catalog-category-view .category-products .products-grid,
.catalogsearch-result-index .category-products .products-grid {
  border: 0 none;
	padding: 0 0 15px;
}
.catalog-category-view .bottom .toolbar,
.catalogsearch-result-index .bottom .toolbar {
	display: none;
}
.catalog-category-view .amscroll-page.loading,
.catalogsearch-result-index .amscroll-page.loading {
	text-align: center;
}
.catalog-category-view .amscroll-load-button,
.catalogsearch-result-index .amscroll-load-button {
	background-color: #1A1A1A !important;
  color: #fff;
	font-size: 16px;
	font-weight: normal;
	padding: 15px 35px;
	margin: 0 auto;
	text-transform: uppercase;
	width: auto;
}
.catalog-category-view .amscroll-load-button:hover,
.catalogsearch-result-index .amscroll-load-button:hover {
  background-color: #ff5100 !important;
  color: #fff;
}
@media (min-width: 1025px) {
  .catalog-category-view .block-layered-nav .block-title,
  .catalogsearch-result-index .block-layered-nav .block-title {
    display: none;
  }
  .catalog-category-view .block-layered-nav #narrow-by-list,
  .catalogsearch-result-index .block-layered-nav #narrow-by-list {
    border: 0 none;
  }
}
@media (max-width: 768px) {
  .catalog-category-view .category-products .toolbar,
  .catalogsearch-result-index .category-products .toolbar {
    border: 0 none;
    font-size: 14px;
  }
  .catalog-category-view .block-layered-nav #narrow-by-list dd,
  .catalogsearch-result-index .block-layered-nav #narrow-by-list dd {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .catalog-category-view .category-products .toolbar .sorter .counter,
  .catalogsearch-result-index .category-products .toolbar .sorter .counter {
    border: 0 none;
    display: inline-block;
    margin: 0;
  }
}
/* Category / Search Page Redesign end */

/* Trade club Price */
.products-grid li .trade-club-price > span.price, .price-box .trade-club-price {
  color: #ff5100;
  line-height: 19px;
	font-family: 'GalanoGrotesque-SemiBold';
}
.price-box .trade-club-price, .products-grid li .trade-club-price {
  margin: 0;
}
.products-grid li .trade-club-price > span.text {
  text-transform: uppercase;
  color: #ff5100;
  margin-left: -22px;
  font-weight: 500;
  font-size: 10px !important;
}
.panel .trade-club-price .trade-club-price-value {
   color: #ff5100;
}
.trade-club-price-value .price-no-dot {
  visibility: hidden;
  margin-left: -8px;
}
.panel .trade-club-price .unit {
  color: #ff5100;
  padding-left: 40px;
  display: block;
  margin-top: -5px;
  font-size: 12px;
}
.catalog-product-view .old-price {
  color: #1A1A1A !important;
}
#itemslider-upsell .trade-club-price .text {
  margin-left: -25px;
  color: #ff5100;
  font-weight: 500;
  font-size: 10px !important;
  text-transform: uppercase;
}
.trade-plus .products-grid .price-box .regular-price,
.trade-plus .products-grid .price-box .special-price,
.trade-plus .products-grid .price-box .price-label,
.trade-plus .panel .product-addto-info .price-block,
.trade-plus .panel .product-addto-info .unit,
.trade-plus #itemslider-upsell .product-details-container .product-price-container .price-box .regular-price .price,
.trade-plus #itemslider-upsell .product-details-container .product-price-container .price-box .special-price .price,
.trade-plus #itemslider-related-multi .product-details-container .product-price-container .price-box .regular-price .price,
.trade-plus #itemslider-related-multi .product-details-container .product-price-container .price-box .special-price .price,
.trade-plus #itemslider-upsell .product-details-container .product-price-container .price-box .price-label,
.trade-plus #itemslider-related-multi .product-details-container .product-price-container .price-box .price-label,
.trade-plus.catalog-product-view .price-container .special-price {
  color: #ff5100 !important;
}
#itemslider-homefeatured .price-box .old-price .price-label,
.catalog-category-view .price-box .old-price .price-label,
.catalogsearch-result-index .price-box .old-price .price-label {
  color: #1A1A1A !important;
}
#itemslider-upsell .crosssell-price-container .trade-club-price .text {
  margin-left: -18px;
}
#itemslider-upsell .crosssell-price-container .trade-club-price .price .price-no-dot {
  margin-left: -5px;
}
#itemslider-upsell .crosssell-price-container .trade-club-price .text,
#itemslider-upsell .viewed-price-container .trade-club-price .text {
  margin-left: -18px;
}
#itemslider-upsell .crosssell-price-container .trade-club-price .price .price-no-dot,
#itemslider-upsell .viewed-price-container .trade-club-price .price .price-no-dot {
  margin-left: -5px;
}
.checkout-cart-index .cart-empty .slider-arrows1-pos-top-right #itemslider-upsell .owl-controls .owl-buttons {
  top: -60px;
}
/* Trade club Price End*/

/* Search Button Clickable */
#algolia-searchbox .button-search {
  background-image: url(/skin/frontend/nationaltiles/default/images/SVG/Search_Icon.svg);
  border: 0 none;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 18px;
  position: relative;
  top: 10px;
  width: 18px;
}
#algolia-searchbox .button-search:hover {
  background-image: url(/skin/frontend/nationaltiles/default/images/SVG/Search_Icon_Rollover.svg);
}
/* Search Button Clickable End */

/* Search bar not displaying correctly in mobile view */
@media (max-width: 1024px){
  #search_mini_form {
    padding: 10px;
  }
  #algolia-searchbox .algolia-search-input {
    width: 100% !important;
    border: 1px solid #ddd;
  }
  #algolia-searchbox .button-search {
    top: -28px;
    right: 10px;
  }
  #algolia-searchbox #search::placeholder {
    color: #1A1A1A;
    opacity: 1;
  }
}
/* Search bar not displaying correctly in mobile view */

/* Search result items not clickable in mobile view */
@media (max-width: 1024px) {
  .main-container {
    z-index: auto;
  }
}
/* Search result items not clickable in mobile view end */

/* Customer register segment fields */
.customer-account-create .segment-fields .field-row label, .customer-account-edit .segment-fields .field-row label {
  float: left;
}
.customer-account-create .segment-fields .field-row, .customer-account-edit .segment-fields .field-row {
  font-size: 16px;
  line-height: 21px;
  display: inline-block;
  vertical-align: top !important;
  width: 50% !important;
  padding-right: 5px !important;
  box-sizing: border-box;
}
.customer-account-create .form-list li .segment-fields .field-row:nth-child(2n + 2),
.customer-account-edit .form-list li .segment-fields .field-row:nth-child(2n + 2) {
  padding: 0 0 0 5px !important;
}
.customer-account-create .segment-fields h4,
.customer-account-edit .segment-fields h4 {
  display: none;
}
@media (max-width: 640px) {
  .customer-account-create .segment-fields .field-row,
  .customer-account-edit .segment-fields .field-row {
    display: block;
    width: 100% !important;
  }
  .customer-account-create .segment-fields .field-row label,
  .customer-account-edit .segment-fields .field-row label {
    width: 100%;
  }
  .customer-account-create .form-list li .segment-fields .field-row:nth-child(2n + 2),
  .customer-account-edit .form-list li .segment-fields .field-row:nth-child(2n + 2) {
    padding: 0px !important;
  }
}
/* Customer register segment fields end */

/* Category / Search page filters & titles */
.catalog-category-view .main .page-title {
	display: none;
}
.amshopby-filters-top .block-content ol {
	max-width: 100%;
}
.block-content ol li .multiselect-child:after {
  content: ", ";
}
.block-content .multiselect-child:last-child:after {
	content: ".";
}
.block .block-content li {
	color: #1A1A1A;
}
.block-content .currently ol li:hover {
	text-decoration: none;
	color: #1A1A1A;
}
.block .block-content li a:hover,
.block .block-content li strong:hover {
	text-decoration: none;
}
.block-content .currently ol li {
	font-family: 'worksans-medium';
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
}
.block-content .currently ol li span {
	line-height: 48px;
	position: relative;
}
.block-content .currently ol li a {
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	top: -2px;
}
#narrow-by-list dd ol li a {
	width: 100%;
}

/* Category / Search page filters & titles */
/* Multi-select icons updates */
div.block-layered-nav dd a.amshopby-attr,
div.block-layered-nav dd a.amshopby-attr:hover,
div.block-layered-nav li.amshopby-cat-multi a {
	background-image: url(/skin/frontend/nationaltiles/default/images/unchecked-box.png) !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
}
div.block-layered-nav dd a.amshopby-attr-selected,
div.block-layered-nav li.amshopby-cat-multiselected a {
	background-image: url(/skin/frontend/nationaltiles/default/images/checked-box.png) !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
}
.catalog-category-view .block-layered-nav #narrow-by-list dd ol li,
.catalogsearch-result-index .block-layered-nav #narrow-by-list dd ol li {
	font-size: 16px;
	line-height: 19px;
	margin: 0 0 10px;
	padding: 0 5px 0 0;
}
/* Multi-select icons updates End */

/* Category page filters and custom title issue */
.catalog-category-view .no-gutter.grid12-2 {
	width: 23%;
}
.catalog-category-view .block-content .currently ol li .multiselect-child,
.catalog-category-view .block-content .currently ol li .search-text {
	float: left;
	margin-right: 5px;
}
@media (max-width: 768px){
	.block-content .currently ol li {
		font-size: 24px;
	}
}
@media (min-width: 1025px){
	.catalog-category-view .block-layered-nav .block-title {
		display: none !important;
	}
}
/* Category page filters and custom title issue End */

/* Mega Menu Changes - Phase 1 */
.block_header_top_right2 .label {
	margin: 0 !important;
}
.desktop-container .row {
	margin-left: 0px;
	margin-right: 0px;
}
.desktop-container .logo-container img {
	width: 274px;
	height: auto;
}
.desktop-container .upper-row .grid12-12 {
	width: 100%;
}
.desktop-container #header-search {
	margin-left: 0px;
}
.desktop-container #header-nav .nav-holder .inner-container {
	padding-right: 0px;
}
.desktop-container #header-nav .nav-holder .inner-container .ms-megamenu .ms-submenu .ms-content {
	max-width: 1224px !important;
}
.megamenu-pc .ms-submenu .ms-featured {
	padding: 50px 0 50px !important
}
.megamenu-pc .ms-submenu .ms-featured .row .col-sm-12 {
	border-right: 1px solid #fff;
	padding: 0;
	min-height: 250px;
}
.megamenu-pc .ms-submenu .ms-featured .row .col-sm-12 h1 {
	color: #fff;
	font-family: 'GalanoGrotesque-SemiBold';
	font-size: 44px;
	padding: 0;
	position: relative;
	top: -20px;
}
.megamenu-pc .ms-submenu .ms-featured .row .col-sm-12 p {
	color: #dadada;
	font-family: 'worksans-regular';
	font-size: 16px;
	line-height: 1.125;
	margin-bottom: 10px;
	padding: 0 50px 0 0;
	position: relative;
	top: -20px;
}
.megamenu-pc .ms-submenu .ms-maincontent {
	padding: 40px 0px 50px 50px !important;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .dynamic-content .col-dynamic {
	border: 0 none;
	padding: 10px 0 0;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .dynamic-content .col-dynamic .col-xs-6 {
	padding: 0 0 0 50px;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-category {
	padding: 0;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-category .row .ms-category-dynamic-title {
	font-family: 'GalanoGrotesque-Medium';
	margin: 0 0 5px;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-level .col-xs-12.form-group a span {
	font-family: 'GalanoGrotesque-Bold';
	font-size: 15px;
	font-weight: inherit !important;
	line-height: 1;
}
.megamenu-pc .ms-submenu,
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-level .col-xs-12.form-group {
	background-color: #1A1A1A !important;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-level .col-xs-12.form-group {
	padding: 13px 0 15px !important;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-level .col-xs-12.form-group a .small {
	color: #dadada !important;
	opacity: 1;
	font-weight: normal !important;
	font-size: 100%;
	right: -10px;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-level .col-xs-12.form-group.active a {
	color: #ff5100 !important;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-level .col-xs-12.form-group.active a .small {
	color: #ff5100 !important;
	opacity: 1;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-dynamic a span {
	font-family: 'GalanoGrotesque-Medium';
	font-size: 18px !important;
	font-weight: inherit !important;
	line-height: 1;
}
.megamenu-pc .ms-submenu .ms-maincontent .ms-category-dynamic .col-dynamic a:hover span {
	color: #ff5100 !important;
	text-decoration: none;
}
/* Mega Menu Changes - Phase 1 End */

/* checkout success page */
.checkout-onepage-success .main,
.tp-signup-success-page-container .main,
.checkout-onepage-success .no-gutter.grid-col2-main,
.tp-signup-success-page-container .no-gutter.grid-col2-main,
.checkout-onepage-success .main .checkout-success-page-container,
.tp-signup-success-page-container .main .checkout-success-page-container {
  width: 100% !important;
}
.checkout-onepage-success .success-container,
.tp-signup-success-page-container .success-container {
  margin: 0 0 20px 0;
  padding: 80px 0;
  max-width: 100%;
  background: url(/media/wysiwyg/Banners/thank-you-page-banner.jpg) no-repeat 50% 50%/100% 100%;
}
.checkout-onepage-success .success-inner-container,
.tp-signup-success-page-container .success-inner-container {
  max-width: 1224px !important;
  position: relative;
  margin: 0 auto !important;
  float: none !important;
  padding: 0 !important;
  height: 240px;
  min-height: 300px;
}
.cms-trade-plus-registration-success-page .inner-container {
	padding: 0;
}
.checkout-onepage-success .breadcrumbs, .checkout-onepage-success .block-reorder,
.cms-trade-plus-registration-success-page .breadcrumbs,
.tp-signup-success-page-container .block-reorder {
  display: none;
}
.checkout-onepage-success .success-inner-container .message-block
.tp-signup-success-page-container .success-inner-container .message-block {
  height: 100%;
}
.checkout-onepage-success .thank-you-message-block {
  background: white;
  padding: 0 !important;
  height: 100%;
}
.checkout-onepage-success .thank-you-message-block .inner-block,
.tp-signup-success-page-container .thank-you-message-block .inner-block {
  padding: 10px 8%;
  overflow: hidden;
}
.checkout-onepage-success .thank-you-message-block p,
.checkout-onepage-success .thank-you-message-block .customer-name,
.tp-signup-success-page-container .thank-you-message-block p,
.tp-signup-success-page-container .thank-you-message-block .customer-name {
  padding: 10px 10px 5px;
  margin: 0px;
  font-size: 38px;
  line-height: 1;
  font-family: "GalanoGrotesque-SemiBold";
  color: #1A1A1A;
}
.checkout-onepage-success .thank-you-message-block .customer-name,
.tp-signup-success-page-container .thank-you-message-block .customer-name {
  text-transform: capitalize;
  padding: 0 10px;
}
.checkout-onepage-success .order-confirmation-block {
  background: #1A1A1A;
  padding: 0 !important;
  height: 100%;
}
.checkout-onepage-success .order-confirmation-block .inner-block,
.tp-signup-success-page-container .account-confirmation-block .inner-block {
  padding: 7% 10%;
}
.checkout-onepage-success .order-confirmation-block p {
  color: white;
  font-size: 20px;
}
.checkout-onepage-success .order-confirmation-block .order-email,
.tp-signup-success-page-container .account-confirmation-block .account-email {
  color: #ff5100;
  margin-left: 5px;
  word-wrap: break-word;
}
.checkout-onepage-success .order-confirmation-block p.para-1,
.tp-signup-success-page-container .account-confirmation-block p.para-1 {
  margin-bottom: 20px;
}
.tp-signup-success-page-container .account-confirmation-block .account-email {
  margin-left: 0px;
}
/* Below order services container */
.checkout-onepage-success .success-services-container,
.tp-signup-success-page-container .success-services-container {
  min-height: 300px;
  max-width: 1224px !important;
  position: relative;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important;
}
.checkout-onepage-success .order-services,
.tp-signup-success-page-container .account-services {
  padding: 0 !important;
}
.checkout-onepage-success .success-services-container .service,
.tp-signup-success-page-container .success-services-container .service {
  height: 100%;
  padding: 0 !important;
}
.success-services-container .success-svg {
  width: 100px;
  height: 100px;
  margin: 0 auto !important;
}
.checkout-onepage-success .success-services-container h5,
.tp-signup-success-page-container .success-services-container h4 {
  text-align: center;
  color: #1A1A1A;
  font-family: 'GalanoGrotesque-SemiBold';
}
.checkout-onepage-success .success-services-container p,
.tp-signup-success-page-container .success-services-container p {
  color: #1A1A1A;
  text-align: center;
  padding: 0 40px;
  margin: 0;
}
.checkout-onepage-success .success-services-container .login-details .links,
.tp-signup-success-page-container .success-services-container .login-details .links {
  background-color: #ff5100;
  display: block;
  width: 50%;
  height: 30px;
  margin: 0 auto 10px !important;
  text-transform: uppercase;
  font-family: 'GalanoGrotesque-Regular';
  color: white;
  text-align: center;
  font-size: 12px;
  padding-top: 3px;
}
.success-services-container .login-svg {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/checkout_success/Your_Account.svg) no-repeat;
}
.success-services-container .order-svg {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/checkout_success/Manage_order.svg) no-repeat;
}
.success-services-container .delivery-svg {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/checkout_success/Schedule_delivery.svg) no-repeat;
}
.success-services-container .tracking-svg {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/checkout_success/Track_order.svg) no-repeat;
}
@media (min-width: 981px) and (max-width: 1144px) {
  .checkout-onepage-success .thank-you-message-block p,
  .checkout-onepage-success .thank-you-message-block .customer-name,
  .tp-signup-success-page-container .thank-you-message-block p,
  .tp-signup-success-page-container .thank-you-message-block .customer-name {
    font-size: 34px;
  }
}
@media (min-width: 769px) and (max-width: 980px) {
  .checkout-onepage-success .thank-you-message-block p,
  .tp-signup-success-page-container .thank-you-message-block p {
    padding: 10px 0px 5px;
    font-size: 32px;
  }
  .checkout-onepage-success .thank-you-message-block .customer-name,
  .tp-signup-success-page-container .thank-you-message-block .customer-name {
    font-size: 32px;
    padding: 0;
  }
  .checkout-onepage-success .success-services-container .login-details .links,
  .tp-signup-success-page-container .success-services-container .login-details .links {
    width: 70%;
  }
}
@media (max-width: 768px) {
  .checkout-onepage-success .main .checkout-success-page-container,
  .tp-signup-success-page-container .main .checkout-success-page-container {
    width: 96%;
    margin: 0 auto 20px !important;
  }
  .checkout-onepage-success .success-container {
    padding: 0;
    margin: 0;
    background: none;
  }
  .checkout-onepage-success .col-right.sidebar.grid12-2.no-gutter,
  .tp-signup-success-page-container .col-right.sidebar.grid12-2.no-gutter {
    display: none;
  }
  .checkout-onepage-success .success-services-container .service,
  .checkout-onepage-success .success-inner-container .message-block,
  .tp-signup-success-page-container .success-services-container .service,
  .tp-signup-success-page-container .success-inner-container .message-block {
    float: left;
    width: 100%;
    height: auto !important;
  }
  .checkout-onepage-success .thank-you-message-block .inner-block,
  .tp-signup-success-page-container .thank-you-message-block .inner-block {
    text-align: center;
  }
  .checkout-onepage-success .order-confirmation-block .inner-block,
  .tp-signup-success-page-container .account-confirmation-block .inner-block {
    padding: 5% 5%;
  }
  .checkout-onepage-success .thank-you-message-block p,
  .checkout-onepage-success .thank-you-message-block .customer-name,
  .tp-signup-success-page-container .thank-you-message-block p,
  .tp-signup-success-page-container .thank-you-message-block .customer-name {
    font-size: 30px;
  }
}
/* checkout success page end */

/* Instagram load more button */
.cms-page-view.cms-instagram .entry-edit .paginate {
  text-align: center;
}
.cms-page-view.cms-instagram .entry-edit .paginate span.view-more {
  float: none;
  font-weight: 700 !important;
  border-width: 2px !important;
  color: #1A1A1A;
  padding: 0 25px !important;
  line-height: 48px !important;
  border-radius: 2px;
}
.cms-page-view.cms-instagram .entry-edit .paginate span.view-more:hover {
  background: #1A1A1A !important;
  color: #fff;
}
/* Instagram load more button end */

/* Left sidebar - category dropdown */
.catalog-category-view .no-gutter.grid12-2,
.catalogsearch-result-index .no-gutter.grid12-2 {
  width: 23%;
}
.catalog-category-view #narrow-by-list {
	padding: 0;
}
.catalog-category-view #narrow-by-list dt,
.catalogsearch-result-index #narrow-by-list dt {
	border-bottom: 1px solid #1A1A1A;
}
.catalogsearch-result-index .sidebar .category-dropdown {
	display: none;
}
.catalog-category-view .sidebar .category-dropdown {
  border: 1px solid #1A1A1A;
  padding: 5px;
  position: relative;
  background: white;
  margin-bottom: 10px;
}
.catalog-category-view .sidebar .category-dropdown .selected-nav-arrow img {
  height: 30px;
  width: 30px;
}
.catalog-category-view .sidebar .category-dropdown .selected-nav-arrow.active img {
  -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);        /* FF */
  -o-transform: rotate(180deg);          /* Opera */
  -ms-transform: rotate(180deg);         /* IE9 */
  transform: rotate(180deg);             /* W3C compliant browsers */
}
.catalog-category-view .sidebar .category-dropdown .selected-nav-arrow {
  display: inline-block;
  width: 15%;
}
.catalog-category-view .sidebar .category-dropdown .selected-nav-text {
  color: #1A1A1A;
  width: 85%;
  display: inline-block;
}
.catalog-category-view .sidebar .category-dropdown li::-ms-expand,
.catalogsearch-result-index .sidebar .category-dropdown li::-ms-expand {
  display: none;
}
.catalog-category-view .sidebar .category-dropdown li {
  cursor: pointer;
	font-family: 'GalanoGrotesque-SemiBold';
  font-size: 28px;
	height: auto;
	line-height: 22px;
  width: 100%;
  padding: 10px 0;
}
.catalog-category-view .sidebar .category-dropdown li a {
  color: #1A1A1A;
}
.catalog-category-view .sidebar .category-dropdown li a:hover {
  text-decoration: underline;
}
.catalog-category-view .sidebar .category-dropdown .nav-menu-list {
  display: none;
}
.catalog-category-view .sidebar .category-dropdown .nav-menu-list li.active {
  display: none !important;
}
@media (max-width: 768px) {
  .catalog-category-view .sidebar .category-dropdown,
  .catalogsearch-result-index .sidebar .category-dropdown {
    display: none;
  }
}
/* Left sidebar - category dropdown End*/

/* Header changes */
.desktop-container .logo-container .logo-wrapper .logo {
	left: -10px;
	position: relative;
}
.desktop-container .megamenu-pc li {
	margin-left: 65px;
}
/* Header changes End */

/* Mobile Header Redesign */
.header-regular .nt-bottom-links {
	display: none;
}
@media only screen and (max-width: 1024px){
	.header-regular .hp-blocks-holder {
		-webkit-box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
	}
	#top .mobile-bar td {
		border: 0 none;
		margin: 0;
		padding: 0;
	}
	#top .mobile-bar td.active {
		background-color: #fff;
	}
	#top .mobile-bar td.logo-holder {
		padding: 20px 0 20px 35px;
		width: auto;
	}
	.header-regular .logo--mobile {
		margin: 0;
		padding: 0;
		width: 146px;
	}
	#top .mobile-bar td.search-holder {
		padding: 20px 0;
		width: 28px;
	}
	#top .mobile-bar td.menu-holder {
		padding: 20px 30px 20px 20px;
		width: 28px;
	}
	#top .mobile-bar td .icon.ic {
		width: 28px;
	}
	#top .mobile-bar .sub-menu > li {
		min-height: 9999px;
	}
	.header-regular .nt-bottom-links {
		background-color: #fff;
		bottom: 0;
		-webkit-box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
		display: block;
		height: 75px;
		position: fixed;
		width: 100%;
		z-index: 99999;
	}
	.header-regular .nt-bottom-links table {
    table-layout: fixed;
		width: 100%;
	}
	.header-regular .nt-bottom-links table tr td {
		padding: 15px 10px;
		text-align: center;
		vertical-align: middle;
	}
	.header .item-right {
		float: none !important;
	}
	.header .dropdown .dropdown-heading {
		color: #1A1A1A;
		font-size: 11px;
		font-family: 'GalanoGrotesque-Medium';
		line-height: 1;
	}
	.header-regular .nt-bottom-links table tr td .block_header_top_right2.item,
	.header-regular .nt-bottom-links table tr td.nt-mini-cart div#mini-cart-wrapper-regular {
		margin: 0;
	}
	.header-regular .nt-bottom-links table tr td #block_header_mobile_top_right2 p.label {
		color: #1A1A1A !important;
	}
	.zopim,
	iframe#launcher.zEWidget-launcher,
	div#footer-shop {
		display: none !important;
	}
}
/* Mobile Header Redesign End */

/* Shop From Changes */
.location-svg-icon-hover {
  display: none;
}
/* Shop From Changes End*/

/* Mobile Header Sticky*/
@media (max-width: 1024px) {
  .header-regular .hp-blocks-holder {
    position: relative;
    background-color: #FFF;
  }
  .header-regular .hp-blocks-holder.fixed {
    position: fixed;
    top: 0;
  }
}
/* Mobile Header Sticky End*/

/*Compare and wishlist on category */
.products-grid .item .display-onhover {
  display: block;
}
.products-grid .add-to-links {
  margin: 0 auto !important;
}
.addto-links-icons.addto-onimage {
  width: 100%;
  position: absolute;
  top: 8px;
  padding: 0;
}
.addto-links-icons a.link-wishlist {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Favourites_Unselected.svg) no-repeat;
  position: absolute;
  left: 8px;
}
.addto-links-icons a.link-wishlist.added,
.addto-links-icons a.link-wishlist:hover {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Favourites_Active.svg) no-repeat;
  position: absolute;
  left: 8px;
}
.addto-links-icons a.link-compare {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Compare_Arrows.svg) no-repeat;
  position: absolute;
  right: 8px;
}
.addto-links-icons a.link-compare.added,
.addto-links-icons a.link-compare:hover {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Compare_Arrows_Selected.svg) no-repeat;
  position: absolute;
  right: 8px;
}
@media only screen and (max-width: 479px){
  .products-grid .item .add-to-links {
      display: block !important;
  }

  /* ECOM-912 */
  .products-grid.category-products-grid.hover-effect .item .add-to-links, .products-grid .item .add-to-links {
      display: block !important;
  }
  /* End of ECOM-912 */
}
/*Compare and wishlist on category end*/
.amlabel-table {
	z-index: 1 !important;
}

/* Trade plus registration success page */

.cms-trade-plus-registration-success-page .main-container {
  max-width: 100% !important;
}
.tp-signup-success-page-container .success-container {
  background: url(/media/wysiwyg/TradePlus/trade-plus-banner.jpg) no-repeat 50% 50%/100% 100%;
  margin-bottom: 50px;
}
.tp-signup-success-page-container .thank-you-message-block {
  padding: 0 !important;
  height: 242px;
  position: relative;
}
.tp-signup-success-page-container .thank-you-message-block .inner-block {
  background: #ff5100;
  height: 87%;
}
.tp-signup-success-page-container .thank-you-message-block .tp-banner-logo {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/trade-plus-svgs/Tradeplus-logo.svg) no-repeat;
  height: 50px;
  position: relative;
  left: 60%;
  width: 100px;
}
.tp-signup-success-page-container .thank-you-message-block p,
.tp-signup-success-page-container .thank-you-message-block .customer-name {
  color: #fff;
}
.tp-signup-success-page-container .thank-you-message-block .tp-dashed-strip {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/trade-plus-svgs/Dashed_border_big.svg) repeat;
  height: 4%;
}
.tp-signup-success-page-container .account-confirmation-block {
  background: #fff;
  padding: 0 !important;
  height: 240px;
}
.tp-signup-success-page-container .account-confirmation-block p {
  color: #1A1A1A;
  font-size: 20px;
  font-family: "GalanoGrotesque-SemiBold";
}
/* Below account services container */
.tp-signup-success-page-container .account-services .tp-services-row {
  margin: 0 0 20px;
}
.tp-signup-success-page-container .success-services-container .success-svg {
  width: 80px;
  height: 80px;
  margin: 0 auto !important;
}
.success-services-container h4 {
  padding: 0 40px;
}
.success-services-container .lower-price-svg {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/trade-plus-svgs/Lower_trade_prices.svg) no-repeat;
}
.success-services-container .installer-list-svg {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/trade-plus-svgs/Appply_installer_list.svg) no-repeat;
}
.success-services-container .account-savings-svg {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/trade-plus-svgs/Account_Savings.svg) no-repeat;
}
.success-services-container .reoccuring-products-svg {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/trade-plus-svgs/Reocurring_product_orders.svg) no-repeat;
}
@media (min-width: 1024px) {
  .tp-signup-success-page-container .success-container {
    background: url(/media/wysiwyg/TradePlus/trade-plus-banner-1280_1.jpg) no-repeat 50% 50%/100% 100%;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .tp-signup-success-page-container .success-container {
    background: url(/media/wysiwyg/TradePlus/trade-plus-banner-768_1.jpg) no-repeat 50% 50%/100% 100%;
  }
  .success-services-container h4 {
    padding: 0 20px;
  }
  .tp-signup-success-page-container .thank-you-message-block .tp-banner-logo {
    left: 45%;
    margin-bottom: 15px;
  }
  .tp-signup-success-page-container .thank-you-message-block p,
  .tp-signup-success-page-container .thank-you-message-block .customer-name {
    padding: 0;
  }
  .checkout-onepage-success .thank-you-message-block .inner-block,
  .tp-signup-success-page-container .thank-you-message-block .inner-block {
    padding: 10px;
  }
}
@media (min-width: 640px) and (max-width: 768px) {
  .tp-signup-success-page-container .thank-you-message-block .tp-banner-logo {
    left: 70%;
  }
}
@media (max-width: 768px) {
  .tp-signup-success-page-container .thank-you-message-block p,
  .tp-signup-success-page-container .thank-you-message-block .customer-name {
    padding: 0;
    text-align: left;
  }
  .tp-signup-success-page-container .account-confirmation-block .inner-block {
    width: 80%;
    margin: 0 auto;
  }
  .tp-signup-success-page-container .success-container {
    background: url(/media/wysiwyg/TradePlus/trade-plus-banner-480_1.jpg) no-repeat 50% 50%/100% 100%;
    height: 360px;
  }
  .success-services-container h4 {
    padding: 0 20px;
  }
  .tp-signup-success-page-container .thank-you-message-block,
  .tp-signup-success-page-container .account-confirmation-block {
    background: transparent;
  }
  .tp-signup-success-page-container .thank-you-message-block .inner-block {
    width: 34%;
    margin: 0 auto;
    background: #ff5100;
    height: 160px;
  }
  .tp-signup-success-page-container .account-confirmation-block .inner-block {
    background: #fff;
    width: 80%;
    margin: 0 auto;
  }
  .tp-signup-success-page-container .thank-you-message-block .tp-dashed-strip {
    height: 10px;
    width: 50%;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .tp-signup-success-page-container .thank-you-message-block .inner-block {
    width: 74%;
    margin: 0 auto;
    background: #ff5100;
    height: 160px;
  }
  .tp-signup-success-page-container .thank-you-message-block p {
    font-size: 28px;
  }
  .tp-signup-success-page-container .thank-you-message-block .tp-dashed-strip {
    width: 90%;
  }
}
/* Trade plus registration success page end */

/* ECOM-701 Afterpay fix implementation*/
.for-afterpay-price-calculate {
  border-top: 1px solid #1A1A1A;
}

.for-afterpay-price-calculate .special-price .price {
  display: none;
}

.afterpay-installment-text {
  font-family: 'worksans-regular';
}

.afterpay-more-info {
  float: right;
  position: relative;
  text-transform: uppercase;
  font-family: 'worksans-regular';
  font-size: 10px;
  color: #1A1A1A !important;
}

a.afterpay-what-is-modal-trigger {
  color: #1A1A1A;
}

.product-price-calculation-info .button-block {
  margin-top: 10px;
}
.method-afterpay_onetouch .afterpay-installment-text {
  margin: auto;
  display: inline;
}
.method-afterpay_onetouch .afterpay-more-info {
  top: 5px;
  right: 20%;
}
.method-afterpay_onetouch .afterpay-installments {
  display: inline;
  top: 10px;
  position: relative;
  text-align: center;
}
.method-afterpay_onetouch .afterpay-installments-price {
  font-weight: bolder;
}
.method-afterpay_onetouch .afterpay-logo {
  padding-top: 5px;
}
.method-afterpay_onetouch .afterpay-cart-page {
  width: 100%;
  float: left;
  margin-top: 10px;
}
@media (min-width: 768px) and (max-width: 860px) {
  .afterpay-more-info {
    float: left;
    width: 100%;
  }
  .product-price-calculation-info .button-block {
    margin-top: 20px;
  }
}
@media (max-width: 360px) {
  .afterpay-more-info {
    float: left;
    width: 100%;
  }
  .product-price-calculation-info .button-block {
    margin-top: 20px;
  }
}
/* ECOM-701 Afterpay fix implementation End*/

/* ECOM-710 - Cart page redesign & ECOM-778 - Cart contents on mobile */
.checkout-cart-index .page-title {
	padding: 50px 0 35px;
}
.checkout-cart-index .page-title h1 {
	font-size: 43px;
	text-align: left;
	text-transform: lowercase;
}
.checkout-cart-index .content .cart-table-wrapper {
	border: 0 none;
}
@media (min-width: 1025px){
	.checkout-cart-index .content {
		float: left;
		width: 70%;
	}
	.checkout-cart-index .sidebar {
		float: left;
		width: 30%;
	}
}
@media (min-width: 769px){
	.checkout-cart-index .content #shopping-cart-table .cart-items-header {
		border-bottom: 1px solid #1A1A1A;
		float: left;
		padding: 0 0 14px;
		width: 100%;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-header .cart-items-header-title {
		color: #1A1A1A;
		float: left;
		font-size: 14px;
		font-weight: normal;
		line-height: 19px;
		vertical-align: middle;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents {
		width: 100%;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .cart-items-contents-row {
		float: left;
		padding: 21px 0;
		width: 100%;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .cart-items-contents-item {
		color: #1A1A1A;
		float: left;
		font-size: 16px;
    line-height: 19px;
		width: auto;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-header .image,
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-image {
		padding-right: 10px;
		width: calc(17.5% - 10px);
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-header .description,
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-description {
		padding-right: 10px;
		width: calc(37.5% - 10px);
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-header .price,
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-price {
		padding-right: 10px;
		width: calc(11% - 10px);
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-header .qty,
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-qty {
		padding-right: 10px;
		width: calc(17.5% - 10px);
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-qty .qty {
		width: 62.5% !important;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-header .subtotal,
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-subtotal {
		padding-right: 10px;
		width: calc(11.5% - 10px);
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-header .remove,
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-remove {
		padding-right: 10px;
		text-align: center;
		width: calc(5% - 10px);
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .cell-labels {
		display: none;
	}
}
@media (max-width: 768px){
	.checkout-cart-index .content {
		padding: 0;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-header {
		display: none;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .cart-items-contents-row {
		float: left;
		padding: 14px 0;
		width: 100%;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-image {
		float: left;
		padding-right: 10px;
		width: 125px;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-description,
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-price,
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-qty,
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-subtotal {
		float: right;
		margin-top: 10px;
		width: calc(100% - 135px);
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .cell-labels {
		color: #1A1A1A;
		display: inline-block;
		min-width: 75px;
		text-transform: capitalize;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-qty .qty {
		width: 80px !important;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-remove {
		float: left;
		margin-top: 20px;
		width: 100%;
	}
	.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-remove .cell-labels {
		margin-left: 10px;
	}
}
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-description,
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-description .product-name,
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-description .unit-description,
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-price,
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-qty,
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-subtotal {
	color: #1A1A1A;
}
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-image .product-img {
	border: 0 none;
	border-radius: 0;
	height: auto;
	width: 100%;
}
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-description .product-name {
	font-family: 'GalanoGrotesque-SemiBold';
	font-size: 20px;
	line-height: 1;
}
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-description .item-options {
	font-size: 14px;
	margin: 5px 0 0 !important;
}
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-description .item-options dt {
	background: none;
	padding: 0 !important;
	width: 37.5%;
}
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-description .item-options dd {
	margin: 0 !important;
	padding: 0 !important;
	width: 62.5%;
}
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-description .item-options dd a {
	color: #ff5100;
	font-style: normal;
	text-decoration: underline;
}
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-qty .qty,
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-qty input.input-text:hover,
.checkout-cart-index .content #shopping-cart-table .cart-items-contents .col-qty input.input-text:focus {
	border: 1px solid #1A1A1A;
	color: #1A1A1A;
}
.checkout-cart-index .content #shopping-cart-table .cart-btns .button {
	background: none;
	border: 0 none;
	border-bottom: 1px solid #ff5100;
	color: #ff5100;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 3px 0;
}
.checkout-cart-index .content #shopping-cart-table .cart-btns a.button {
	line-height: 21px;
}
.checkout-cart-index .content #shopping-cart-table .cart-btns .button.btn-update {
	float: left !important;
	line-height: 24px;
	margin-left: 5%;
	padding: 0;
}
.checkout-cart-index .sidebar .box {
	border: 0 none;
	margin: 0 0 7px;
	padding: 14px 0 14px 28px;
}
@media (max-width: 1024px){
	.checkout-cart-index .sidebar .box {
		padding: 14px 0;
		width: 100%;
	}
}
.checkout-cart-index .sidebar .box h2,
.checkout-cart-index .sidebar .box .button,
.checkout-cart-index .sidebar .box #shopping-cart-totals-table {
	color: #1A1A1A;
}
.checkout-cart-index .sidebar .box .button.btn-proceed-checkout {
	background: #ff5100;
	color: #fff;
}
.checkout-cart-index .sidebar .box .discount h2,
.checkout-cart-index .sidebar .box .shipping h2 {
	font-family: 'GalanoGrotesque-SemiBold';
	font-size: 22px;
	line-height: 1.25;
}
.checkout-cart-index .sidebar .box .discount .input-text,
.checkout-cart-index .sidebar .box .shipping .input-text {
	border: 0 none;
	border-bottom: 1px solid #1A1A1A;
	font-family: 'GalanoGrotesque-Regular';
	font-size: 16px;
	line-height: 28px;
	padding: 0;
	max-width: 100%;
}
.checkout-cart-index .sidebar .box .discount .input-text.validation-failed {
	border: 0 none !important;
	border-bottom: 1px solid #1A1A1A !important;
}
.checkout-cart-index .sidebar .box input::-webkit-input-placeholder,
.checkout-cart-index .sidebar .box input::-moz-placeholder,
.checkout-cart-index .sidebar .box input:-moz-placeholder,
.checkout-cart-index .sidebar .box input:-ms-input-placeholder {
	color: #1A1A1A;
	opacity: 0.6;
}
.checkout-cart-index .sidebar .box input::placeholder {
	color: #1A1A1A;
	opacity: 0.6;
}
.checkout-cart-index .sidebar .box .discount .input-box .validation-advice {
	color: #ff5100;
	font-size: 14px;
	line-height: 1.25;
}
.checkout-cart-index .sidebar .box .discount .button,
.checkout-cart-index .sidebar .box .shipping .buttons-set .button {
	background-color: #ff5100;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 1;
	margin: 0;
	padding: 5px 0 9px;
	text-decoration: none;
	text-transform: uppercase;
	width: 36%;
}
.checkout-cart-index .sidebar .box .discount .button + .button {
	margin-top: 10px;
}
.checkout-cart-index .sidebar .box .shipping .buttons-set {
	float: right;
	width: 36%;
}
.checkout-cart-index .sidebar .box .shipping .buttons-set .button {
	width: 100%;
}
.checkout-cart-index .sidebar .box .discount .input-box,
.checkout-cart-index .sidebar .box .shipping .shipping-form ul.form-list {
	float: left;
	width: 61%;
}
.checkout-cart-index .sidebar .box .shipping .buttons-set {
	clear: none;
	float: right;
}
.checkout-cart-index .sidebar .box .button.btn-proceed-checkout {
	line-height: 66px;
	text-transform: inherit;
}
@media (max-width: 1024px) {
	.checkout-cart-index .box .button.btn-proceed-checkout {
		font-size: 26px;
	}
}
.checkout-cart-index .sidebar .box #shopping-cart-totals-table {
	font-size: 16px;
}
.checkout-cart-index .sidebar .box #shopping-cart-totals-table .tp-savings-row td {
	color: #ff5100;
	font-weight: bold;
}
.checkout-cart-index .sidebar .box .shipping .shipping-form .shipping-info-text, .checkout-cart-index .sidebar .box .shipping .shipping-form .shipping-info-text a {
  float: left;
  color: #1A1A1A !important;
}
/* ECOM-710 - Cart page redesign & ECOM-778 - Cart contents on mobile End */

/* ECOM-711 checkout page redesign */
.onestepcheckout-threecolumns ul.onestepcheckout-custom-options li {
  display: none;
}
.onestepcheckout-threecolumns .onestepcheckout-summary tbody .name {
  font-family: 'GalanoGrotesque-Medium';
}
#onestepcheckout-place-order {
  font-family: 'GalanoGrotesque-Regular';
}
@media (max-width: 1024px) {
	#onestepcheckout-place-order {
		font-size: 26px;
		line-height: 66px;
	}
}
.onestepcheckout-index-index .main-container {
	margin-top: 40px;
}
.onestepcheckout-index-index .page-title {
  text-align: center;
  margin: 0 0 20px;
  padding: 0 0 20px;
}
.onestepcheckout-index-index .page-title h1 {
  text-transform: lowercase;
}
#billing_address ul#billing_address_list .input-box label,
#billing_address ul#billing_address_list li#onestepcheckout-li-password label,
#shipping_address_list label {
  display: none;
}
#billing_address ul#billing_address_list .input-box label.id_create_account {
  display: block;
}
.onestepcheckout-index-index .onestepcheckout-threecolumns .input-text::placeholder {
  opacity: 0.6;
  color: #1A1A1A;
  font-family: 'GalanoGrotesque-Regular';
}
.onestepcheckout-index-index .onestepcheckout-threecolumns .input-text,
.onestepcheckout-index-index .onestepcheckout-threecolumns select {
  padding-left: 0 !important;
  color: #1A1A1A;
  max-width: 100%;
}
.onestepcheckout-index-index #onestepcheckout-form .checkout-header #sociallogin_button {
  display: none;
}
#onestepcheckout-form .button.continue {
  border: none;
  text-decoration: underline;
  color: #ff5100;
  padding: 0 0 0 5px;
}
#onestepcheckout-form .button.continue:hover {
  background: none;
  border: none;
  padding: 0 0 0 5px;
  text-decoration: underline;
  color: #ff5100;
}
#onestepcheckout-form .continue-shopping-link {
  color: #1A1A1A;
}
.onestepcheckout-threecolumns .shipment-methods .delivery-text {
  font-family: 'GalanoGrotesque-Medium';
  color: #1A1A1A;
}
.onestepcheckout-threecolumns .payment-methods ul.form-list:before,
.onestepcheckout-threecolumns .payment-methods fieldset ul:before,
.onestepcheckout-threecolumns .gift-box:before,
.onestepcheckout-threecolumns #ddatewrap:before {
  display: none !important;
}
.onestepcheckout-index-index .checkout-header-container {
  float: left;
  width: 100%;
  position: relative;
}
#billing_address_list .clearfix-4,
#billing_address_list .clearfix-5,
#shipping_address_list .clearfix-4,
#shipping_address_list .clearfix-5 {
  width: 50%;
  float: left;
}
.onestepcheckout-index-index .onestepcheckout-threecolumns div.input-country,
.onestepcheckout-index-index .onestepcheckout-threecolumns div.input-city {
  width: 100%;
}
.onestepcheckout-index-index .validation-failed {
  border: 0 none !important;
  border-bottom: 1px solid #1A1A1A !important;
}
.onestepcheckout-index-index .validation-advice {
  color: #ff5100;
  font-family: 'worksans-regular';
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-align: left;
}
.onestepcheckout-index-index .clearfix-7 {
  margin-bottom: 20px !important;
}
.onestepcheckout-threecolumns li.shipping-address-title {
  color: #1A1A1A;
  margin: 15px 0 !important;
  text-transform: none !important;
  font-weight: 600 !important;
}
.onestepcheckout-threecolumns #checkout-payment-method-load #payment_form_ewayrapid_notsaved label {
  display: none;
}
#collectinstore-search #address-search-submit:hover {
  background: #ff5100;
  color: #fff;
}
.message-maximum-car-load p {
  color: #1A1A1A;
}
.onestepcheckout-totals .tp-savings-row td {
	color: #ff5100;
	font-weight: bold;
}
@media (max-width: 768px) {
  .onestepcheckout-index-index .checkout-header {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  .onestepcheckout-index-index .page-title {
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  #billing_address_list .clearfix-4,
  #billing_address_list .clearfix-5,
  #shipping_address_list .clearfix-4,
  #shipping_address_list .clearfix-5 {
    float: left;
    width: 100%;
  }
}
/* checkout page redesign end*/

/*Compare and wishlist on category */
.products-grid .item .display-onhover {
  display: block;
}
.products-grid .add-to-links {
  margin: 0 auto !important;
}
.addto-links-icons.addto-onimage {
  width: 100%;
  position: absolute;
  top: 8px;
  padding: 0;
}
.addto-links-icons a.link-wishlist {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Favourites_Unselected.svg) no-repeat;
  position: absolute;
  left: 8px;
}
.addto-links-icons a.link-wishlist.added,
.addto-links-icons a.link-wishlist:hover {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Favourites_Active.svg) no-repeat;
  position: absolute;
  left: 8px;
}
.addto-links-icons a.link-compare {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Compare_Arrows.svg) no-repeat;
  position: absolute;
  right: 8px;
}
.addto-links-icons a.link-compare.added,
.addto-links-icons a.link-compare:hover {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Compare_Arrows_Selected.svg) no-repeat;
  position: absolute;
  right: 8px;
}
/*Compare and wishlist on category end*/

/* ECOM-164 Configurable product view */
.catalog-product-view .product-options dd {
  display: block;
  padding: 0;
  margin: 5px;
}
.catalog-product-view .product-options dt {
  height: 36px;
  width: 25%;
  float: left;
  margin-right: 10px;
}
.catalog-product-view .product-options dt label {
  vertical-align: middle;
  font-weight: normal;
}
.catalog-product-view .product-options dt label.required em,
.catalog-product-view .product-options dt span.amconf-label,
.catalog-product-view .product-options .amconf-image-title {
  display: none !important;
}
.catalog-product-view .product-view .container2-wrapper #product-options-wrapper .input-box select {
  padding: 0;
}
.catalog-product-view .container2-wrapper {
  border: none;
}
.catalog-product-view .product-options .amconf-image-container {
  width: 30px !important;
  margin-right: 10px;
  min-height: 34px;
}
.catalog-product-view .product-options .amconf-image {
  margin: 0;
  border: none;
  border-radius: 50%;
}
.catalog-product-view .product-options .amconf-image-selected {
  border: 2px solid #000;
  border-radius: 50%;
		width: 26px;
}
.catalog-product-view .product-view .container2-wrapper #product-options-wrapper {
  position: relative;
}
.catalog-product-view .product-view .container2-wrapper #product-options-wrapper .input-box select {
  width: 185px;
}
.product-view .product-options-bottom .button#product-addtocart-button {
  background: #ff5100;
  border: none;
  width: 100%;
  font-size: 36px;
  text-transform: none;
  height: 73px;
  font-family: 'GalanoGrotesque-SemiBold';
  padding-bottom: 12px;
  color: #ffffff;
}
.product-view .container2-wrapper, .product-view .product-options {
  padding: 0;
  margin: 0;
}
.product-shop .product-options-bottom {
  margin-bottom: 20px;
}
.product-shop .product-options-bottom .price-block .total-cost {
  display: none;
}
.product-view #product-options-wrapper .validation-failed {
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Sizing_Dropdown_Arrow.svg") 95% / 14% no-repeat #fff !important;
}
.product-view #product-options-wrapper .validation-advice {
  position: absolute;
  left: 0;
  bottom: -40px;
}
/* ECOM-164 Configurable product view end */

/* Desktop header requires shadow and page container requires top margin */
@media only screen and (min-width: 1025px){
	.header-regular .header-container3 {
		-webkit-box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
	}
}
/* Desktop header requires shadow and page container requires top margin */

/* Slim Header Menu for Desktop */
@media only screen and (max-width: 1024px){
  .header-regular .header-container3.fixed .desktop-container .mini-logo {
    display: none;
  }
}
@media only screen and (min-width: 1025px){
  .header-regular .header-container3 .desktop-container .mini-logo {
    display: none;
  }
  .header-regular .header-container3 {
    position: relative;
  }
  .header-regular .header-container3.fixed {
    position: fixed;
		top: 0;
  }
  .cms-home .header-regular .header-container3.fixed {
    -webkit-box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
  }
	.header-regular .header-container3.fixed .block_header_top_right2.item {
		margin: 20px 20px 0;
	}
	.header-regular .header-container3.fixed .desktop-container .logo-container .logo-wrapper .logo,
	.header-regular .header-container3.fixed .block_header_top_right2 .label {
		display: none;
	}
	.header-regular .header-container3.fixed .desktop-container .upper-row {
		margin-bottom: 0 !important;
	}
	.header-regular .header-container3.fixed .desktop-container .mini-logo {
		float: left;
		margin-right: 2%;
		width: 13%;
	}
	.header-regular .header-container3.fixed .desktop-container .mini-logo a {
		cursor: pointer;
	}
	.header-regular .header-container3.fixed .desktop-container .mini-logo a span {
		background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Stickynav_NationalTiles_Icon.svg) no-repeat;
		display: block;
		height: 37px;
		width: 37px;
	}
	.header-regular .header-container3.fixed .desktop-container #header-search {
		clear: none !important;
		float: left;
		width: 85%;
	}
	.header-regular .header-container3.fixed #algolia-searchbox .algolia-search-input {
		width: 245px;
	}
	.header-regular .header-container3.fixed .ms-topmenu .ms-level0 {
		height: 55px !important;
	}
}
/* Slim Header Menu for Desktop end */

/*PDP Trustpilot reviews*/
.trustpilotreviews-product-reviews{
  display: none;
}
/*PDP Trustpilot reviews end*/

/* ECOM-743 minor issue on cart page */
@media (max-width: 360px) {
  .checkout-cart-index .page-title h1 {
    font-size: 24px;
  }
}
@media (min-width: 361px) and (max-width: 540px) {
  .checkout-cart-index .page-title h1 {
    font-size: 29px;
  }
}
/* ECOM-743 minor issue on cart page end */

/* ECOM-789 - CMS Block / Page paragraph - readmore breakline */
.read-more,
.show-less {
	color: #ff5100;
	cursor: pointer;
}
.read-more-content {
	display: none;
}
.primary-content p,
.read-more-content p {
	margin: 0 0 10px;
}
.category-description h1 {
	margin: 0 0 10px;
	padding: 0;
}
/* ECOM-789 - CMS Block / Page paragraph - readmore breakline */

/* ECOM-777 - Afterpay payment summary should be centered */
#payment_form_afterpaypayovertime .instalments {
	padding: 0 20%;
	width: 60%;
}
#payment_form_afterpaypayovertime .instalments .header-text {
	text-align: center;
}
/* ECOM-777 - Afterpay payment summary should be centered end */

/* ECOM-833 - Reposition large zoom image so that [x] is not beyond top of browser window */
.fancybox-overlay .fancybox-wrap {
	margin-top: 20px !important;
}
/* ECOM-833 - Reposition large zoom image so that [x] is not beyond top of browser window end */

/* ECOM-788 PDP - thumbnail list */
.product-view .more-views .MagicScrollArrows {
  background: url(/skin/frontend/nationaltiles/default/images/SVG/Next_Arrow_Right.svg) no-repeat;
  width: 25px;
  height: 25px;
}
.product-view .more-views .MagicScrollArrowPrev {
  transform: rotate(180deg);
}
.product-view .holder {
  margin-top: 20px;
}
.product-view .caroufredsel_wrapper a {
  opacity: 0.6;
}
.product-view .caroufredsel_wrapper a.active {
  opacity: 1;
}
.product-view .caroufredsel_wrapper div#amasty_gallery {
  position: relative !important;
  width: auto !important;
}
@media (min-width: 769px) {
  .product-view .caroufredsel_wrapper div#amasty_gallery {
    text-align: center !important;
    left: 0 !important;
  }
  .product-view .caroufredsel_wrapper a {
    margin-right: 0 !important;
  }
}
@media (max-width: 768px) {
  .product-view .caroufredsel_wrapper div#amasty_gallery.carouselFix {
    text-align: center !important;
    left: 0 !important;
  }
}
@media (max-width: 376px) {
  .product-view .caroufredsel_wrapper div#amasty_gallery,
  .product-view .caroufredsel_wrapper div#amasty_gallery.carouselFix {
    text-align: center !important;
    left: 0 !important;
  }
}
/* ECOM-788 PDP - thumbnail list end */

/* ECOM-843 PDP - Hover issue on Product Zoom */
.zoomContainer {
    overflow: hidden;
}
/* ECOM-843 PDP - Hover issue on Product Zoom end */

/* ECOM-669 & ECOM-670 */
.currency-symbol {
	font-family: 'GalanoGrotesque-Regular' !important;
}
.cents-price {
	margin-left: -5px !important;
}
.catalog-product-view .cents-price,
.checkout-cart-index .cents-price {
	margin-left: -3px !important;
}
.trade-club-price .cents-price {
	margin-left: 0px !important;
}
.catalog-product-view .trade-club-price .cents-price {
	margin-left: 0px !important;
}
.catalog-product-view .panel .price-container .trade-club-price .cents-price,
.catalog-product-view .price-container .product-addto-info .cents-price,
.catalog-product-view .price-container .special-price .cents-price {
	margin-left: -10px !important;
}
@media (max-width: 1024px) {
	.catalog-product-view .panel .price-container .trade-club-price .cents-price,
	.catalog-product-view .price-container .product-addto-info .cents-price,
	.catalog-product-view .price-container .special-price .cents-price {
		margin-left: -5px !important;
	}
}
/* ECOM-669 & ECOM-670 end */

/* ECOM-631 B2L audit feedback */
.catalog-product-view .main.container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.catalog-product-view .product-view .holder .product-view-wrapper,
.catalog-product-view .product-view .holder .holder,
.catalog-product-view .additional-blocks {
  max-width: 1224px;
  width: 100%;
  margin: 0 auto;
}
#itemslider-related-multi .owl-controls .owl-buttons,
#itemslider-upsell .owl-controls .owl-buttons {
	top: 45% !important;
	width: 100%;
}
#itemslider-related-multi .owl-controls .owl-buttons,
#itemslider-upsell .owl-controls .owl-buttons {
	position: absolute;
}
#itemslider-related-multi .owl-controls .owl-buttons .owl-prev,
#itemslider-upsell .owl-controls .owl-buttons .owl-prev {
	background-position: -10px -10px;
	left: -30px;
	font-size: 90px;
	position: absolute;
}
#itemslider-related-multi .owl-controls .owl-buttons .owl-next,
#itemslider-upsell .owl-controls .owl-buttons .owl-next {
	background-position: -60px -10px;
	right: -20px !important;
	font-size: 90px;
	position: absolute;
}
@media (max-width: 768px) {
  #itemslider-related-multi .owl-controls .owl-buttons .owl-next,
  #itemslider-upsell .owl-controls .owl-buttons .owl-next {
    right: -2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #itemslider-related-multi .owl-controls .owl-buttons div,
  #itemslider-upsell .owl-controls .owl-buttons div {
    top: -15px;
  }
  #itemslider-related-multi .owl-controls .owl-buttons .owl-next,
  #itemslider-upsell .owl-controls .owl-buttons .owl-next {
    right: -2px !important;
  }
}
@media (min-width: 1024px) {
  #itemslider-related-multi .owl-controls .owl-buttons .owl-next,
  #itemslider-upsell .owl-controls .owl-buttons .owl-next {
    right: 0px !important;
  }
}
@media (min-width: 1280px) {
  #itemslider-related-multi .owl-controls .owl-buttons .owl-next,
  #itemslider-upsell .owl-controls .owl-buttons .owl-next {
    right: -20px !important;
  }
}
@media (min-width: 1440px) {
  #itemslider-related-multi .owl-controls .owl-buttons .owl-prev,
  #itemslider-upsell .owl-controls .owl-buttons .owl-prev {
    left: -80px;
  }
  #itemslider-related-multi .owl-controls .owl-buttons .owl-next,
  #itemslider-upsell .owl-controls .owl-buttons .owl-next {
    right: -45px !important;
  }
}
/* ECOM-631 B2L audit feedback end */

/* ECOM-835 - In Category page, when no options left, dropdown appears twice */
.category-dropdown ~ .category-dropdown {
	display: none;
}
/* ECOM-835 - In Category page, when no options left, dropdown appears twice end */

/* ECOM-631 B2L Audit feedback / ECOM-688 */
.catalog-product-view .col-main {
	margin-bottom: 0;
}
.catalog-product-view #product_addtocart_form {
	margin: 0;
	padding: 0;
}
.catalog-product-view .itemslider {
	margin-bottom: 0;
}
.catalog-product-view .main.container .inner-container {
	padding: 0 !important;
}
.catalog-product-view .main.container .inner-container .product-view .holder .product-view-wrapper,
.catalog-product-view .main.container .inner-container .product-view .holder .holder {
	padding: 0 12px !important;
	width: calc(100% - 24px);
}
.catalog-product-view .additional-blocks-wrapper-1 {
	background-color: #FFFFFF;
	float: left;
	width: 100%;
}
.catalog-product-view .additional-blocks-wrapper-2 {
	background-color: #EAEBEC;
	float: left;
	width: 100%;
}
.catalog-product-view .additional-blocks-wrapper .additional-blocks {
	width: calc(100% - 24px);
}
.catalog-product-view .box-additional > h3,
.catalog-product-view .box-additional h3.emarsys-recommend-title {
	border-bottom: 0 none;
	font-family: 'GalanoGrotesque-SemiBold';
	font-size: 33px;
	line-height: 36px;
	padding: 0 0 20px !important;
}
.catalog-product-view .product-view .box-additional {
	margin: 0 !important;
	padding: 50px 0 !important;
	float: left;
	width: 100%;
}
.catalog-category-view .box-category-products,
.catalogsearch-result-index .box-category-products {
  float: left;
  width: 100%;
  margin: 25px 0 0 !important;
  padding: 20px 0 10px !important;
  border-top: 2px solid #a1a1a1;
}
@media (max-width: 1024px) {
  .catalog-category-view .box-category-products,
  .catalogsearch-result-index .box-category-products,
	.catalog-product-view .product-view .box-additional	{
		padding: 30px 0 66px !important;
	}
	.catalog-product-view .product-view .box-additional.box-also-bought-products	{
		padding: 30px 0 86px !important;
	}
}
/* ECOM-631 B2L Audit feedback / ECOM-688 end */

/* ECOM-911 Telephone number with country code */
.intl-tel-input {
  display: block !important;
}
.onestepcheckout-threecolumns .input-telephone .phone-textbox {
  float: left;
  width: 100% !important;
}
.onestepcheckout-threecolumns .intl-tel-input.allow-dropdown .flag-container {
  top: 16px;
  position: relative;
}
.onestepcheckout-threecolumns .intl-tel-input .country-list {
  top: 20px;
}
@media (min-width: 768px) and (max-width: 1440px) {
  .onestepcheckout-threecolumns .intl-tel-input .country-list {
    width: 400px;
  }
}
.addressbook-telephone,
.addressbook-telephone .input-box {
  overflow: visible !important;
}
.addressbook-telephone .flag-container {
  height: 36px !important;
  top: 25px !important;
}
.addressbook-telephone .intl-tel-input .country-list li {
  margin-bottom: 0px;
}
.addressbook-telephone,
.addressbook-telephone .input-box {
  overflow: visible !important;
}
.addressbook-telephone .flag-container {
  height: 36px !important;
  top: 25px !important;
}
/* ECOM-911 Telephone number with country code end*/

/* ECOM-848 */
.customer-address-form select#region_id,
.customer-address-form select#preferred_store {
	padding-top: 2px;
}
.customer-address-form select#country {
	padding-top: 0px;
}
/* End */

/* ECOM-913 add wishlist and compare pdp */
.catalog-product-view .addto-links-icons a .label:hover {
  color: #ff5100;
}
.catalog-product-view .addto-links-icons .col-divide {
  width: 50%;
  float: left;
  margin-bottom: 10px;
}
.catalog-product-view .addto-links-icons a {
  float: left;
  width: 100%;
  text-align: center;
}
.catalog-product-view .addto-links-icons a.link-wishlist {
  left: 0;
  background: none;
}
.catalog-product-view .addto-links-icons a.link-compare {
  right: 0;
  background: none;
}
.catalog-product-view .addto-links-icons a.link-wishlist span {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Favourites_Unselected.svg) no-repeat;
  padding-left: 30px;
}
.catalog-product-view .addto-links-icons a.link-wishlist span:hover,
.catalog-product-view .addto-links-icons a.link-wishlist.added span {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Favourites_Active.svg) no-repeat;
  padding-left: 30px;
}
.catalog-product-view .addto-links-icons a.link-compare span {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Compare_Arrows.svg) no-repeat;
  padding-left: 30px;
}
.catalog-product-view .addto-links-icons a.link-compare span:hover,
.catalog-product-view .addto-links-icons a.link-compare.added span {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Compare_Arrows_Selected.svg) no-repeat;
  padding-left: 30px;
}
.catalog-product-view .addto-links-icons a .label,
.catalog-product-view .addto-links-icons .link-compare {
  margin: 0;
}
.catalog-product-view .addto-links-icons a.added span {
  color: #ff5100;
}
/* ECOM-913 add wishlist and compare pdp end */

/* ECOM-767 - hide "today" */
.onestepcheckout-index-index div.calendar tr.headrow td[colspan="3"] div{
  display: none;
}
/* ECOM-767 - hide "today" end*/

/* ECOM-923 phone validation on registration forms */
.standard-registration-page .registration-form.fields .field-telephone {
  overflow: visible !important;
  float: right;
  margin-right: 6px;
}
.standard-registration-page .registration-form.fields .flag-container {
  height: 36px !important;
  top: 0px !important;
}
@media (max-width: 768px) {
  .standard-registration-page .registration-form.fields .field-telephone {
    margin-right: 0px;
  }
}
/* ECOM-923 phone validation on registration forms end*/

/* ECOM-953 - Drupal search page on Magento search results not display correctly */
.cms-page-view.cms-industry-professionals-architectural-collection .col2-right-layout .col-main {
	width: 100% !important;
}
/* ECOM-953 - Drupal search page on Magento search results not display correctly end */

/* ECOM-641 - rollover state is an orange box around arrow  */
span.right-arrow-product-tile {
	background-image: url("/skin/frontend/nationaltiles/default/images/SVG/Product_Arrow_New.svg");
	width: 35px;
	height: 35px;
	float: right;
	margin: -10px -5px;
}
.scarab-item:hover span.right-arrow-product-tile,
.products-grid.category-products-grid .item:hover span.right-arrow-product-tile,
#itemslider-upsell .owl-item:hover span.right-arrow-product-tile,
.itemslider-upsell-wrapper .products-grid .item:hover span.right-arrow-product-tile {
	background-image: url("/skin/frontend/nationaltiles/default/images/SVG/Product_Arrow_Rollover.svg");
}
/* ECOM-641 - rollover state is an orange box around arrow end */

/* ECOM-1035 - Mobile issues */
@media (max-width: 767px){
	.footer .subscribe-block .subscribe-block-content span {
		display: block;
		margin-bottom: 30px;
	}
}
/* ECOM-1035 - Mobile issues end */

/* ECOM-1079 - Emarsys: Web Recommend on Cart */
@media (min-width: 1200px) {
	.checkout-cart-index .main.container {
		max-width: 100%;
		width: 100%;
	}
}
.checkout-cart-index .main.container .inner-container {
	padding: 0;
}
.checkout-cart-index .main.container .inner-container .page-title,
.checkout-cart-index .main.container .inner-container .messages,
.checkout-cart-index .main.container .inner-container .cart-content,
.checkout-cart-index .main.container .inner-container .cart-empty {
	margin: 0 auto;
	padding: 0 12px;
	width: 1200px;
}
.checkout-cart-index .main.container .inner-container .cart-emarsys-container {
	background-color: #EAEBEC;
	float: left;
	margin: 25px 0 0;
	width: 100%;
}
.checkout-cart-index .main.container .inner-container .cart-emarsys-container .cart-emarsys-wrapper {
	margin: 0 auto;
	max-width: 1224px;
	width: calc(100% - 24px);
}
.checkout-cart-index .main.container .inner-container .cart-emarsys-container .cart-emarsys-data {
	float: left;
	margin: 0;
	padding: 30px 0;
	width: 100%;
}
.checkout-cart-index .main.container .inner-container .cart-emarsys-container .cart-emarsys-data h3.emarsys-recommend-title {
	border-bottom: 0 none;
	font-family: 'GalanoGrotesque-SemiBold';
	font-size: 33px;
	line-height: 36px;
	padding-right: 0 !important;
	padding-top: 0 !important;
}
@media (max-width: 1024px) {
	.checkout-cart-index .main.container .inner-container .page-title,
	.checkout-cart-index .main.container .inner-container .messages,
	.checkout-cart-index .main.container .inner-container .cart-content,
	.checkout-cart-index .main.container .inner-container .cart-empty {
		width: calc(100% - 24px);
	}
	.checkout-cart-index .main.container .inner-container .cart-emarsys-container .cart-emarsys-data {
		padding: 30px 0 66px;
	}
}
/* ECOM-1079 - Emarsys: Web Recommend on Cart end */

/* ECOM-1031 - Category page - Margin required between image and header */
.catalog-category-view .amshopby-page-container .category-image {
	margin-bottom: 20px !important;
}
/* ECOM-1031 - Category page - Margin required between image and header end */

/* ECOM-1133 - Samples / trades orders should not allow delivery notes*/
.sample-trade-delivery-text {
  float: left;
}
@media (max-width: 1024px) {
  .sample-trade-delivery-text {
    text-align: left;
  }
}
/* ECOM-1133 - Samples / trades orders should not allow delivery notes end*/

/* ECOM-1126 - configurable on category page */
.category-products-grid .configurable-product-ranges {
  font-size: 12px;
  font-family: 'GalanoGrotesque-Medium';
  top: 45px;
  position: absolute;
  right: 12px;
}
/* ECOM-1126 - configurable on category page end */

/* ECOM-1384 - Insider notification affects top text slider */
.header-container.hasInsiderContent {
  height: 224px;
}
@media (max-width: 1024px) {
  .header-container.hasInsiderContent {
    height: 118px;
  }
}
/* ECOM-1384 - Insider notification affects top text slider end */

/* ECOM-1398 - Emarsys Web Widget - category / search results / cart page */
.checkout-cart-index .main-container > *:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .checkout-cart-index .main-container > *:last-child {
    margin-bottom: 0;
  }
}
/* ECOM-1398 - Emarsys Web Widget - category / search results / cart page */

/* ECOM-1319 - Reset password: minor styling fixes */
.customer-account-changeforgotten .main.container {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}
.customer-account-changeforgotten .input-box {
  width: 92% !important;
  overflow: hidden;
  float: none;
  margin: 0 auto 9px;
}
.customer-account-changeforgotten .input-box input {
  width: 100%;
  margin: auto;
  border: none;
  border-bottom: 1px solid #1A1A1A;
  box-sizing: border-box;
  font-size: 14px;
  height: 35px;
  max-width: 100%;
  line-height: 1;
  padding: 5px 0;
  color: #1A1A1A;
  border-radius: 0px !important;
  font-family: 'worksans-regular';
  font-weight: normal;
}
.customer-account-changeforgotten .input-box input::-webkit-input-placeholder,
.customer-account-changeforgotten .input-box input::-moz-placeholder,
.customer-account-changeforgotten .input-box input:-moz-placeholder,
.customer-account-changeforgotten .input-box input:-ms-input-placeholder {
color: #1A1A1A;
opacity: 0.6;
}
.customer-account-changeforgotten .input-box input::placeholder {
  color: #1A1A1A;
  opacity: 0.6;
}
.customer-account-changeforgotten .actions {
text-align: center;
}
.customer-account-changeforgotten .actions .button {
  background: #ff5100 !important;
  border: 0 none;
  font-family: 'GalanoGrotesque-SemiBold';
  font-size: 22px !important;
  font-weight: normal;
  color: #fff !important;
  width: 240px;
  padding: 0 25px 5px !important;
  border-radius: 0px !important;
  text-transform: none !important;
  float: none !important;
}
.customer-account-changeforgotten p.required {
  text-align: left;
  padding: 1px 20px 10px;
  color: #ff5100;
}
/* ECOM-1319 - Reset password: minor styling fixes end */

/* ECOM-1488 - Add to Compare and Add to Wishlist affected by Price Guarantee popup */
.wishlist-index-index .my-account .my-wishlist #wishlist-table .price-container .lpg-section-container {
  display: none;
}
.wishlist-index-index .my-account .my-wishlist #wishlist-table .price-container .trade-club-price .trade-club-price-value sup,
.wishlist-index-index .my-account .my-wishlist #wishlist-table .price-container .price-box sup {
  font-size: 14px !important;
  margin: 0 !important;
  vertical-align: unset !important;
}
.wishlist-index-index .my-account .my-wishlist #wishlist-table .price-container .price-box .old-price sup::before {
  content: ".";
}
.wishlist-index-index .my-account .my-wishlist #wishlist-table .price-container .trade-club-price .trade-club-price-value .price-no-dot,
.wishlist-index-index .my-account .my-wishlist #wishlist-table .price-container .price-box .price-no-dot {
  margin: 0 !important;
  visibility: visible !important;
}
.wishlist-index-index .my-account .my-wishlist #wishlist-table .price-container .price-box .product-addto-info .price-block {
  float: unset !important;
  text-align: unset !important;
  width: auto !important;
}
.wishlist-index-index .my-account .my-wishlist #wishlist-table .price-container .price-box .product-addto-info .unit {
  text-transform: uppercase;
}
.wishlist-index-index .my-account .my-wishlist #wishlist-table .price-container .price-box .special-price .price-label {
  font-size: 14px !important;
  font-weight: normal !important;
}
/* ECOM-1488 - Add to Compare and Add to Wishlist affected by Price Guarantee popup end */

/* ECOM-1506 - i=Change: 4. CMS Block near footer */
.footer-iChange-container {
  float: left;
  max-width: 100%;
  width: 100% !important;
}
.footer-iChange-container .iChange-data {
  max-width: 1224px;
  margin: 0 auto;
}
.footer-iChange-container .iChange-data .iChange-data-desktop {
  cursor: pointer;
  max-width: 1497px;
  margin: 0 auto;
}
.footer-iChange-container .iChange-data .iChange-data-mobile {
  cursor: pointer;
  max-width: 414px;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .footer-iChange-container .iChange-data .iChange-data-desktop {
    display: block;
  }
  .footer-iChange-container .iChange-data .iChange-data-mobile {
    display: none;
  }
}
@media (max-width: 1024px) {
  .footer-iChange-container .iChange-data .iChange-data-desktop {
    display: none;
  }
  .footer-iChange-container .iChange-data .iChange-data-mobile {
    display: block;
  }
}
.iChange-link-modal-container {
  float: left;
  margin: 15px 0 0;
  width: 100%;
}
.checkout-cart-index .iChange-link-modal-container,
.onestepcheckout-index-index .iChange-link-modal-container {
  margin: 15px 0;
}
.iChange-link-modal-container .iChange-link-modal-container-text {
  float: left;
  width: 100%;
}
.catalog-product-view .iChange-link-modal-container .iChange-link-modal-container-text .modal-open {
  cursor: pointer;
}
.catalog-product-view .iChange-link-modal-container .iChange-link-modal-container-text .modal-open img {
  position: relative;
  top: 5px !important;
  margin: 0 5px;
}
.catalog-product-view .iChange-link-modal-container .iChange-link-modal-container-text .modal-open .underlined-link {
  text-decoration: underline;
}
.checkout-cart-index .iChange-link-modal-container .iChange-link-modal-container-text .iChange-link-modal-container-info-text1,
.onestepcheckout-index-index .iChange-link-modal-container .iChange-link-modal-container-text .iChange-link-modal-container-info-text1 {
  float: left;
  font-size: 14px;
  font-weight: bold;
  width: 75%;
}
.checkout-cart-index .iChange-link-modal-container .iChange-link-modal-container-text .iChange-link-modal-container-info-text2,
.onestepcheckout-index-index .iChange-link-modal-container .iChange-link-modal-container-text .iChange-link-modal-container-info-text2 {
  cursor: pointer;
  float: left;
  text-align: right;
  width: 25%;
}
.footer-iChange-container .modalDialog.iChangeModal,
.iChange-link-modal-container .modalDialog.iChangeModal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999999999 !important;
  display: none;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
}
.onestepcheckout-index-index .footer-iChange-container .modalDialog.iChangeModal,
.onestepcheckout-index-index .iChange-link-modal-container .modalDialog.iChangeModal {
  opacity: 1;
  pointer-events: auto;
}
.footer-iChange-container .modalDialog.iChangeModal > div,
.iChange-link-modal-container .modalDialog.iChangeModal > div {
  width: 730px;
  height: auto;
  max-height: 730px;
  overflow-y: auto;
  position: relative;
  margin: 5% auto 0;
  padding: 0;
  background: #fff;
  text-align: left;
}
@media (max-width: 767px) {
  .footer-iChange-container .modalDialog.iChangeModal > div,
  .iChange-link-modal-container .modalDialog.iChangeModal > div {
    margin: 7.5% auto 0;
    max-height: 475px;
    width: 90%;
  }
}
.footer-iChange-container .modalDialog.iChangeModal .close-modal,
.iChange-link-modal-container .modalDialog.iChangeModal .close-modal {
  color: #fff;
  line-height: 20px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
}
.iChange-total-donations {
  text-align: center;
  padding-bottom: 15px;
}
.iChange-total-donations a {
  color: #1A1A1A
}
.iChange-total-donations a:hover {
  text-decoration: underline;
}
.footer-container {
  float: left;
  width: 100%;
}
/* ECOM-1506 - i=Change: 4. CMS Block near footer end */

/* ECOM-1487 - Cart page: increase margin */
.checkout-cart-index .main.container .inner-container .messages {
  margin: 15px auto 20px;
}

/* ECOM-1428 stock labels in category page */
div.category-products .product-details-container .product-price-container,
#itemslider-homefeatured .product-details-container .product-price-container{
  height: 58px !important;
}
.amshopby-page-container span.stock-status-text,
#itemslider-homefeatured span.stock-status-text{
  position: absolute;
  left: 13px;
  font-size: 12px;
  top: 60px;
  color: #ff5100;
}
/* ECOM-1428 stock labels in category page */

/* ECOM-1553 - Add trust_pilot_rating to layered navigation */
div.block-layered-nav dd a img {
  width: 150px;
  margin: 5px 0;
}
.block-content .currently ol li span.state-5-star {
  background-image: url("/skin/frontend/nationaltiles/default/images/rating_5_star.png");
  color: transparent;
  display: inline-block;
  height: 28px;
  margin: 0 0 0 5px;
  top: 10px;
  width: 150px;
}
.block-content .currently ol li span.state-4-star {
  background-image: url("/skin/frontend/nationaltiles/default/images/rating_4_star.png");
  color: transparent;
  display: inline-block;
  height: 28px;
  margin: 0 0 0 5px;
  top: 10px;
  width: 150px;
}
.block-content .currently ol li span.state-3-star {
  background-image: url("/skin/frontend/nationaltiles/default/images/rating_3_star.png");
  color: transparent;
  display: inline-block;
  height: 28px;
  margin: 0 0 0 5px;
  top: 10px;
  width: 150px;
}
.block-content .currently ol li span.state-2-star {
  background-image: url("/skin/frontend/nationaltiles/default/images/rating_2_star.png");
  color: transparent;
  display: inline-block;
  height: 28px;
  margin: 0 0 0 5px;
  top: 10px;
  width: 150px;
}
.block-content .currently ol li span.state-1-star {
  background-image: url("/skin/frontend/nationaltiles/default/images/rating_1_star.png");
  color: transparent;
  display: inline-block;
  height: 28px;
  margin: 0 0 0 5px;
  top: 10px;
  width: 150px;
}
/* ECOM-1553 - Add trust_pilot_rating to layered navigation end */

/* ECOM-1518 Not Eligible Badge*/
.not-eligible-badge-icon {
  float: right;
}
.not-eligible-badge-icon img {
  height: 87px;
  width: 87px;
  padding-right: 10px;
}
.lpg-icon {
  float: right;
}
.catalog-product-view .panel .price-container .lpg-section-container {
  width: 40% !important;
}
.catalog-product-view .panel .price-container .price-box {
  width: 60% !important;
}
/* ECOM-1518 Not Eligible Badge*/

/* ECOM-1561 Pricebomb not aligned properly in desktop and mobile*/
@media (max-width: 480px) {
  .not-eligible-badge-icon img {
    padding-right: 0;
    margin-top: 10px;
  }
.catalog-product-view .panel .price-container .price-box {
    width: 70% !important;
}
.catalog-product-view .panel .price-container .lpg-section-container {
  width: 30% !important;
}
.catalog-product-view .price-container .product-addto-info .price, .panel .trade-club-price .trade-club-price-value {
  font-size: 54px !important;
}
.product-view .product-shop .price-box .old-price .price {
  font-size: 20px;
}
}
/* ECOM-1561 Pricebomb not aligned properly in desktop and mobile end*/

@media (min-width: 769px) and (max-width: 1023px) {
  .catalog-product-view .price-container .product-addto-info .price, .panel .trade-club-price .trade-club-price-value {
    font-size: 54px !important;
  }
  .not-eligible-badge-icon img {
    padding-right: 0;
    margin-top: 10px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .catalog-product-view .price-container .product-addto-info .price {
    font-size: 74px !important;
  }
}

/* ECOM-1597 In Store only design changes */
#product-addtocart-instoreonly-button {
  background: #ff5100;
  border-color: #ff5100;
  font-size: 36px;
  text-transform: none;
  height: 73px;
  font-family: 'GalanoGrotesque-SemiBold';
  padding-bottom: 12px;
  color: #ffffff;
}

.product-view .product-options-bottom .button#product-addtocart-instoreonly-button {
    background: #ff5100;
    border: none;
    width: 100%;
    font-size: 36px;
    text-transform: none;
    height: 73px;
    font-family: 'GalanoGrotesque-SemiBold';
    padding-bottom: 12px;
    color: #ffffff;
}
.warehouse-locations-link {
    margin-top: 15px;
}
/* ECOM-1597 In Store only design changes */

.checkout-cart-index .sidebar .box .shipping .shipping-form .shipping-info-text a{
  font-size: 14px;
}
.checkout-cart-index .sidebar .box .shipping .shipping-form .shipping-info-text a:hover {
  text-decoration: underline;
}
@font-face {
  font-family: 'GalanoGrotesque-SemiBold';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/GalanoGrotesque-SemiBold.otf");
}
/* Click Frenzy */
.cyber-clearance-badge {
  background-color: #00ff00;
  color: #000;
}
.cyber-clearance-badge::after {
  content: "% OFF";
}
.click-frenzy-view .product-view .button-block .button#product-addtocart-button {
  border: none;
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/add-to-cart-frenzy.gif) no-repeat;
  background-position: center;
}
.click-frenzy-view .product-view .button-block .button#product-addtocart-button span {
  visibility: hidden;
}
.click-frenzy-view .product-view .product-availability {
  float: right;
  font-size: 17px;
  margin-bottom: 20px;
  font-family: 'GalanoGrotesque-SemiBold';
  box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
}
.click-frenzy-view .product-view .product-availability .unavailable {
  color: #00ff00;
  padding: 6px 10px;
  background: black;
}
.click-frenzy-view .product-view .product-availability .available {
  color: black;
  padding: 6px 10px;
  background: #00ff00;
}
.click-frenzy.sold-out-label {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/sold-out.png) no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  z-index: 1;
  display: block;
  right: 0;
}
.category-image {
  margin: 0;
}
/* Click Frenzy End*/

@font-face {
  font-family: 'GalanoGrotesque-SemiBold';
  src: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/GalanoGrotesque-SemiBold.otf");
}
/* Preorder */
.preorder-view .product-view .button-block .button#product-addtocart-button span {
  color:#ff5100;
}
@media (max-width: 649px){
  .preorder-view .amlabel-div {
    width:100%;
  }
}
@media (min-width: 650px) and (max-width:768px){
  .preorder-view .amlabel-div {
    width:600px;
    margin:0 auto; 
  }
}
@media (min-width: 1140px) {
  .preorder-view .amlabel-div {
    width:600px;
    margin:0 auto; 
  }
}
.preorder-view .product-view .product-availability {
  float: right;
  font-size: 17px;
  margin-bottom: 20px;
  font-family: 'GalanoGrotesque-SemiBold';
  box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
}
.preorder-view .product-view .product-availability .unavailable {
  color: #ff5100;
  padding: 6px 10px;
  background: black;
}
.preorder-view .product-view .product-availability .available {
  color: black;
  padding: 6px 10px;
  background: #ff5100;
}
.preorder-view .product-view .button-block .button#product-addtocart-button {
  background:#000;
  border-color:#000;
  color:#ff5100;
}
.preorder-view .preorder-soldout{
  background:#000;
  border-color:#000;
  padding:15px 20px;
  text-align:center;
  font-family:'GalanoGrotesque-regular';
  text-transform:uppercase;
  color:#ff5100;
  font-size:2.0em;
}
.preorder.sold-out-label {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/preorder-soldout.jpg) no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  z-index: 1;
  display: block;
  right: 0;
}
.preorder-badge{
  border:0px !important; 
}
.category-image {
  margin: 0;
}
/* End */

/* Melbourne Cup */
.melbourne-cup-view .product-view .button-block .button#product-addtocart-button{
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/melbourne-cup-add-top-cart.gif) no-repeat;
  background-position: center;
  border: 0 none;
}

/* Melbourne Cup Click Frenzy */
.melbourne-cup-badge {
  background-color: #018e32;
  color: #000;
}

.melbourne-cup-badge::after {
  content: "% OFF";
}
/* End */

/* Melbourne Cup Click Frenzy */
.november-clickfrenzy-badge {
  background-color: #05FF03;
  color: #000;
}
.november-clickfrenzy-badge::after {
  content: "% OFF";
}
.nov-clickfrenzy-view .product-view .product-availability {
  float: right;
  font-size: 17px;
  margin-bottom: 20px;
  font-family: 'GalanoGrotesque-SemiBold';
  box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.5);
}
.nov-clickfrenzy-view .product-view .product-availability .unavailable {
  color: #00ff00;
  padding: 6px 10px;
  background: black;
}
.nov-clickfrenzy-view .product-view .product-availability .available {
  color: black;
  padding: 6px 10px;
  background: #00ff00;
}
.nov-clickfrenzy-view .product-view .button-block .button#product-addtocart-button {
  border: none;
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/add-to-cart-frenzy.gif) no-repeat;
  background-position: center;
}
.nov-clickfrenzy-view .product-view .button-block .button#product-addtocart-button span {
  visibility: hidden;
}
.nov-clickfrenzy-view .product-view .preorder-soldout {
  display: none;
}
/* End */

/* Balck Friday */
.black-friday-view .product-view .button-block .button#product-addtocart-button {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/black-friday-clearance-add-to-cart.gif) no-repeat;
  background-position: center;
  height: 50px;
  border: 0 none;
}
/* End */
/* Cyber Monday */
.cyber-monday-view .product-view .button-block .button#product-addtocart-button {
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/cyber-monday-clearance-add-to-cart.gif) no-repeat;
  background-position: center;
  border: 0 none;
}
/* End */
/* ECOM-903 - Update product tile promo badge */ 
.annual-clearance-2018 {
  background-color: #7103bb;
  border-bottom-color: #7103bb;
  color: #fff200;
}
.annual-clearance-2018::after {
  content: "% OFF";
}
/* ECOM-903 - Update product tile promo badge end */
/* Emarsys: Web Recommendation */
.scarab-itemlist {
	padding: 15px 0;
	position: relative;
	float: left;
	width: 100%;
}
.scarab-itemlist-container {
	float: left;
	width: 100%;
}
.scarab-item {
	display: inline-block;
	width: 100%;
	float: left;
}
.scarab-item a,
.scarab-item a:focus,
.scarab-item a:hover {
	color: #1A1A1A;
}
.scarab-item .product-image-wrapper {
	max-width: 280px;
	max-height: 280px;
	margin: 0 auto;
}
.scarab-item .product-image-wrapper img {
	display: block;	
	border: 0px;
	width: 100%;
}
.scarab-item .product-details-container {
	border: 1px solid #1A1A1A;
	margin: 10px auto 0;
	max-width: 280px;
}
.scarab-item .product-details-container .product-price-container {
	border-bottom: 1px solid #1A1A1A;
	padding: 10px;
	height: 52px;
	position: relative;
}
.scarab-item .product-details-container .product-price-container .price-box {
	margin: 5px 0 10px;
	font-family: 'GalanoGrotesque-SemiBold';
	font-size: 40px;
	line-height: 20px;
}
.scarab-item .product-details-container .product-name-container {
	padding: 10px;
	height: 60px;
}
.scarab-item .product-details-container .product-name-container h3.product-name {
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 5px;
	text-align: left !important;
	height: 36px;
	font-family: 'worksans-medium';
}
.scarab-prev,
.scarab-next {
	position: absolute;
	width: 36px;
	height: 36px;
	top: -60px;
	cursor: pointer;
	text-align: center;
}
.scarab-prev {
	right: 45px;
	background: url(/skin/frontend/nationaltiles/default/images/emarsys-wr/WR_LeftArrow.svg) no-repeat;
}
.scarab-prev:hover {
	background: url(/skin/frontend/nationaltiles/default/images/emarsys-wr/WR_LeftArrow_R.svg) no-repeat;
}
.scarab-next {
	right: 0px;
	background: url(/skin/frontend/nationaltiles/default/images/emarsys-wr/WR_RightArrow.svg) no-repeat;
}
.scarab-next:hover {
	background: url(/skin/frontend/nationaltiles/default/images/emarsys-wr/WR_RightArrow_R.svg) no-repeat;
}
.scarab-disabled-button {
	cursor: default;
	opacity: 0.4;
}
.catalog-category-view .box-category-products .scarab-prev,
.catalogsearch-result-index .box-category-products .scarab-prev,
.checkout-cart-index .scarab-prev,
.catalog-category-view .box-category-products .scarab-next,
.catalogsearch-result-index .box-category-products .scarab-next,
.checkout-cart-index .scarab-next {
	top: -40px;
}
@media (max-width: 599px) {
	.scarab-item {
		max-width: 100%;
	}
}
@media (min-width: 600px) and (max-width: 899px) {
	.scarab-item {
		max-width: 50%;
	}
}
@media (min-width: 900px) and (max-width: 1223px) {
	.scarab-item {
		max-width: 33.33%;
	}
}
@media (min-width: 1224px) {
	.scarab-item {
		max-width: 25%;
	}
}
@media (min-width: 900px) {
	.scarab-item:first-child .product-image-wrapper,
	.scarab-item:last-child .product-image-wrapper {
		margin: 0;
	}
	.scarab-item:first-child .product-details-container,
	.scarab-item:last-child .product-details-container {
		margin: 10px 0 0;
	}
	.scarab-item:first-child .product-image-wrapper,
	.scarab-item:first-child .product-details-container {
		float: left;
		width: 100%;
	}
	.scarab-item:last-child .product-image-wrapper,
	.scarab-item:last-child .product-details-container {
		float: right;
		width: 100%;
	}
}
@media (max-width: 1024px) {
	.scarab-prev,
	.scarab-next {
		right: 0;
		top: 102% !important;
	}
	.scarab-prev {
		left: 0px;
	}
	.scarab-next {
		left: 45px;
	}
}
.emarsys-recommend-title {
	text-transform: lowercase;
}
/* Emarsys: Web Recommendation end */

/* Emarsys: Web Recommendation Product list page*/
@media (min-width: 769px) {
	.catalog-category-view .scarab-item,
	.catalogsearch-result-index .scarab-item {
		max-width: 31.33%;
	}
	.catalog-category-view .scarab-item:first-child,
	.catalogsearch-result-index .scarab-item:first-child	{
		margin-right: 3%;
	}
	.catalog-category-view .scarab-item:last-child,
	.catalogsearch-result-index .scarab-item:last-child {
		margin-left: 3%;
	}
	.catalog-category-view .scarab-item .product-image-wrapper img,
	.catalogsearch-result-index .scarab-item .product-image-wrapper img {
		max-width: 100%;
		max-height: 100%;
	}
}
@media (min-width: 640px) and (max-width: 768px) {
	.catalog-category-view .scarab-item,
	.catalogsearch-result-index .scarab-item {
		max-width: 48%;
	}
}
@media (max-width: 639px) {
	.catalog-category-view .scarab-item,
	.catalogsearch-result-index .scarab-item {
		max-width: 98%;
	}
}
/*	Emarsys: Web Recommendation Product list page end */
.catalog-product-view .product-img-column {
	visibility: hidden;
}
.catalog-product-view .product-view-wrapper .no-gutter.grid12-6 {
	max-width: 50%;
	width: 600px;
}
@media (max-width: 768px) {
	.catalog-product-view .product-view-wrapper .no-gutter.grid12-6 {
		max-width: 100%;
		width: 100%;
	}
}
@media (min-width: 769px) and (max-width: 1223px) {
	.catalog-product-view .product-view-wrapper .no-gutter.grid12-6 {
		max-width: 48%;
		width: 100%;
	}
}
.catalog-product-view .main.container .inner-container .product-view .holder .holder.pdp-middle-section {
	float: left;
	max-width: 100%;
	padding: 0 !important;
	width: 100%;
	position: relative;
	margin: 20px 0 0;
}
.catalog-product-view .main.container .inner-container .product-view .holder .holder.pdp-middle-section .pdp-middle-section-container {
	margin: 0 auto;
	max-width: 1224px;
	width: calc(100% - 24px);
}
.catalog-product-view .main.container .inner-container .product-view .holder .holder.pdp-middle-section .new-pdp-middle-section-container {
	margin: 0 auto;
	max-width: 100%;
	width: calc(100% - 24px);
}
.catalog-product-view .main.container .inner-container .product-view .holder .holder.pdp-middle-section .pdp-middle-section-container .product-specification-container {
	width: 100%;
}
.catalog-product-view .product-specification-container .grid12-5.no-gutter.specifications {
	clear: both;
}
.catalog-product-view .product-specification-container #product-tabs,
.catalog-product-view .product-specification-container .product-attributes-container .specifications {
	float: right;
}
.catalog-product-view .product-specification-container #product-tabs .tabs li {
	width: 33%;
}
.catalog-product-view .product-specification-container .product-attributes-container {
	width: 100%;
	float: left;
}

/* Product specification changes (New design) */
.pdp-middle-section .new-pdp-design .product-spec-item {
	border-bottom: 1px solid #1A1A1A;
}
.pdp-middle-section .new-pdp-design .product-spec-item .spec-title {
	width: 35%;
}
.pdp-middle-section .new-pdp-design .product-spec-item .spec-title + p {
	width: calc(60% - 15px);
}
.pdp-middle-section .new-pdp-design .product-specification-container {
	width: 100%;
	float: left;
}
.pdp-middle-section .new-pdp-design .product-specification-container .specifications-content {
	float: left;
	width: 60%;
}
.pdp-middle-section .new-pdp-design .product-catalog {
	float: right;
    width: 30%;
    padding: 2% 5% 4%;
}
.pdp-middle-section .new-pdp-design .product-specification-container #product-tabs {
	float: left;
	width: 100%;
}
.pdp-middle-section .new-pdp-design #content {
	float: left;
	width: 100%;
	font-size: 12px;
	background-color: transparent;
}
.pdp-middle-section .new-pdp-design .header {
	margin: 10px 0;
}
.pdp-middle-section .new-pdp-design .tabs li {
	float: left;
	width: 25% !important;
	font-size: 16px;
	list-style: none;
	text-align: center;
	font-family: 'GalanoGrotesque-Medium';
}
.pdp-middle-section .new-pdp-design .tabs {
	max-width: 1224px;
	width: 100%;
	display: block !important;
	margin: 0 auto;
	float: none;
}
.pdp-middle-section .new-pdp-design .tabs li a {
	text-decoration: none;
	color: #1A1A1A;
	display: inline-block;
}
.pdp-middle-section .new-pdp-design .tabs li a:hover {
	border-bottom: 4px solid #ff5100;
}
.pdp-middle-section .new-pdp-design #menubar {
	top: 0;
	float: left;
	width: 100%;
	z-index: 10;
	background-color: #fff;
	border-bottom: 1px solid #1A1A1A;
}
.pdp-middle-section .new-pdp-design .header {
	text-transform: uppercase;
	font-weight: bolder;
}
.pdp-middle-section .new-pdp-design .show-desktop {
	display: block;
}
.pdp-middle-section .new-pdp-design .show-mobile {
	display: none;
}
.pdp-middle-section .new-pdp-design .sections {
	display: block;
	float: left;
	width: 100%;
	padding: 60px 0;
}
.pdp-middle-section .new-pdp-design .delivery-tab {
	font-size: 14px;
}
.pdp-middle-section .new-pdp-design .tp-widget-wrapper {
	max-width: 100%;
}
.pdp-middle-section .new-pdp-design h3.tab-title {
	font-family: 'GalanoGrotesque-Medium';
	font-size: 26px;
	border: none !important;
	text-decoration: none;
	margin: 0 0 40px;
}
.pdp-middle-section .new-pdp-design .section-content {
	max-width: 1224px;
	width: calc(100% - 24px);
	margin: 0 auto;
}
.pdp-middle-section .new-pdp-design .product-specification-container,
.pdp-middle-section .new-pdp-design .product-delivery-container {
	background-color: #EAEBEC;
}
.pdp-middle-section .new-pdp-design .accordion-section-content {
	display: block;
}
.pdp-middle-section .new-pdp-design .accordion-section-title span.acc-icon {
	width: 25px;
	height: 22px;
	float: left;
	margin-right: 15px;
}
.pdp-middle-section .new-pdp-design .accordion-section-title span.accordion-overview {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/pdp-images/accordion_overview.png) no-repeat 50% 50%/100% 100%;
}
.pdp-middle-section .new-pdp-design .accordion-section-title span.accordion-specs {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/pdp-images/accordion_catalogue.png) no-repeat 50% 50%/100% 100%;
}
.pdp-middle-section .new-pdp-design .accordion-section-title span.accordion-review {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/pdp-images/accordion_star.png) no-repeat 50% 50%/100% 100%;
}
.pdp-middle-section .new-pdp-design .accordion-section-title span.accordion-delivery {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/pdp-images/accordion_delivery.png) no-repeat 50% 50%/100% 100%;
}
.pdp-middle-section .new-pdp-design .tabs {
	min-height: 57px;
}
.pdp-middle-section .new-pdp-design #product-catalog-button {
	width: 100%;
}
@media (min-width: 769px) and (max-width: 1061px) {
	.pdp-middle-section .new-pdp-design .tabs li a {
		min-height: 76px;
	}
	.pdp-middle-section .new-pdp-design .product-catalog {
		float: right;
		width: 30%;
		padding: 6% 2%;
	}
	.product-view #product-catalog-button {
		padding: 10px 5px;
		font-size: 14px;
	}
}
@media (max-width: 768px) {
	.pdp-middle-section .new-pdp-design #container {
		width: calc(100% - 24px);
		margin: 0 auto;
	}
	.pdp-middle-section .new-pdp-design .show-desktop,
	.pdp-middle-section .new-pdp-design .header {
		display: none;
	}
	.pdp-middle-section .new-pdp-design .show-mobile {
		display: block;
	}
	.pdp-middle-section .new-pdp-design .accordion-section-title {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bolder;
		text-align: left;
		border-bottom: 1px solid #1A1A1A;
	}
	.pdp-middle-section .new-pdp-design .product-specification-container .specifications-content,
	.pdp-middle-section .new-pdp-design .product-catalog {
		float: left;
		width: 100%;
	}
	.pdp-middle-section .new-pdp-design .product-catalog {
		padding: 20% 25%;
	}
	.pdp-middle-section .new-pdp-design .product-specification-container,
	.pdp-middle-section .new-pdp-design .product-delivery-container {
		background: none;
	}
	.pdp-middle-section .new-pdp-design .accordion-section-content,
	.pdp-middle-section .new-pdp-design h3.tab-title {
		display: none;
	}
	.pdp-middle-section .new-pdp-design .product-description-container.accordion-section-content {
		display: block;
	}
	.product-view #product-catalog-button {
		padding: 10px 5px;
		font-size: 14px;
	}
}
@media (min-width: 481px) and (max-width: 767px) {
	.pdp-middle-section .new-pdp-design .product-catalog {
		padding: 5% 25%;
	}
}
@media (min-width: 320px) and (max-width: 480px) {
	.pdp-middle-section .new-pdp-design .product-catalog {
		padding: 10% 15%;
	}
}

/* changes for mini trustpilot review section */
.catalog-product-view .product-view .product-configurable-options-data {
	float: left;
	width: 100%;
}
.catalog-product-view .product-view .product-configurable-options-data .box-additional {
	padding: 10px 0 !important;
}
.product-view .product-data-left {
	float: left;
	margin-right: 5%;
	width: 60%;
}
.product-view .product-data-right {
	float: left;
	width: 35%;
}
.catalog-product-view .product-options dt {
	height: 34px;
	margin: 5px 10px 5px 0;
	width: 25%;
}
.catalog-product-view .product-options dd {
	display: inline-block;
	float: left;
	margin: 5px 5px 10px;
	width: calc(75% - 20px);
}
.catalog-product-view .product-view .container2-wrapper #product-options-wrapper .input-box select {
	height: 29px;
	max-width: 185px;
	width: 100%;
}
.product-shop .product-options-bottom {
	margin-bottom: 0;
}
.catalog-product-view .product-view .product-shop .product-name {
	position: relative;
}
.product-view .product-data-right {
	bottom: 0;
	position: absolute;
	right: 0;
}
@media (min-width: 1025px) and (max-width: 1279px) {
	.product-view .product-data-left {
		width: 55%;
	}
	.product-view .product-data-right {
		width: 40%;
	}
}
@media (min-width: 897px) and (max-width: 1024px) {
	.product-view .product-data-left {
		width: 50%;
	}
	.product-view .product-data-right {
		width: 45%;
	}
}
@media (min-width: 769px) and (max-width: 896px) {
	.product-view .product-data-left {
		width: 45%;
	}
	.product-view .product-data-right {
		width: 50%;
	}
}
@media (min-width: 641px) and (max-width: 768px) {
	.product-view .product-data-left {
		width: 55%;
	}
	.product-view .product-data-right {
		width: 40%;
	}
}
@media (min-width: 481px) and (max-width: 640px) {
	.product-view .product-data-left {
		width: 50%;
	}
	.product-view .product-data-right {
		width: 45%;
	}
}
@media (min-width: 401px) and (max-width: 480px) {
	.product-view .product-data-left {
		width: 45%;
	}
	.product-view .product-data-right {
		width: 50%;
	}
}
@media (min-width: 361px) and (max-width: 400px) {
	.product-view .product-data-left {
		width: 40%;
	}
	.product-view .product-data-right {
		width: 55%;
	}
}
@media (max-width: 360px) {
	.product-view .product-data-left {
		width: 35%;
	}
	.product-view .product-data-right {
		width: 60%;
	}
}
@media (max-width: 768px) {
	.product-view .product-shop h1 {
		margin-bottom: 30px !important;
	}
}
/* changes for mini trustpilot review section end */

/* changes for modal section */
.catalog-product-view .modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 9999999999 !important;
	display: none;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}
.catalog-product-view .modalDialog > div {
	width: 540px;
	height: auto;
	max-height: 475px;
	overflow-y: auto;
	position: relative;
	margin: 10% auto 0;
	padding: 30px;
	background: #fff;
	text-align: left;
}
@media (max-width: 767px) {
	.catalog-product-view .modalDialog > div {
		margin: 5% auto 0;
		max-height: 475px;
		width: calc(96% - 60px);
	}
}
.catalog-product-view .close-modal {
	color: #1A1A1A;
	line-height: 25px;
	position: absolute;
	right: 15px;
	text-align: center;
	top: 10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}
/* changes for modal section end */

/* changes for lowest price guarantee section */
.catalog-product-view .panel .price-container .price-box {
	float: left;
	width: 75%;
}
.catalog-product-view .price-container .special-price {
	width: 60%;
}
.trade-plus.catalog-product-view .price-container .price-box .old-price {
	width: auto;
}
.trade-plus.catalog-product-view .price-container .trade-club-price {
	float: left;
	width: 40%;
}
.trade-plus.catalog-product-view .price-container .trade-club-price + .price-box {
	width: 20% !important; 
}
.catalog-product-view .panel .price-container .lpg-section-container {
	float: right;
	width: 25%;
}
.catalog-product-view .panel .price-container .lpg-section-container .lpg-section {
	text-align: right;
}
.catalog-product-view .panel .price-container .lpg-section-container .lpg-section .lpg-icon img {
	border: 0 none;
	cursor: pointer;
}
/* changes for lowest price guarantee section */

/* Issuu javascript modal */
.catalog-product-view .product-catalog #issuu-javascript-model.modalDialog > div {
	width: 800px;
}
.catalog-product-view .product-catalog #issuu-javascript-model.modalDialog .close-modal {
	right: 5px;
	top: 5px;
}
@media (min-width: 768px) and (max-width: 960px) {
	.catalog-product-view .product-catalog #issuu-javascript-model.modalDialog > div {
		width: 700px;
 	}
}
@media (max-width: 767px) {
	.catalog-product-view .product-catalog #issuu-javascript-model.modalDialog > div {
		width: calc(96% - 60px);
 	}
}
/* Issuu javascript modal end */

/* Area Calculator, Wastage Calculator and Total Cosr section changes */
.catalog-product-view .panel .product-tile-price {
	border: 0 none;
	float: left;
	margin: 10px 0 20px;
}
.catalog-product-view .panel .product-tile-price .price-block {
	color: #1A1A1A;
	float: left;
	line-height: 52px;
	margin: 0;
}
.catalog-product-view .panel .product-tile-price .price-block .total-cost {
	font-family: 'GalanoGrotesque-SemiBold';
	position: relative;
	top: -10px;
}
.catalog-product-view .panel .product-tile-price label {
	float: right;
	font-family: 'GalanoGrotesque-SemiBold';
	font-size: 18px;
	margin: 0;
}
.catalog-product-view .product-view .product-price-calculation-info {
	margin: 0 0 20px;
}
.catalog-product-view .product-view .qty-wrapper {
	float: left;
	width: 50%;
}
.catalog-product-view .product-view .qty-wrapper .area-unit-calc-box {
	border: 1px solid #1A1A1A;
	float: left;
	padding: 12px;
}
.catalog-product-view .product-view .qty-wrapper .area-unit-calc-box .qty-title {
	float: left;
	margin-right: 10px;
}
.catalog-product-view .product-view .qty-wrapper .area-unit-calc-box .qty {
	border: 0 none;
	border-bottom: 2px solid #1A1A1A;
	font-family: 'GalanoGrotesque-SemiBold';
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	padding-bottom: 2px;
	position: relative;
	text-align: left;
	top: 2px;
	width: 55px !important;
}
.catalog-product-view .product-view .qty-wrapper .area-unit-calc-box .tile-area {
	float: left;
}
.catalog-product-view .product-view .qty-wrapper .area-unit-calc-box .tile-area sup {
	font-size: 0.75em;
}
.catalog-product-view .product-view .qty-wrapper .area-calc-icon {
	float: left;
	margin-left: 10px;
}
.catalog-product-view .product-view .qty-wrapper .area-calc-icon img {
	cursor: pointer;
	position: relative;
	top: -7px;
}
.catalog-product-view .product-view .wastage-wrapper {
	float: left;
	margin-top: 20px;
	width: 50%;
}
.catalog-product-view .product-view .wastage-wrapper .cb-container {
	display: block;
	cursor: pointer;
	margin: 0;
	position: relative;
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.catalog-product-view .product-view .wastage-wrapper .cb-container .added-wastage,
.catalog-product-view .product-view .wastage-wrapper .cb-container .please-add-wastage {
	float: left;
	font-size: 14px;
	max-width: 250px;
	position: relative;
	top: -3px;
}
.catalog-product-view .product-view .wastage-wrapper .cb-container .added-wastage  {
	display: none;
}
.catalog-product-view .product-view .wastage-wrapper .cb-container input[type="checkbox"] {
	cursor: pointer;
	display: inline-block;
	height: 0;
	opacity: 0;
	position: absolute;
	width: 0;
}
.catalog-product-view .product-view .wastage-wrapper .cb-container .checkmark {
	border: 1px solid #1A1A1A;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;	
	width: 20px;	
}
.catalog-product-view .product-view .wastage-wrapper .cb-container input:checked ~ .checkmark {
	background-color: #FF5100;
	border: 1px solid #FF5100;
}
.catalog-product-view .product-view .wastage-wrapper .cb-container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.catalog-product-view .product-view .wastage-wrapper .cb-container input:checked ~ .checkmark:after {
	display: block;
}
.catalog-product-view .product-view .wastage-wrapper .cb-container .checkmark:after {
	left: 7px;
	top: 1px;
	width: 5px;
	height: 12px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.catalog-product-view #ac-model.modalDialog > div {
	width: 540px;
	height: auto;
	max-height: 540px;
	overflow-y: auto;
	position: relative;
	margin: 8% auto 0;
	padding: 30px;
	background: #fff;
	text-align: left;
}
@media (max-width: 767px) {
	.catalog-product-view #ac-model.modalDialog > div {
		margin: 5% auto 0;
		max-height: 475px;
		width: calc(96% - 60px);
	}
}
.catalog-product-view .product-view .button-block,
.catalog-product-view .product-view .product-options-bottom {
	float: left;
	margin: 20px 0;
	width: 100%;
}
.catalog-product-view .for-afterpay-price-calculate,
.catalog-product-view .product-view .afterpay-installments-amount,
.catalog-product-view a.sample-cart-link {
	float: left;
	width: 100%;
}
.catalog-product-view .for-afterpay-price-calculate {
	margin-top: 20px;
}
@media (min-width: 320px) and (max-width: 1151px) {
	.catalog-product-view .product-view .qty-wrapper {
		float: left;
		width: 100%;
	}
	.catalog-product-view .product-view .wastage-wrapper {
		float: left;
		margin-top: 20px;
		width: 100%;
	}
}
/* Area Calculator, Wastage Calculator and Total Cosr section changes end */

/* Greyed Sold Out Button */
.preorder-soldout {
	background: #888;
	border-color: #888;
	color: #555;
	cursor: default;
	font-size: 36px;
	font-family: 'GalanoGrotesque-SemiBold';
	height: 61px;
	line-height: 55px;
	padding-bottom: 12px;
	text-align: center;
}
/* Greyed Sold Out Button */

/* PDP: Lightbox feature */
.catalog-product-view .fancybox-overlay .fancybox-nav span {
	visibility: visible !important;
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Next_Arrow_Right.svg) no-repeat !important;
}
.catalog-product-view .fancybox-overlay .fancybox-nav.fancybox-prev span {
	transform: rotate(180deg);
}
.catalog-product-view .fancybox-overlay .fancybox-close {
	top: 8px !important;
	right: 8px !important;
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/close-popup.png) no-repeat 50%/100% !important;
}
.catalog-product-view #fancybox-thumbs .custom-fancy-style {
	left: 20px !important;
}
/* PDP: Lightbox feature end */

/* New description */
.new-pdp-middle-section-container .product-description-container .detailed-description,
.new-pdp-middle-section-container .product-description-container .video-section,
.new-pdp-middle-section-container .product-description-container .description-title,
.new-pdp-middle-section-container .product-description-container .types-sections {
    float: left;
    width: 100%;
}
.new-pdp-middle-section-container .product-description-container .general-description-section,
.new-pdp-middle-section-container .product-description-container .video-section,
.new-pdp-middle-section-container .product-description-container .types-sections {
    margin: 40px 0;
}
.new-pdp-middle-section-container .product-description-container .column-layout {
    width: 29%;
    float: left;
}
.new-pdp-middle-section-container .product-description-container .description-service {
    float: right;
	text-align: center;
	padding: 0 15px;
}
.new-pdp-middle-section-container .product-description-container .description-title {
    margin-bottom: 30px;
}
.new-pdp-middle-section-container .product-description-container .description-title h5 {
    float: left;
    width: 75%;
    font-family: 'GalanoGrotesque-Medium';
    font-size: 19px;
}
.new-pdp-middle-section-container .product-description-container .description-title img {
    float: right;
    width: 40px;
}
.new-pdp-middle-section-container .product-description-container .description-service img {
    width: 70px;
}
.new-pdp-middle-section-container .product-description-container .description-service span {
    display: block;
    width: 100%;
    text-align: center;
}
.new-pdp-middle-section-container .product-description-container .description-para,
.new-pdp-middle-section-container .product-description-container .description-services {
    float: left;
    width: 50%;
}
.new-pdp-middle-section-container .product-description-container .description-services {
	float: right;
}
.new-pdp-middle-section-container .product-description-container .description-para p {
    padding-right: 10px;
    font-size: 18px;
    line-height: 25px;
}
.new-pdp-middle-section-container .product-description-container .surface-finish,
.new-pdp-middle-section-container .product-description-container .material {
    margin-right: 6%;
}
.new-pdp-middle-section-container .product-description-container .detailed-description p {
	font-size: 15px;
	margin-bottom: 0;
}
.new-pdp-middle-section-container .product-description-container .detailed-description strong {
    display: none;
}
.new-pdp-middle-section-container .product-description-container .video-section {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
.new-pdp-middle-section-container .product-description-container .video-section iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}
.new-pdp-middle-section-container .product-description-container .description-service.wall {
    width: 87px;
}
.new-pdp-middle-section-container .product-description-container .description-service.wall img {
    margin-top: 13px;
}
@media (min-width: 769px) and (max-width: 860px) {
	.new-pdp-middle-section-container .product-description-container .description-service {
		display: inline-block;
		padding: 0 10px;
	}
	.new-pdp-middle-section-container .product-description-container .description-service img {
		width: 65px;
	}
	.new-pdp-middle-section-container .product-description-container .description-service.wall {
		width: 74px;
	}
	.new-pdp-middle-section-container .product-description-container .description-service.wall img {
		margin-top: 11px;
	}
}
@media (max-width: 768px) {
    .new-pdp-middle-section-container .product-description-container .column-layout,
    .new-pdp-middle-section-container .product-description-container .description-para,
    .new-pdp-middle-section-container .product-description-container .description-services {
        float: left;
		width: 100%;
		margin: 40px 0;
	}
	.new-pdp-middle-section-container .product-description-container .description-para,
    .new-pdp-middle-section-container .product-description-container .description-services {
		margin: 20px 0;
	}
	.new-pdp-middle-section-container .product-description-container .general-description-section,
	.new-pdp-middle-section-container .product-description-container .video-section,
	.new-pdp-middle-section-container .product-description-container .types-sections {
		margin: 0;
	}
	.new-pdp-middle-section-container .product-description-container .description-service {
		float: none;
		display: inline-block;
		padding: 0 15px;
	}
	.new-pdp-middle-section-container .product-description-container .description-title {
		margin-bottom: 10px;
	}
	.pdp-middle-section .new-pdp-design .sections {
		padding: 20px 0;
	}
	.new-pdp-middle-section-container .product-description-container .description-icon-container {
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
}
@media (min-width: 320px) and (max-width: 460px) {
	.new-pdp-middle-section-container .product-description-container .description-service {
		display: inline-block;
		padding: 0;
	}
	.new-pdp-middle-section-container .product-description-container .description-service.wall {
		width: 57px;
		margin-left: 5px;
	}
}
@media (min-width: 320px) and (max-width: 360px) {
	.new-pdp-middle-section-container .product-description-container .description-service img {
		width: 65px;
	}
	.new-pdp-middle-section-container .product-description-container .description-service.wall {
		width: 52px;
		margin-left: 5px;
	}
}
/* New description end */

/* Sample product add to cart changes */
.dispatch-addSample-icons {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.dispatch-addSample-icons .link-dispatch .label {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/pdp-images/dispatch.png) no-repeat;
	height: 40px;
}
.dispatch-addSample-icons .link-add-sample .label {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/pdp-images/add-sample-to.png) no-repeat;
	height: 40px;
}
.dispatch-addSample-icons .popup-icon {
	height: 40px;
	width: 40px;
	float: left;
	margin-top: 6px;
}
.dispatch-addSample-icons .add-sample-to-cart-icon {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/pdp-images/add-sample-to.png) no-repeat;
}
.dispatch-addSample-icons .stock-available-icon {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/pdp-images/stock-available.png) no-repeat;
}
.dispatch-addSample-icons .sample-warning-icon {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/pdp-images/sample-warning.png) no-repeat;
}
.dispatch-addSample-icons .stock-unavailable-icon {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/pdp-images/sample-unavailable.png) no-repeat;
	height: 40px;
}
.dispatch-addSample-icons .samples-remaining-text {
	padding: 20px 0;
}
.dispatch-addSample-icons .samples-remaining-text h4 {
	line-height: 1.5;
	font-family: 'GalanoGrotesque-SemiBold';
	padding-left: 40px;
}
.catalog-product-view #sample-info-model.modalDialog > div {
	width: 600px;
	max-height: 520px;
	margin: 8% auto 0;
}
@media (min-width: 601px) and (max-width: 768px) {
	.catalog-product-view #sample-info-model.modalDialog > div {
		width: 560px;
		padding: 15px;
		margin: 8% auto 0;
	}
}
@media (min-width: 421px) and (max-width: 600px) {
	.catalog-product-view #sample-info-model.modalDialog > div {
		width: 380px;
		padding: 15px;
		margin: 8% auto 0;
	}
}
@media (min-width: 320px) and (max-width: 420px) {
	.catalog-product-view #sample-info-model.modalDialog > div {
		width: 280px;
		padding: 15px;
		margin: 8% auto 0;
	}
}
.dispatch-addSample-icons .link-dispatch,
.dispatch-addSample-icons .link-add-sample {
	float: left;
	padding: 0 8px;
}
.dispatch-addSample-icons .col-divide-links .label {
	font-weight: bolder;
	color: #1A1A1A;
	font-size: 12px;
	padding-left: 45px;
	cursor: pointer;
}
.dispatch-addSample-icons .link-dispatch .label {
	padding-left: 55px;
}
.dispatch-addSample-icons .label-bold {
	font-family: 'GalanoGrotesque-Medium';
	float: left;
	width: 100%;
}
.dispatch-addSample-icons .col-divide-links {
	display: inline-block;
	width: 48%;
	float: left;
}
.dispatch-addSample-icons .col-divide-icon {
	display: inline-block;
	width: 4%;
	float: left;
}
.dispatch-addSample-icons .info-svg-icon {
	float: right;
	margin: 10px 0 0 5px;
}
.dispatch-addSample-icons .small-font {
	font-size: 13px;
}
.dispatch-addSample-icons .next-line {
	float: left;
	font-family: 'GalanoGrotesque-Regular';
}
.dispatch-addSample-icons .stock-unavailabiliy .next-line {
	display: block;
	width: 100%;
	float: none;
}
.dispatch-addSample-icons .modal-upper-content .label-bold {
	float: none;
}
@media (max-width: 768px) {
	.dispatch-addSample-icons .samples-remaining-text h4 {
		line-height: 1.5;
	}
	.dispatch-addSample-icons .next-line {
		display: block;
	}
	.dispatch-addSample-icons .modal-upper-content .next-line {
		float: none;
	}
	.dispatch-addSample-icons .col-divide-links {
		width: 46%;
	}
	.dispatch-addSample-icons .col-divide-icon {
		width: 8%;
	}
	.dispatch-addSample-icons .info-svg-icon {
		cursor: pointer;
	}
}
.dispatch-addSample-icons .modal-upper-content {
	padding: 15px;
}
.dispatch-addSample-icons .text-hightlight {
	color: #ff5100;
}
.dispatch-addSample-icons .icon {
	float: left;
	width: 25%;
}
.dispatch-addSample-icons .stock-sample-container {
	float: left;
	width: 100%;
	background: #F7F7F7;
	padding: 10px;
	margin-bottom: 20px;
}
.dispatch-addSample-icons .container-divide {
	width: 45%;
	float: left;
	padding-left: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.dispatch-addSample-icons .stock-unavailabiliy {
	padding: 10px;
	float: left;
	width: 100%;
}
.dispatch-addSample-icons .link-dispatch .label-bold {
	width: auto;
	margin-right: 3px;
}
@media (min-width: 320px) and (max-width: 768px) {
	.dispatch-addSample-icons .container-divide {
		width: 90%;
		padding: 10px;
	}
	.dispatch-addSample-icons .stock-sample-container {
		padding: 0;
	}
	.dispatch-addSample-icons .link-dispatch .label,
	.dispatch-addSample-icons .col-divide-links .label {
		background-size: 35px !important;
		padding-left: 40px;
	}
}
.dispatch-addSample-icons .modal-upper-content {
	padding: 15px;
}
.dispatch-addSample-icons .text-hightlight {
	color: #ff5100;
}
.dispatch-addSample-icons .sample-unavailable-text {
	float: left;
	font-weight: bolder;
	color: #1A1A1A;
	font-size: 12px;
	padding-left: 35px;
}
/* Sample product add to cart changes */

/* ECOM-1402 Stock availability label */
.product-view .holder {
	margin: 0;
}
.catalog-product-view .product-img-column {
	margin-top: 20px;
}
.catalog-product-view .stock-status {
	float: right;
    background-color: #ff5100;
	padding: 10px 20px;
	width: 185px;
}
.catalog-product-view .stock-status-text {
	color: #fff;
	margin-left: 5px;
	font-size: 16px;
	font-family: 'worksans-regular';
	float: left;
    width: 155px;
}
.catalog-product-view .stock-clock-image {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/pdp-images/stock-clock-white.png) no-repeat;
	height: 25px;
	width: 25px;
	float: left;
}
@media (max-width: 768px) {
	.catalog-product-view .stock-status {
		margin-bottom: 20px;
	}
}
/* ECOM-1402 Stock availability label end */

/* ECOM-1394 - PDP: Image thumbnail icons */
.catalog-product-view .zoomWrapper,
.catalog-product-view #amasty_zoom {
	width: 100% !important;
}
.catalog-product-view .pdp-zoom-icon,
.catalog-product-view .pdp-wishlist-icon,
.catalog-product-view .pdp-compare-icon {
	position: absolute;
	padding: 10px;
}
.catalog-product-view .pdp-zoom-icon {
	right: 0;
	bottom: 0;
}
.catalog-product-view .pdp-wishlist-icon {
	left: 0;
	top: 0;
}
.catalog-product-view .pdp-compare-icon {
	right: 0;
	top: 0;
}
.catalog-product-view .image-zoom-icon {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/MagnifyingGlass_Active.svg) no-repeat;
	display: inline-block;
	height: 25px;
	width: 25px;
	cursor: pointer;
}
.catalog-product-view .image-zoom-icon:hover {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/MagnifyingGlass_Passive.svg) no-repeat;
}
.catalog-product-view .link-wishlist {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Favourites_Unselected.svg) no-repeat;
	display: inline-block;
	height: 25px;
	width: 25px;	
	cursor: pointer;
}
.catalog-product-view .link-wishlist.added,
.catalog-product-view .link-wishlist:hover {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Favourites_Active.svg) no-repeat;
}
.catalog-product-view .link-compare {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Compare_Arrows.svg) no-repeat;
	display: inline-block;
	height: 25px;
	width: 25px;	
	cursor: pointer;
}
.catalog-product-view .link-compare.added,
.catalog-product-view .link-compare:hover {
	background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/SVG/Compare_Arrows_Selected.svg) no-repeat;
}
/* ECOM-1394 - PDP: Image thumbnail icons end */

/* ECOM-1513 - PDP image loader */
.catalog-product-view .pdp-image-loader {
	width: 50%;
	margin: 25%;
	display: none;
}
/* ECOM-1513 - PDP image loader end */

/* ECOM-1426 - Configurable PDP: Frontend area calculator needs to follow variant */
.area-calc-icon,
.wastage-wrapper {
	visibility: hidden;
}
/* ECOM-1426 - Configurable PDP: Frontend area calculator needs to follow variant end */

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/css/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}

.the-slideshow-wrapper .block_slide520 .caption .h2.heading {
    font-size: 57px;
    margin-bottom: 0.47em;
}

/* Buy online now */
.the-slideshow-wrapper .block_slide529 .caption .h1.heading {
    margin-top:20px;
}

.the-slideshow-wrapper .block_slide529 .caption p {
    margin-bottom:30px;
}

.the-slideshow-wrapper .block_slide529 .caption {
    left:15%;
}

/* Hervery Bay */
.the-slideshow-wrapper .block_slide509 .banner-button {
    background:#FFEFB1;
    color:#14263A;
}

/* Tile Style */
.the-slideshow-wrapper .block_slide556 .caption {
    margin-top:270px;
}

.the-slideshow-wrapper .block_slide556 .caption p {
    font-weight:bold;
}

.the-slideshow-wrapper .block_slide556 .banner-button {
    background:#4c4c4c;
}

.the-slideshow-wrapper .block_slide556 .banner-button:hover {
    background:#FFF7B6;
}


/* Finance page */
.ge-button {
    background:url('/content/sites/default/files/images/finance-ge/apply-now-hover-state.jpg') #a6a4a5;
    background:url('/content/sites/default/files/images/finance-ge/apply-now.jpg') #f5a532;
    display:inline-block;
    font-size:0;
    height:25px;
    margin-top:15px;
    width:98px;
}

    .ge-button:hover {
        background:url('/content/sites/default/files/images/finance-ge/apply-now-hover-state.jpg') #a6a4a5;
    }

.cms-finance .std {
    text-align:center;
}

.cms-finance h2 {
    color:#4a4e54;
    display:inline-block;
    font-size:28.73px;
    font-weight:800;
    margin-top:70px;
    position:relative;
}

    .cms-finance h2:after {
        content:'*';
        font-size:0.8em;
        left:100%;
        position:absolute;
    }

.cms-finance h3 {
    color:#000000;
    letter-spacing:3px;
    font-size:11px;
    margin-bottom:40px;
    padding:0;
    text-transform:uppercase;
}

.cms-finance p {
    color:#343434;
    font-size:16px;
    margin-bottom:10px;
}

.cms-finance .hero {
    margin:45px auto 40px;
}

.cms-finance p small {
    font-size:12px;
}

    .cms-finance p small a {
        color:#1c3d7a;
        font-weight:bold;
    }

.cms-finance .terms {
    font-size:10px;
    line-height:1;
    margin-top:40px;
}

.cms-finance hr {
    margin-top:70px;
}

.cms-finance .text-left {
    text-align:left;
}

.cms-finance .std ul {
    margin-top:10px;
}
/* line 1, ../scss/fancySelect.scss */
div.fancy-select {
  position: relative;
  font-size: 14px;
  color: #908b80;
  display: inline-block;
  vertical-align: middle;
}

/* line 9, ../scss/fancySelect.scss */
div.fancy-select.disabled {
  opacity: 0.5;
}

/* line 16, ../scss/fancySelect.scss */
div.fancy-select select:focus + div.trigger.open {
  box-shadow: none;
}

/* line 20, ../scss/fancySelect.scss */
div.fancy-select div.trigger {
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/icon-menu-store.png") no-repeat 10px 50%;
  color: #908b80;
  padding: 0 40px 0 16px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 42px;
  transition: all 240ms ease-out;
  -webkit-transition: all 240ms ease-out;
  -moz-transition: all 240ms ease-out;
  -ms-transition: all 240ms ease-out;
  -o-transition: all 240ms ease-out;
}

/* line 42, ../scss/fancySelect.scss */
div.fancy-select div.trigger:after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/header-menu-arrow-down.png") no-repeat 100% 50%;
  height: 10px;
  top: 15px;
  right: 10px;
}

/* line 59, ../scss/fancySelect.scss */
div.fancy-select ul.options {
  list-style: none;
  margin: -1px 0 0;
  position: absolute;
  top: 100%;
  left: 0;
  /*right: 0;*/
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  max-height: 200px;
  overflow: auto;
  background: #ffffff;
  color: #908b80;
  min-width: 100%;
  border: 1px solid #ddd;
  box-sizing: border-box;
  transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}

/* line 83, ../scss/fancySelect.scss */
div.fancy-select ul.options.open {
  visibility: visible;
  opacity: 1;
  /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
  /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
  transition: opacity 300ms ease-out, top 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out;
}

/* line 96, ../scss/fancySelect.scss */
div.fancy-select ul.options.overflowing {
  top: auto;
  bottom: 40px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}

/* line 107, ../scss/fancySelect.scss */
div.fancy-select ul.options.overflowing.open {
  top: auto;
  bottom: 50px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}

/* line 118, ../scss/fancySelect.scss */
div.fancy-select ul.options li {
  padding: 2px 5px;
  color: #908b80;
  cursor: pointer;
  white-space: nowrap;
  text-align: left;
  transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
}

/* line 131, ../scss/fancySelect.scss */
div.fancy-select ul.options li.selected {
  background: #dcd8ce;
  color: #4b4b4b;
}

/* line 136, ../scss/fancySelect.scss */
div.fancy-select ul.options li.hover {
  color: #4b4b4b;
}

/* line 140, ../scss/fancySelect.scss */
.fancy-select select {
  padding: 0;
  margin: 0;
}

.jcarousel-wrapper {
    margin: 0px auto;
    position: relative;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #bcb6a7;
}


.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

.jcarousel li .item{
    width: 200px;
    height: 90px;
    padding-right: 50px;
    background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/slider-item-divider.png") 90% 50% no-repeat;
}

.jcarousel li .step-number{
    font-size:70px;
    font-weight: bold;
    line-height: 70px;
    display: inline-block;
    padding-right: 20px;
    vertical-align: middle;
    color:#9b9ea1;
    letter-spacing: -10px;
}

.jcarousel li .step-title{
    display: inline-block;
    height: 70px;
    font-size: 20px;
    line-height: 24px;
    color:#9b9ea1;
    width: 120px;
}

.jcarousel li .step-title p{
    vertical-align: middle;
    display: inline-block;
}

.jcarousel li .active{
    background: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/slider-item-active.png") 30% 100% no-repeat, url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/slider-item-divider.png") 90% 50% no-repeat;
}

.jcarousel li .active .step-number, .jcarousel li .active .step-title{
    color:#474c52;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #dcd8ce;
    text-decoration: none;
    font: 24px/27px Arial, sans-serif;
    cursor: hand;
    cursor: pointer;
}

.jcarousel-control-prev {
    left: -50px;
}

.jcarousel-control-next {
    right: -50px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    display: none;
    /*cursor: default;*/
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    
    margin-right: 2px;
    
    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

.file-preview {
	list-style: none;
	padding: 0;
	margin: 0;
}

	.file-preview h3 {
		font-size:12px;
	}
	.file-preview li {
		margin: 0;
		padding: 10px 0;
		margin: 0;
		overflow: auto;
		border-bottom: solid 1px #ccc;
		position: relative;
	}

		.file-preview li img {
			border: solid 1px #999;
			border-radius:3px;
			padding: 3px;
			margin: 0 10px 0 0;
			display: block;
			float: left;
		}

.file-cancel{
	cursor: pointer;
}

.file-progress{
	font-size:90%;
	color:#777;
}
.intl-tel-input {
  position: relative;
  display: inline-block; }
  .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .intl-tel-input .selected-flag .iti-arrow {
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 3px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
      .intl-tel-input .selected-flag .iti-arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .intl-tel-input .country-list.dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    .intl-tel-input .country-list .flag-box {
      display: inline-block;
      width: 20px; }
    @media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
    .intl-tel-input .country-list .country.highlight {
      background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }
  .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 55px !important;
    margin-left: 0; }
  .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0; }
  .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px; }
  .intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer; }
    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default; }
    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
      background-color: transparent; }
  .intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table; }
  .intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px; }
  .intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .intl-tel-input.iti-container:hover {
      cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em; }

.iti-flag {
  width: 20px; }
  .iti-flag.be {
    width: 18px; }
  .iti-flag.ch {
    width: 15px; }
  .iti-flag.mc {
    width: 19px; }
  .iti-flag.ne {
    width: 18px; }
  .iti-flag.np {
    width: 13px; }
  .iti-flag.va {
    width: 15px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti-flag {
      background-size: 5652px 15px; } }
  .iti-flag.ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti-flag.af {
    height: 14px;
    background-position: -66px 0px; }
  .iti-flag.ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti-flag.al {
    height: 15px;
    background-position: -132px 0px; }
  .iti-flag.am {
    height: 10px;
    background-position: -154px 0px; }
  .iti-flag.ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti-flag.aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti-flag.ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti-flag.as {
    height: 10px;
    background-position: -242px 0px; }
  .iti-flag.at {
    height: 14px;
    background-position: -264px 0px; }
  .iti-flag.au {
    height: 10px;
    background-position: -286px 0px; }
  .iti-flag.aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti-flag.az {
    height: 10px;
    background-position: -352px 0px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti-flag.bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti-flag.be {
    height: 15px;
    background-position: -440px 0px; }
  .iti-flag.bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti-flag.bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti-flag.bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti-flag.bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti-flag.bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -680px 0px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti-flag.bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti-flag.bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti-flag.bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti-flag.by {
    height: 10px;
    background-position: -790px 0px; }
  .iti-flag.bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti-flag.cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti-flag.cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti-flag.ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti-flag.co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti-flag.cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti-flag.de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti-flag.do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti-flag.er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti-flag.es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti-flag.et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti-flag.id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti-flag.il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti-flag.im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti-flag.in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti-flag.io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti-flag.is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti-flag.it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti-flag.je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti-flag.km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti-flag.la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti-flag.li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti-flag.md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti-flag.me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti-flag.my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti-flag.na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti-flag.no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti-flag.np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti-flag.om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti-flag.py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti-flag.re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti-flag.se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti-flag.si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti-flag.so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti-flag.st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti-flag.td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti-flag.th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti-flag.to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti-flag.um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti-flag.un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti-flag.us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti-flag.uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti-flag.va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti-flag.vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti-flag.ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti-flag.vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti-flag.vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti-flag.wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti-flag.xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti-flag.ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti-flag.yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti-flag.za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti-flag.zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -5632px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti-flag {
      background-image: url("https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/img/flags@2x.png"); } }

.iti-flag.np {
  background-color: transparent; }
.osc-short.input-box.input-telephone {
  display: inline;
}
/* line 1, ../scss/locator.scss */
#map {
  width: 100%;
  height: 696px;
}
@media (max-width: 767px) {
  /* line 1, ../scss/locator.scss */
  #map {
    height: 260px;
  }
}

/* line 8, ../scss/locator.scss */
.map-holder {
  overflow: hidden;
  position: relative;
}
/* line 11, ../scss/locator.scss */
.map-holder .holder {
  position: relative;
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  /* line 11, ../scss/locator.scss */
  .map-holder .holder {
    margin: 0;
  }
}

/* line 19, ../scss/locator.scss */
.store-data {
  float: left;
  width: 415px;
  margin: 0 20px 0 0;
  background: #f7f7f7;
  box-sizing: border-box;
  border-bottom: 3px solid #f1e6b2;
  height: 696px;
  padding: 15px 30px;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}
@media (max-width: 1024px) {
  /* line 19, ../scss/locator.scss */
  .store-data {
    width: 45%;
  }
}
@media (max-width: 767px) {
  /* line 19, ../scss/locator.scss */
  .store-data {
    float: none;
    width: 100%;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 767px) {
  /* line 42, ../scss/locator.scss */
  .store-data h3 {
    font-size: 18px;
    line-height: 23px;
  }
}
/* line 48, ../scss/locator.scss */
.store-data h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #474747;
  margin: 0 0 14px;
}
@media (max-width: 767px) {
  /* line 48, ../scss/locator.scss */
  .store-data h4 {
    font-size: 15px;
    line-height: 20px;
  }
}
/* line 58, ../scss/locator.scss */
.store-data h4:empty {
  display: none;
}
/* line 60, ../scss/locator.scss */
.store-data p {
  margin: 0 0 17px;
}
/* line 66, ../scss/locator.scss */
.store-data .info {
  width: 260px;
}
/* line 68, ../scss/locator.scss */
.store-data .info li {
  float: none;
  clear: both;
}
/* line 71, ../scss/locator.scss */
.store-data .info li .value {
  float: right;
  width: 50%;
}

/* line 78, ../scss/locator.scss */
.search-panel {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  padding: 0 5px 20px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 50px;
  color: #666;
  font-weight: 600;
}
@media (max-width: 767px) {
  /* line 78, ../scss/locator.scss */
  .search-panel {
    font-size: 14px;
    line-height: 30px;
  }
}
/* line 91, ../scss/locator.scss */
.search-panel p {
  float: left;
}
@media (max-width: 1024px) {
  /* line 91, ../scss/locator.scss */
  .search-panel p {
    float: none;
    width: 100%;
    text-align: center;
  }
}
/* line 99, ../scss/locator.scss */
.search-panel input {
  display: inline-block;
  vertical-align: top;
  width: 238px;
  box-sizing: border-box;
  padding: 0 15px;
  line-height: 50px;
  color: #666;
  font-size: 16px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 0 24px;
  font-weight: 400;
}
@media (max-width: 767px) {
  /* line 99, ../scss/locator.scss */
  .search-panel input {
    display: block;
    margin: 0 0 5px;
    width: 100%;
    line-height: 40px;
    font-size: 14px;
  }
}
/* line 121, ../scss/locator.scss */
.search-panel .geocoder-submit,
.search-panel .geocoder-submit-button {
  margin: 0 0 0 12px;
  font-size: 16px;
  font-weight: bolder;
  font-family: "Open Sans",arial,sans-serif;
  line-height: 50px;
  height: auto;
  color: #fff;
  border-style: none;
  background: #4a5364;
  -webkit-appearance: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 20px;
  min-width: 0;
  width: auto;
}
@media (max-width: 767px) {
  /* line 121, ../scss/locator.scss */
  .search-panel .geocoder-submit,
  .search-panel .geocoder-submit-button {
    width: 100%;
    display: block;
    margin: 0;
    line-height: 40px;
    font-size: 14px;
  }
}
/* line 146, ../scss/locator.scss */
.search-panel .or {
  margin: 0 30px;
  font-weight: 700;
}
@media (max-width: 1024px) {
  /* line 146, ../scss/locator.scss */
  .search-panel .or {
    display: block;
    text-align: center;
  }
}
@media (max-width: 767px) {
  /* line 146, ../scss/locator.scss */
  .search-panel .or {
    line-height: 50px;
  }
}
/* line 157, ../scss/locator.scss */
.search-panel .state-list {
  overflow: hidden;
}
@media (max-width: 1024px) {
  /* line 157, ../scss/locator.scss */
  .search-panel .state-list {
    width: 100%;
    text-align: center;
    line-height: 30px;
  }
}
/* line 164, ../scss/locator.scss */
.search-panel .state-list li {
  font-size: 23px;
  color: #4a5364;
  text-transform: uppercase;
  margin: 0 16px 0 0;
  float: left;
}
@media (max-width: 1024px) {
  /* line 164, ../scss/locator.scss */
  .search-panel .state-list li {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 767px) {
  /* line 164, ../scss/locator.scss */
  .search-panel .state-list li {
    font-size: 15px;
    margin: 0 5px 0 0;
  }
}
/* line 179, ../scss/locator.scss */
.search-panel .state-list li:after {
  content: "|";
  margin: 0 0 0 18px;
  float: right;
}
@media (max-width: 767px) {
  /* line 179, ../scss/locator.scss */
  .search-panel .state-list li:after {
    margin: 0 0 0 5px;
  }
}
/* line 188, ../scss/locator.scss */
.search-panel .state-list li:last-child:after {
  display: none;
}
/* line 192, ../scss/locator.scss */
.search-panel .state-list li .separator {
  display: none;
}

/* line 199, ../scss/locator.scss */
.stores-map .stores {
  float: left;
  width: 415px;
  margin: 0 20px 0 0;
  background: #f7f7f7;
  box-sizing: border-box;
  border-bottom: 3px solid #f1e6b2;
  height: 696px;
  padding: 15px 30px;
  position: relative;
}
@media (max-width: 1024px) {
  /* line 199, ../scss/locator.scss */
  .stores-map .stores {
    width: 45%;
  }
}
@media (max-width: 767px) {
  /* line 199, ../scss/locator.scss */
  .stores-map .stores {
    width: 100%;
    float: none;
    margin: 0 0 20px;
    padding: 15px 20px;
    height: auto;
  }
}
/* line 219, ../scss/locator.scss */
.stores-map .stores .head {
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #4a5364;
  padding: 0 0 13px;
  border-bottom: 1px solid #e5e5e5;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  /* line 219, ../scss/locator.scss */
  .stores-map .stores .head {
    font-size: 13px;
    line-height: 15px;
  }
}
/* line 231, ../scss/locator.scss */
.stores-map .stores .head .count {
  float: right;
}
@media (max-width: 767px) {
  /* line 235, ../scss/locator.scss */
  .stores-map .stores .store-list {
    position: static;
  }
}
/* line 239, ../scss/locator.scss */
.stores-map .stores .store-list li {
  padding: 18px 0 18px 28px;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  background: url(https://www.nationaltiles.com.au/skin/frontend/nationaltiles/default/images/mark.png) no-repeat 0 20px;
}
@media (max-width: 1024px) {
  /* line 239, ../scss/locator.scss */
  .stores-map .stores .store-list li {
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 767px) {
  /* line 239, ../scss/locator.scss */
  .stores-map .stores .store-list li {
    display: none;
  }
  /* line 253, ../scss/locator.scss */
  .stores-map .stores .store-list li:nth-child(-n+5) {
    display: block !important;
  }
}
/* line 258, ../scss/locator.scss */
.stores-map .stores .store-list .store-info {
  width: 100%;
  overflow: hidden;
}
/* line 261, ../scss/locator.scss */
.stores-map .stores .store-list .store-info h3 {
  font-size: 18px;
  line-height: 24px;
  color: #474747;
  font-weight: 700;
  padding: 0;
  margin: 0;
}
@media (max-width: 1024px) {
  /* line 261, ../scss/locator.scss */
  .stores-map .stores .store-list .store-info h3 {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 5px;
  }
}
/* line 274, ../scss/locator.scss */
.stores-map .stores .store-list .store-info .coordinates {
  float: right;
  font-size: 16px;
  line-height: 24px;
  color: #666;
}
/* line 281, ../scss/locator.scss */
.stores-map .stores .store-list a {
  color: #0d004c;
  text-decoration: underline;
}
/* line 284, ../scss/locator.scss */
.stores-map .stores .store-list a:hover {
  text-decoration: none;
}
/* line 290, ../scss/locator.scss */
.stores-map .stores.active .button.mobile-show .hide {
  display: block;
}
/* line 291, ../scss/locator.scss */
.stores-map .stores.active .button.mobile-show .load {
  display: none;
}
/* line 297, ../scss/locator.scss */
.stores-map .button.mobile-show {
  display: none;
}
@media (max-width: 767px) {
  /* line 297, ../scss/locator.scss */
  .stores-map .button.mobile-show {
    display: block;
    border-color: #f3e6b1;
    font-size: 14px;
    line-height: 38px;
  }
  /* line 304, ../scss/locator.scss */
  .stores-map .button.mobile-show .hide {
    display: none;
  }
}

/* line 309, ../scss/locator.scss */
.map-btn {
  position: absolute;
  right: 10px;
  bottom: 20px;
  background: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
/* line 317, ../scss/locator.scss */
.map-btn #zoomin,
.map-btn #zoomout {
  width: 25px;
  height: 25px;
  font-size: 25px;
  line-height: 25px;
  text-indent: -9999em;
  position: relative;
  cursor: pointer;
}
/* line 329, ../scss/locator.scss */
.map-btn #zoomin:after,
.map-btn #zoomout:after {
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
  display: block;
  text-align: center;
  width: 100%;
}
/* line 339, ../scss/locator.scss */
.map-btn #zoomin:after {
  content: "+";
}
/* line 343, ../scss/locator.scss */
.map-btn #zoomout {
  margin: 0 0 3px;
}
/* line 345, ../scss/locator.scss */
.map-btn #zoomout:after {
  content: "-";
}

/* line 351, ../scss/locator.scss */
.locations-index-view .store-data {
  height: auto;
}
/* line 354, ../scss/locator.scss */
.locations-index-view .store-info-wrapper {
  font-size: 16px;
  line-height: 26px;
  color: #333;
  margin: 0 0 16px;
  padding: 0 0 20px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  /* line 354, ../scss/locator.scss */
  .locations-index-view .store-info-wrapper {
    font-size: 14px;
    line-height: 17px;
  }
}
/* line 365, ../scss/locator.scss */
.locations-index-view .store-info-wrapper .direction {
  display: inline-block;
  vertical-align: top;
  padding: 0 33px;
  font-size: 18px;
  line-height: 57px;
  color: #fff;
  font-weight: 700;
  background: #4a5364;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0 0;
}
@media (max-width: 767px) {
  /* line 365, ../scss/locator.scss */
  .locations-index-view .store-info-wrapper .direction {
    font-size: 14px;
    line-height: 38px;
  }
}
/* line 381, ../scss/locator.scss */
.locations-index-view .store-info-wrapper .direction .fa {
  font-size: 1.2em;
  margin: 0 9px 0 0;
}
/* line 386, ../scss/locator.scss */
.locations-index-view .store-info-wrapper p {
  margin: 0;
}

/* line 392, ../scss/locator.scss */
.banner img {
  width: 100%;
  height: auto;
}

/* SEARCH BOX */
.ais-search-box--powered-by {
  font-size: .8em;
  text-align: right;
  margin-top: 2px;
}

input::-ms-clear {
  display: none;
}

/* PAGINATION */
#instant-search-pagination-container {
  width: 100%;
  text-align: center;
}
.ais-pagination {
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin: 20px auto;
}
.ais-pagination li {
  display: inline-block;
}
.ais-pagination--item a {
  padding: 5px 10px;
  margin: 0 5px;
  line-height: 25px;
  background-color: white;
  color: #727272;
}

.ais-pagination li.ais-pagination--item__disabled {
  display: none;
}

.ais-pagination--item__active a {
  font-weight: bolder;
  color: #606060;
  text-decoration: underline;
}

.ais-pagination--item.ais-pagination--item__next a,
.ais-pagination--item.ais-pagination--item__previous a {
  font-weight: bold;
  color: #606060;
}

/* REFINEMENT LIST */

.ais-menu--link,
.ais-hierarchical-menu--link,
.ais-price-ranges--link,
.ais-refinement-list--label {
  padding: 4px 10px;
  cursor: pointer;
  color: #636363;
  text-decoration: none;
  display: block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.ais-hierarchical-menu--item__active > div > .ais-hierearchical-link-wrapper > .ais-hierarchical-menu--link,
.ais-refinement-list--item__active > div > .ais-hierarchical-list--link,
.ais-refinement-list--item__active > div > .ais-refinement-list--label,
.ais-price-ranges--item__active > .ais-price-ranges--link{
  font-weight: bold;
  box-shadow: inset 3px 0 0 #3399cc;
}

.ais-hierearchical-link-wrapper, .ais-refinement-list--item {
  padding: 7px 0px;
}

.ais-refinement-list--label, .ais-hierarchical-menu--link {
  line-height: 1.0em;
  padding: 0px 10px;
}

.ais-refinement-list--label img {
  display: inline;
}

.ais-hierarchical-menu--item__active .ais-hierearchical-link-wrapper .cross-circle,
.ais-refinement-list--item__active .cross-circle {
  display: none;
}

.ais-hierarchical-menu--item__active .ais-hierearchical-link-wrapper:hover .cross-circle,
.ais-refinement-list--item__active:hover .cross-circle {
  display: inline;
  text-decoration: underline;
  vertical-align: bottom;
  margin-left: 6px;
}

.ais-refinement-list--item:hover {
  text-decoration: underline;
}

.ais-price-ranges--input
{
  width: 70px !important;
}

.ais-price-ranges--label
{
  margin: 5px;
}

.ais-refinement-list--checkbox
{
  margin-right: 10px;
}

.current-refinements
{
  position: relative;
}

.ais-current-refined-values--link
{
  cursor: pointer;
  color: #636363;
  border-radius: 2px;
  border: solid 1px #DDDDDD;
  background-color: #f4f4f4;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  padding: 0 8px 0 0;
  height: 28px;
  overflow: hidden;
}

.ais-current-refined-values--clear-all
{
  position: absolute;
  right: 6px;
  top: 3px;
  color: #666666;
  font-weight: 500;
}

a.ais-current-refined-values--link:hover
{
  text-decoration: none;
}

.ais-current-refined-values--item {
  margin-top: 8px;
}

.ais-current-refined-values--item:after {
  clear: both;
  content: "";
  display: block;
}

.ais-current-refined-values--item .current-refinement-label {
  font-weight: bold;
}

.ais-current-refined-values--item .cross-wrapper {
  font-weight: bold;
  background-color: #DDDDDD;
  border-radius: 1px 0 0 1px;
  float: left;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
}

.ais-current-refined-values--link:hover .cross-wrapper {
  text-decoration: none;
}

.ais-current-refined-values--link .cross-wrapper img {
  display: inline;
  margin-top: 6px;
}


.ais-current-refined-values--item .current-refinement-wrapper {
  float: left;
  width: calc(100% - 26px);
  height: 26px;
  padding-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 26px;
}

.ais-current-refined-values--link:hover .current-refinement-wrapper {
  text-decoration: line-through;
}

.ais-menu--link:hover,
.ais-price-ranges--link:hover,
.ais-hierarchical-menu--link:hover {
  color: #636363;
}
.ais-menu--count, .ais-hierarchical-menu--count, .ais-refinement-list--count {
  float: right;
  color: #666;
}

/* RANGE SLIDER */

.ais-range-slider--target {
  position: relative;
  direction: ltr;
  background: #F3F4F7;
  height: 6px;
  margin-top: 3em;
  margin-bottom: 4em;
  width: 88%;
  margin-left: 6%;
}

.ais-range-slider--base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-left: 2px solid #DDD;
  border-right: 2px solid #DDD;
}

.ais-range-slider--origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.ais-range-slider--connect {
  background: #b5b6b9;
}

.ais-range-slider--background {
  background: #F3F4F7;
}

.ais-range-slider--handle {
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  border: 1px solid #c8c8c8;
  border-radius: 50%;
  cursor: pointer;
}

.ais-range-slider--handle-lower {
  left: -10px;
  bottom: 7px;
}

.ais-range-slider--handle-upper {
  right: 10px;
  bottom: 7px;
}

.ais-range-slider--tooltip {
  position: absolute;
  background: #FFFFFF;
  top: -2em;
  min-width: 20px;
  text-align: center;
  font-size: .8em;
}

.ais-range-slider--pips {
  box-sizing: border-box;
  position: absolute;
  height: 3em;
  top: 100%;
  left: 0;
  width: 100%;
}

.ais-range-slider--value {
  width: 40px;
  position: absolute;
  text-align: center;
  margin-left: -20px;
  padding-top: 15px;
  font-size: .8em;
}

.ais-range-slider--value-sub {
  font-size: .8em;
  padding-top: 15px;
}

.ais-range-slider--marker {
  position: absolute;
  margin-left: -1px;
  width: 1px;
  height: 5px;
}

.ais-range-slider--marker-large {
  background: #DDD;
  width: 2px;
  margin-left: -2px;
  height: 12px;
}

.ais-range-slider--marker-large:first-child {
  margin-left: 0;
}
/******************
**
** Auto-completion menu
**
******************/

.autocomplete-wrapper div {
    box-sizing: border-box;
}

#algolia-autocomplete-container .aa-dropdown-menu .before_special {
  color: #aaaaaa;
  text-decoration: line-through;
  font-size: 12px;
}

#algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .category-tag {
    color: #3284b6;
}

#algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .details {
  font-size: 10px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .details em {
  color: #222222;
}

#algolia-autocomplete-tt.algolia-autocomplete {
  width: 100%;
  display: inline-block !important;
}

#algolia-autocomplete-container .aa-dropdown-menu {
  position: absolute;
  margin-top: -1px;
  right: 0px;
  width: 100%;
  z-index: 1000 !important;
  border: 1px solid #eee;
  border-radius: 1px;
  background: white;
}

@media (min-width: 992px) {
  #algolia-autocomplete-container .aa-dropdown-menu {
    width: 71.1%;
    min-width: 800px;
    /* top: -615px !important; */
  }
}

#algolia-autocomplete-container .aa-dropdown-menu .col-2 {
  position: relative;
}

#algolia-autocomplete-container .aa-dropdown-menu .col-2 .col-left {
  width: 67%;
}

#algolia-autocomplete-container .aa-dropdown-menu .col-2 .col-right {
  width: 33%;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products {
  padding: 40px 40px;
  min-height: 250px;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .title {
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 16px;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .suggestions {
  margin-bottom: 30px;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .see-all a {
  color: #636363;
  font-weight: bold;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results {
  padding: 10px;
  font-style: italic;
}

#algolia-autocomplete-container .aa-dropdown-menu .category {
  padding: 4px;
  color: rgb(166, 166, 166);
  text-align: left;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold;
}

#algolia-autocomplete-container .aa-dropdown-menu .category-suggestions {
  padding: 4px;
  color: #54A5CD;
  text-align: left;
  font-size: 0.7em;
  text-transform: uppercase;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit {
  display: block;
  position: relative;
  padding: 5px 10px;
  color: #000;
  text-align: left;
  text-decoration: none;
}

#algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-dataset-suggestions .algoliasearch-autocomplete-hit {
  padding-left: 30px;
}

#algolia-autocomplete-container .aa-dropdown-menu.aa-without-products .col9 {
  background-color: #F9F9F9;
}

#algolia-autocomplete-container .aa-dropdown-menu.aa-without-products #autocomplete-products-footer {
  display: none;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion {
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
  #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion {
    display: inline-block;
    width: 50%;
  }
}


#algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .algoliasearch-autocomplete-hit {
  padding: 15px 10px;
}

.autocomplete-wrapper {
  width: 100%;
}

.autocomplete-wrapper:after {
  clear: both;
  content: '';
}

.col9 {
  float: right;
  width: 100%;
}

.col3 {
  float: right;
  width: 100%;
}

#algolia-autocomplete-container.reverse .col3 {
  float: left;
  width: 100%;
}

#algolia-autocomplete-container.reverse .col9 {
  float: left;
  width: 100%;
}

@media (min-width: 768px) {
  .col9 {
    float: right;
    width: 70%;
  }

  .col3 {
      border-right: solid 1px #eeeeee;
    float: right;
    width: 30%;
  }

  #algolia-autocomplete-container.reverse .col3 {
    float: left;
    width: 30%;
  }

  #algolia-autocomplete-container.reverse .col9 {
    border-right: solid 1px #eeeeee;
    float: left;
    width: 70%;
  }
}

.other-sections {
  margin: 20px 10px;
  margin-bottom: 70px;
}


.aa-dataset-products .aa-suggestions {
  margin: 10px auto 10px auto;
}

.aa-dataset-suggestions {
  display: none;
}

@media (min-width: 768px) {
  .aa-dataset-suggestions {
    display: block;
  }
}


@media (min-width: 768px) {
  .aa-dataset-products .aa-suggestions {
    margin: 10px auto 50px auto;
  }
}


.aa-dataset-products .aa-suggestions:after {
  content:'';
  display:block;
  clear: both;
}

#algolia-autocomplete-container .aa-dropdown-menu .other-sections .algoliasearch-autocomplete-hit {
  padding-left: 10px;
}

#algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-suggestions {
  margin-bottom: 20px;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-cursor .algoliasearch-autocomplete-hit {
    background-color: #f2f2f2;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit em {
  font-weight: bold;
  font-style: normal;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-price {
  font-size: 1.1em;
    display: none;
  height: 22px;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb {
  float: left;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb img {
  width: 50px;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info {
  margin-left: 60px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#autocomplete-products-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  background-color: #F9F9F9;
  padding: 15px;
  text-align: center;
  display: none;
}

#algolia-autocomplete-container.reverse #autocomplete-products-footer {
  right: auto;
  left: 0;
}

@media (min-width: 768px) {
  #autocomplete-products-footer {
    display: block;
  }
}

#autocomplete-products-footer span {
  color: #15769c;
  font-weight: 600;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category {
  font-size: 0.8em;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category em {
  color: #222;
}

#algolia-autocomplete-container .aa-dropdown-menu .footer_algolia {
  position: absolute;
  width: 100%;
  padding: 10px;
  text-align: center;
  bottom: 4px;
  left: 4px;
  font-size: 13px;
}

#algolia-autocomplete-container.reverse .aa-dropdown-menu .footer_algolia {
  left: auto;
  right: 4px;
}

@media (min-width: 768px) {
  #algolia-autocomplete-container .aa-dropdown-menu .footer_algolia {
    width: 30%;
  }
}

#algolia-autocomplete-container .aa-dropdown-menu .footer_algolia span {
  color: #B8B8B8;
  font-size: 10px;
}

#algolia-autocomplete-container .aa-dropdown-menu .footer_algolia img {
  display: inline;
  height: 1.5em;
  vertical-align: bottom;
}

/**
 * Search Box
*/
#algolia-searchbox{
  margin: 20px 0;
  position: relative;
}

#algolia-searchbox .clear-query-autocomplete {
  position: absolute;
  top: 13px;
  right: 12px;
  cursor: pointer;
  display: none;
}

#algolia_instant_selector .clear-query-instant {
  position: absolute;
  top: 13px;
  right: 12px;
  cursor: pointer;
  display: none;
}

#algolia-searchbox svg.magnifying-glass, #algolia-autocomplete-container svg.magnifying-glass {
  position: absolute;
  top: 8px;
  right: 6px;
  fill: #54A5CD;
  stroke: #54A5CD;
}

.search-page #algolia-searchbox svg.magnifying-glass {
  fill: #A6A6A6;
  stroke: #A6A6A6;
}

#algolia-autocomplete-container .aa-suggestions svg.algolia-glass-suggestion.magnifying-glass {
  right: auto;
  left: 5px;
  top: 7px;
  fill: #A6A6A6;
  stroke: #A6A6A6;
}

#algolia-searchbox .algolia-search-input {
  width: 300px;
  float: right;
}

#algolia-searchbox .algolia-search-input:focus {
  outline: 0;
  box-shadow: none;
  border: solid 1px #54A5CD;
}

/**
 * Instant Search
 */

#algolia_instant_selector {
  margin: 10px;
}

#algolia_instant_selector a,
#algolia_instant_selector a:hover,
#algolia_instant_selector a:focus {
  outline: 0;
}

#algolia_instant_selector:after {
  content: "";
  clear: both;
  display: block;
}

#algolia_instant_selector .category {
}

#algolia_instant_selector .title {
}

#algolia_instant_selector .title img {
  width: 200px;
}

#algolia_instant_selector .text-ellipsis
{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#algolia_instant_selector #instant-search-bar {
  float: left;
  width: calc(100% - 140px);
  height: 40px;
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  border: solid 2px #54A5CD;
  border-left: none;
  padding-left: 6px;
  padding-top: 2px;
}

#algolia_instant_selector.with-facets #algolia-right-container {
}

#algolia_instant_selector.with-facets #algolia-left-container {
  min-height: 1px;
}

#algolia_instant_selector .hits .infos {
  margin: 0 15px;
  padding: 6px 10px;
  color: #aaa;
  text-align: center;
  background: #F4F4F4;
  font-size: 12px;
  clear: both;
}
#algolia_instant_selector .hits .infos strong {
  color: #555;
}

#algolia_instant_selector .hits .sort-by-label {
  margin-right: 8px;
}

#algolia_instant_selector .hits .no-results {
  margin: 40px 25px;
  color: #636363;
  font-size: 16px;
}

#algolia_instant_selector a:hover {
  color: #666666;
}

#algolia_instant_selector .hits .no-results strong {
  color: #555;
}

#algolia_instant_selector .hits .no-results .clear-button {
  cursor: pointer;
}

#algolia_instant_selector .hits .no-results .popular-searches {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 30px;
}

/**
 * Facets
 */

#algolia_instant_selector .infos .algolia-logo {
  font-size: 10px;
}

#algolia_instant_selector .facets {
  padding-top: 50px;
}

@media (max-width: 992px) {
  #algolia_instant_selector .facets {
    padding-top: 10px;
  }
}

#algolia_instant_selector .ais-current-refined-values.facet .ais-current-refined-values--body {
  padding-left: 8px;
}

#algolia_instant_selector .facet {
  margin-bottom: 15px;
  padding-bottom: 6px;
  background-color: white;
  border: solid 1px #efefef;
}

#algolia_instant_selector .facet:not(:first-child) {
  margin-top: 10px;
}

#algolia_instant_selector .ais-header {
  margin-bottom: 7px;
}

#algolia_instant_selector .ais-header.ais-current-refined-values--header {
  margin-bottom: 13px;
}

#algolia_instant_selector .facet .name {
  padding: 4px 8px;
  font-weight: 500;
  background-color: #f4f4f4;
  color: #757575;
  text-align: left;
  text-transform: uppercase;
}

.ais-current-refined-values.facet {
  position: relative;
}

#algolia_instant_selector .as-range-slider--base
{
    margin-top: 45px;
}

#algolia_instant_selector .hierarchical .ais-hierarchical-menu--list
{
  padding-left: 10px;
}

#algolia_instant_selector .hierarchical .ais-hierarchical-menu--list.ais-hierarchical-menu--list__lvl0
{
  padding-left: 0px;
}

#algolia_instant_selector .facet .sub_facet:not(:last-child) {
  border-bottom: 1px dotted #e0e0e0;
}

#algolia_instant_selector .text-center {
  text-align: center;
}

#algolia_instant_selector em {
  background-color: #CFEAFA;
  font-style: normal;
}

#algolia_instant_selector h1 {
  margin: 0;
}

#algolia_instant_selector .result {
  display: block;
  margin: 15px 0;
  padding: 16px 24px;
  border: solid 1px #EDEDED;
  background-color: white;
}

#algolia_instant_selector .price-wrapper {
  height: 25px;
}

#algolia_instant_selector .result:hover {
  border-color: #b9b9b9;
  text-decoration: none;
}

#algolia_instant_selector .result .result-thumbnail {
  text-align: center;
}

#algolia_instant_selector .result .result-thumbnail img {
  display: inline;
  height: 148px;
  width: auto;
}

#algolia_instant_selector .result .result-thumbnail .no-image {
  display: block;
  height: 148px;
  background: #FAFAFA;
}

#algolia_instant_selector .result .ratings .rating-box {
  margin: 0 auto 10px;
  float: inherit;
}

#algolia_instant_selector h3
{
  margin-bottom: 0;
}

#algolia_instant_selector .result .price {
  text-align: center;
  font-size: 1.2em;
  color: #54A5CD;
}

#algolia_instant_selector .result .result-title {
  font-size: 14px;
  text-align: center;
  color: #636363;
}

#algolia_instant_selector .ui-widget-header {
  background-color: #bcbcbc;
}

#algolia_instant_selector .result-thumbnail img {
  width: 100%;
}


/** INSTANT SEARCH BAR **/

#algolia_instant_selector #instant-search-bar-container {
  padding-top: 0px;
  margin-bottom: 15px;
  width: 100%;
  position: relative;
}

#algolia_instant_selector #instant-search-bar-container:after {
  clear: both;
  content: "";
  display: block;
}

#algolia_instant_selector .as-search-box--input {
  width: 100%;
  height: 40px;
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}

#algolia_instant_selector #instant-search-bar:focus {
    outline: 0;
    box-shadow: none;
}

#algolia_instant_selector #instant-search-box label {
  display: none;
}

#algolia_instant_selector .instant-search-bar-label {
  background-color: #54A5CD;
  height: 40px;
  line-height: 24px;
  padding: 8px 12px;
  color: white;
  float: left;
  width: 140px;
  text-align: right;
}

#algolia_instant_selector #instant-search-box svg.magnifying-glass {
  position: absolute;
  top: 8px;
  left: 8px;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

#algolia_instant_selector .before_special {
  color: #aaaaaa;
  text-decoration: line-through;
  font-size: 12px;
}

#algolia_instant_selector button:hover {
  background: #2E8AB8 none repeat scroll 0% 0%;
  cursor: pointer;
}

.ais-price-ranges--button {
  background: #39C none repeat scroll 0% 0%;
  padding: 5px 15px;
  margin-left: 10px;
  border: 0px none;
  color: #FFF;
  font-size: 13px;
  font-weight: normal;
  font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

#algolia_instant_selector button:not(.ais-price-ranges--button) {
  background: #f4f4f4 none repeat scroll 0% 0%;
  display: block;
  margin: auto;
  margin-top: 0px;
  padding: 7px 15px;
  border: 0px none;
  color: #666666;
  font-size: 13px;
  font-weight: normal;
  font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}

#algolia_instant_selector button:not(.ais-price-ranges--button):hover {
  background: rgb(53, 153, 204) none repeat scroll 0% 0%;
  color: white;
}

#algolia_instant_selector .pull-left {
  float: left;
}

#algolia_instant_selector .pull-right {
  float: right;
}

#algolia_instant_selector #refine-toggle
{
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border: solid 1px #EDEDED;
  margin: 10px 0 20px 0;
  font-weight: bold;
  cursor: pointer;
}

#algolia-static-content
{
  margin-bottom: 20px;
}

/**
** GRID
*/

#algolia_instant_selector, #algolia_instant_selector *,
#search_mini_form, #search_mini_form * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#algolia_instant_selector:before, #algolia_instant_selector:after,
#algolia_instant_selector *:before, #algolia_instant_selector *:after,
#search_mini_form:before, #search_mini_form:after,
#search_mini_form *:before, #search_mini_form *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.visible-xs, .visible-sm {
  display: none!important
}

.hidden-xs, .hidden-sm {
  display: block !important
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important
  }

  .hidden-xs {
    display: none!important
  }
}

@media (max-width: 992px) {
  .visible-sm {
    display: block !important
  }

  .hidden-sm {
    display: none!important
  }
}

#algolia-autocomplete-container:after, .autocomplete-wrapper:after {
  clear: both;
  content: '';
}