/*

 * Corrects `block` display not defined in IE 8/9.

 */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section,

summary {

  display: block;

}



/*

 * Corrects `inline-block` display not defined in IE 8/9.

 */

audio,

canvas,

video {

  display: inline-block;

}



/*

 * Prevents modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

audio:not([controls]) {

  display: none;

  height: 0;

}



/*

 * Addresses styling for `hidden` attribute not present in IE 8/9.

 */

[hidden] {

  display: none;

}



/* ==========================================================================

   Base

   ========================================================================== */

/*

 * 1. Sets default font family to sans-serif.

 * 2. Prevents iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */

html {

  font-family: sans-serif;

  /* 1 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

  -ms-text-size-adjust: 100%;

  /* 2 */

}



/*

 * Removes default margin.

 */

body {

  margin: 0;

}



/* ==========================================================================

   Links

   ========================================================================== */

/*

 * Addresses `outline` inconsistency between Chrome and other browsers.

 */

a:focus {

  outline: thin dotted;

}



/*

 * Improves readability when focused and also mouse hovered in all browsers.

 */

a:active,

a:hover {

  outline: 0;

}



/* ==========================================================================

   Typography

   ========================================================================== */

/*

 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,

 * Safari 5, and Chrome.

 */

h1 {

  font-size: 2em;

}



/*

 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.

 */

abbr[title] {

  border-bottom: 1px dotted;

}



/*

 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.

 */

b,

strong {

  font-weight: bold;

}



/*

 * Addresses styling not present in Safari 5 and Chrome.

 */

dfn {

  font-style: italic;

}



/*

 * Addresses styling not present in IE 8/9.

 */

mark {

  background: #ff0;

  color: #000;

}



/*

 * Corrects font family set oddly in Safari 5 and Chrome.

 */

code,

kbd,

pre,

samp {

  font-family: monospace, serif;

  font-size: 1em;

}



/*

 * Improves readability of pre-formatted text in all browsers.

 */

pre {

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}



/*

 * Sets consistent quote types.

 */

q {

  quotes: "\201C" "\201D" "\2018" "\2019";

}



/*

 * Addresses inconsistent and variable font size in all browsers.

 */

small {

  font-size: 80%;

}



/*

 * Prevents `sub` and `sup` affecting `line-height` in all browsers.

 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



/* ==========================================================================

   Embedded content

   ========================================================================== */

/*

 * Removes border when inside `a` element in IE 8/9.

 */

img {

  border: 0;

}



/*

 * Corrects overflow displayed oddly in IE 9.

 */

svg:not(:root) {

  overflow: hidden;

}



/* ==========================================================================

   Figures

   ========================================================================== */

/*

 * Addresses margin not present in IE 8/9 and Safari 5.

 */

figure {

  margin: 0;

}



/* ==========================================================================

   Forms

   ========================================================================== */

/*

 * Define consistent border, margin, and padding.

 */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



/*

 * 1. Corrects color not being inherited in IE 8/9.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */

legend {

  border: 0;

  /* 1 */

  padding: 0;

  /* 2 */

}



/*

 * 1. Corrects font family not being inherited in all browsers.

 * 2. Corrects font size not being inherited in all browsers.

 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome

 */

button,

input,

select,

textarea {

  font-family: inherit;

  /* 1 */

  font-size: 100%;

  /* 2 */

  margin: 0;

  /* 3 */

}



/*

 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

button,

input {

  line-height: normal;

}



/*

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Corrects inability to style clickable `input` types in iOS.

 * 3. Improves usability and consistency of cursor style between image-type

 *    `input` and others.

 */

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer;

  /* 3 */

}



/*

 * Re-set default cursor for disabled elements.

 */

button[disabled],

input[disabled] {

  cursor: default;

}



/*

 * 1. Addresses box sizing set to `content-box` in IE 8/9.

 * 2. Removes excess padding in IE 8/9.

 */

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

}



/*

 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.

 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome

 *    (include `-moz` to future-proof).

 */

input[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  /* 2 */

  box-sizing: content-box;

}



/*

 * Removes inner padding and search cancel button in Safari 5 and Chrome

 * on OS X.

 */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



/*

 * Removes inner padding and border in Firefox 4+.

 */

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



/*

 * 1. Removes default vertical scrollbar in IE 8/9.

 * 2. Improves readability and alignment in all browsers.

 */

textarea {

  overflow: auto;

  /* 1 */

  vertical-align: top;

  /* 2 */

}



/* ==========================================================================

   Tables

   ========================================================================== */

/*

 * Remove most spacing between table cells.

 */

table {

  border-collapse: collapse;

  border-spacing: 0;

}



/* ============================================ *

 * Reset

 * ============================================ */

*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



html {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  /* Prevent tap highlight on iOS/Android */

  -webkit-text-size-adjust: 100%;

  /* Prevent automatic scaling on iOS */

}



body {

  background: #FFFFFF;

  color: #000000;

  line-height: 1;

}



html,

body,

img,

fieldset,

abbr,

acronym {

  border: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: normal;

}



th,

code,

cite,

caption {

  font-weight: normal;

  font-style: normal;

  text-align: left;

}



address {

  font-style: normal;

}



fieldset {

  margin: 0;

  padding: 0;

  border: 0;

}



img {

  border: 0;

}



ol,

ul {

  list-style: none;

}



q:before,

q:after {

  content: '';

}



input:focus,

input[type="search"]:focus {

  outline-offset: -2px;

}



input[type="search"] {

  -webkit-appearance: none;

  /* 1 */

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  /* 2 */

  box-sizing: border-box;

}



/* ============================================ *

 * Base Styles

 * ============================================ */

@-ms-viewport {

  width: device-width;

}



@-o-viewport {

  width: device-width;

}



@viewport {

  width: device-width;

}



a, button {

  -ms-touch-action: manipulation;

  touch-action: manipulation;

}



body,

button,

input,

select,

table,

textarea {

 

  color: #2f2f2f;

  font-size: 12px;

  line-height: 1.55;

  font: 12px/1.55 Arial,Helvetica,sans-serif;

}



a {

  color: #666;

  text-decoration: none;

  outline:none;

}



a:hover {

  color: #2e8ab8;

  text-decoration: underline;

  outline:none;

}



a:focus {

  outline-color: #3091c2;

  color: #143d52;

  outline:none;

}





a, a:active, a:focus {

outline: none;

}



ol,

ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



/* ============================================ *

 * Typography

 * ============================================ */

h1, .h1 {

  margin: 0;

  margin-bottom: 0.7em;

  color: #3399cc;

  font-family: Verdana, Arial, sans-serif;

  font-size: 18px;

  font-weight: 400;

  font-style: normal;

  line-height: 1.2;

  text-rendering: optimizeLegibility;



}



h2, .h2 {

  margin: 0;

  margin-bottom: 0.5em;

  color: #636363;

  font-family: Verdana, Arial, sans-serif;

  font-size: 24px;

  font-weight: 400;

  font-style: normal;

  line-height: 1.2;

  text-rendering: optimizeLegibility;

  text-transform: uppercase;

}



h3, .h3 {

  margin: 0;

  margin-bottom: 10px;

  color: #636363;

  font-family: Verdana, Arial, sans-serif;

  font-size: 18px;

  font-weight: 400;

  font-style: normal;

  line-height: 1.4;

  text-rendering: optimizeSpeed;

  text-transform: uppercase;

}



h4, .h4 {

  margin: 0;

  margin-bottom: 10px;

  color: #636363;

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  font-weight: bold;

  font-style: normal;

  line-height: 1.4;

  text-rendering: optimizeSpeed;

  text-transform: uppercase;

}



h5, .h5 {

  margin: 0;

  margin-bottom: 10px;

  color: #636363;

  font-family: Verdana, Arial, sans-serif;

  font-size: 13px;

  font-style: normal;

  line-height: 1.4;

  text-rendering: optimizeSpeed;

  text-transform: uppercase;

}



h6, .h6 {

  margin: 0;

  margin-bottom: 5px;

  color: #636363;

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

  font-style: normal;

  line-height: 1.4;

  text-rendering: optimizeSpeed;

  text-transform: uppercase;

}



/* ============================================ *

 * Shared Classes

 * ============================================ */

.address-list address {

  margin-bottom: 1em;

}



.availability {

  margin-bottom: 0;

  font-size: 13px;

  text-transform: uppercase;

}



.availability .label {

  display: none;

}



.availability.in-stock {

  color: #5cb85c;

}



.availability.available-soon,

.availability.out-of-stock {

  color: #df280a;

}



.availability-only {

  color: #df280a;

  margin-bottom: 10px;

}



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

 * Page Titles

 */

.page-title h1,

.page-title h2,

.product-name h1,

.product-name .h1 {

 

  font-size: 18px;

  color: #A5A2A2;

  border-bottom: 0px solid #ededed;

  padding-bottom: 0px;

  margin-bottom: 0px;

 

}



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

 * Block Module

 */

.block,

.col-left-first {

  margin-bottom: 20px;

}



.col-left-first .block:last-of-type {

  margin-bottom: 0;

}



.block-title {

  position: relative;

  padding: 10px 0 0;

  margin-bottom: 5px;

  

}

.block-title h2,

.block-title h3,

.block-title strong {

  margin: 0;

  margin-bottom: 10px;

  color: #636363;

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  font-weight: bold;

  font-style: normal;

  line-height: 1.4;

  text-rendering: optimizeSpeed;

  text-transform: uppercase;

  color: #500202;

  margin-bottom: 0;

  text-transform: uppercase;

  font-weight: 600;

}

.block-title small {

  font-size: 100%;

  font-weight: normal;

  color: #a0a0a0;

}



body:not(.customer-account) .block:first-child .block-title {

  border-top: none;

  padding-top: 0;

}



.block-subtitle {

  font-weight: bold;

  margin-bottom: 7px;

}



.block-content {

  margin-top: 5px;

}



.block-content.unpad {

  padding: 0;

}



.block-content li.item {

  margin: 0 0 10px 9px;

}



.block-content li.item:last-child {

  margin-bottom: 0;

}



.block .actions {

  margin: 10px 0 0;

}

.block .actions:after {

  content: '';

  display: table;

  clear: both;

}

.block .actions a {

  float: left;

}

.block .actions .button {

  float: right;

}



.col-left .block .actions .button ~ a,

.col-right .block .actions .button ~ a {

  line-height: 33px;

  margin-right: 5px;

}





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

 * Secondary Navigation

 */

.block-account .block-title,

.block-cms-menu .block-title {

  padding-top: 0;

  border-top: none;

}

.block-account li,

.block-cms-menu li {

  text-transform: uppercase;

  font-family: Verdana, Arial, sans-serif;

  margin: 7px 0;

}

.block-account li strong,

.block-cms-menu li strong {

  font-weight: 400;

  color: #3399cc;

}

.block-account li a,

.block-cms-menu li a {

  color: #636363;

}

.block-account li a:hover,

.block-cms-menu li a:hover {

  color: #3399cc;

}



/* ============================================ *

 * Buttons

 * ============================================ */

/* Secondary Buttons */

.cart .buttons-set .button,

.cart-table .button,

.sidebar .actions .button,

.button.button-secondary {

  background: #dddddd;

  color: #636363;

  padding: 7px 15px;

}

.cart .buttons-set .button:hover,

.cart-table .button:hover,

.sidebar .actions .button:hover,

.button.button-secondary:hover {

  background: #d0d0d0;

  cursor: pointer;

}

.cart .buttons-set .button:active,

.cart-table .button:active,

.sidebar .actions .button:active,

.button.button-secondary:active {

  background: #c4c4c4;

  color: #636363;

}

.cart .buttons-set .button:focus,

.cart-table .button:focus,

.sidebar .actions .button:focus,

.button.button-secondary:focus {

  color: #636363;

  background: #c4c4c4;

  outline: none;

}



.sidebar .actions button.button {

  white-space: normal;

}



/* Primary Buttons */

.button,

.cart-table .product-cart-actions .button,

#co-shipping-method-form .buttons-set .button,

.footer .button {

  background: #000000;

  display: inline-block;

  padding: 7px 15px;

  border: 0;

  color: #FFFFFF;

  font-size: 13px;

  font-weight: normal;

  font-family: Verdana, Arial, sans-serif;

  line-height: 19px;

  text-align: center;

  text-transform: uppercase;

  vertical-align: middle;

  white-space: nowrap;

}

.button:hover,

.cart-table .product-cart-actions .button:hover,

#co-shipping-method-form .buttons-set .button:hover,

.footer .button:hover {

  background: #999999;

  cursor: pointer;

}

.button:active,

.cart-table .product-cart-actions .button:active,

#co-shipping-method-form .buttons-set .button:active,

.footer .button:active {

  background: #297aa3;

  color: #FFFFFF;

}

.button:focus,

.cart-table .product-cart-actions .button:focus,

#co-shipping-method-form .buttons-set .button:focus,

.footer .button:focus {

  background-color: #297aa3;

  outline: none;

  color: #FFFFFF;

}



a.button {

  text-decoration: none;

}



a.button:hover {

  color: #FFFFFF;

}



/* Disabled - class for anchor, state for form elements */

.button.disabled,

.button:disabled {

  background: #C8C8C8;

  opacity: 0.6;

  cursor: not-allowed;

}



/* Adjacent buttons */

.button + .button {

  margin-left: 5px;

}



.button2 {

  border: 0;

  padding: 0 5px;

  margin: 0;

  background: transparent;

  cursor: pointer;

  vertical-align: middle;

}



.button2:focus {

  outline: none;

}



.button2 span,

.button2 span span {

  line-height: 30px;

  height: 30px;

  text-decoration: underline;

  text-transform: uppercase;

  display: inline-block;

  color: #3399cc;

  font-family:  Verdana, Arial, sans-serif;

}

.button2 span:hover,

.button2 span span:hover {

  text-decoration: none;

  color: #246b8f;

}



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

 * Paypal Button

 */

.paypal-logo.paypal-after {

  float: left;

}



.paypal-after .paypal-or {

  float: left;

}



.paypal-or {

  line-height: 34px;

  margin: 0px 10px 5px;

}



.paypal-after .paypal-button {

  float: left;

}



.paypal-button {

  line-height: 0px;

}



.paypal-button img {

  display: inline;

}



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

 * Button Sets

 */

.buttons-set {

  clear: both;

  margin: 10px 0 0;

  padding-top: 10px;

  border-top: 0px solid #ededed;

  text-align: right;

}

.buttons-set p.required {

  margin: 0;

  margin-left: 10px;

  line-height: 33px;

  float: right;

}

.buttons-set .back-link {

  float: left;

  margin: 0;

  line-height: 33px;

}

.buttons-set a:not(.button) {

  line-height: 20px;

  display: inline-block;

  padding: 5px;

}

.buttons-set button.button {

  float: right;

  margin-left: 5px;

  min-width: 140px;

}

.buttons-set:after {

  content: '';

  display: table;

  clear: both;

}



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

 * Icons

 */

.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,

.sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {

  background-image: url(../images/icon_sprite2.png);

  background-repeat: no-repeat;

  text-indent: -9999px;

}



@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {

  .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,

  .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {

    background-image: url(../images/icon_sprite@2x.png);

    background-size: 100px 1000px;

  }

}

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

 * Breadcrumbs

 */

.breadcrumbs {

  overflow: hidden;

  margin: -15px 0 15px;
  display: none;

}



.breadcrumbs li {

  float: left;

  font-size: 10px;

  font-family:  Arial,Helvetica,sans-serif;

  text-transform: uppercase;

}



.breadcrumbs a {

  float: left;

  color: #636363;

}



.breadcrumbs a:hover {

  color: #3399cc;

}



.breadcrumbs strong {

  color: #989797;

  font-weight: normal;

}



.breadcrumbs span {

  float: left;

  padding: 0 7px;

}



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

 * Button - Remove / Previous

 */

.btn-remove,

.btn-previous {

  display: inline-block;

  width: 20px;

  height: 20px;

  border: 1px solid #ededed;

  text-align: center;

  /* Hide text */

  font: 0/0 a;

  text-shadow: none;

  color: transparent;

  position: relative;

}

.btn-remove:hover,

.btn-previous:hover {

  background-color: #3399cc;

  border-color: #3399cc;

}



.btn-remove:after {

  content: 'X';

  color: #3399cc;

  height: 20px;

  line-height: 20px;

  width: 100%;

  font-size: 10px;

  font-family: Arial, "Helvetica Neue", Verdana, Arial, sans-serif;

  font-weight: bold;

}

.btn-remove:hover:after {

  color: #FFFFFF;

  text-decoration: none;

}



.btn-remove2 {

  background-position: 4px -648px;

  border: none;

  vertical-align: top;

}

.btn-remove2:after {

  display: none;

}

.btn-remove2:hover {

  background-color: transparent;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

  opacity: 0.8;

}



.btn-previous:after {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

  border-right: 4px solid #3399cc;

  border-left: none;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -2px;

  margin-top: -4px;

}

.btn-previous:hover:after {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

  border-right: 4px solid white;

  border-left: none;

}



.block-layered-nav .currently .btn-remove,

.block-layered-nav .currently .btn-previous,

.mini-products-list .btn-remove,

.mini-products-list .btn-previous,

#compare-items .btn-remove,

#compare-items .btn-previous {

  float: right;

  margin-left: 6px;

}



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

 * Checkout Agreements

 */

.checkout-agreements li {

  margin-bottom: 20px;

}



.checkout-agreements .agreement-content {

  overflow-y: auto;

  max-width: 670px;

  max-height: 125px;

  margin-bottom: 10px;

  padding: 10px;

  border: 1px solid #cccccc;

  background: #f4f4f4;

}



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

 * CVV Security Code

 */

.cvv-what-is-this {

  margin-left: 10px;

  font-size: 13px;

  line-height: 24px;

}



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

 * Container

 */

.main-container,

.footer-container {

  position: relative;

  max-width: 1000px;

  margin: 0 auto;

  padding: 15px;

}

.main-container:after,

.footer-container:after {

  content: '';

  display: table;

  clear: both;

}



.footer-container {

  padding-top: 0px;

}



.footer-breakers {

float: left;

max-width: 550px;

padding-left: 15px;

width: 100%;



}



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

 * Column Layouts

 */

.main:after,

.col-wrapper:after {

  content: '';

  display: table;

  clear: both;

}



.col-left,

.col-right,

.col-main {

  padding: 0 10px;

}



.col-left {

  float: left;

  width: 25%;

  padding-left: 0;

  /* Remove the 15px padding */

  clear: left;

}

.col-left img {

  max-width: 100%;

}



.col-right {

  float: right;

  width: 25%;

  padding-right: 0;

  /* Remove the 15px padding */

}

.col-right img {

  max-width: 100%;

}



.col-main {

  float: left;

  width: 75%;

}



.col1-layout .col-main {

  float: none;

  width: auto;

  padding: 0;

  /* Remove the 15px padding */

}



.col2-left-layout .col-main {

  float: right;

  padding-right: 0;

  /* Remove the 15px padding */

}



.col2-right-layout .col-main {

  padding-left: 0;

  /* Remove the 15px padding */

}



.col3-layout .col-right {

  width: 20.83333%;

}

.col3-layout .col-wrapper {

  float: left;

  width: 79.16667%;

}

.col3-layout .col-wrapper .col-main {

  float: right;

  width: 73.68421%;

}

.col3-layout .col-wrapper .col-left {

  width: 26.31579%;

}





/* Content Columns */

.col2-set {

  width: 100%;

}

.col2-set .col-1,

.col2-set .col-2 {

  width: 50%;

  padding: 20px;

}



.col2-set .col-1 {

  float: left;

  padding-left: 0;

}

.col2-set .col-2 {

  float: right;

  padding-right: 0;

}



.col2-set .narrow {

  width: 33%;

}

.col2-set .wide {

  width: 65%;

}

.col2-set:after {

  content: '';

  display: table;

  clear: both;

}



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

 * Top Container

 */

 

 .top-container {	

 padding-top: 0px;

 padding-bottom: 10px;

 float: none;

 text-align:center;

 font-size: 11px;

  }

 

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

 * Global Site Notice

 */

.global-site-notice {

  background: #676157;

  color: #e6e6e6;

  font-size: 11px;

}

.global-site-notice .notice-inner {

  padding-left: 120px;

  width: 100%;

  max-width: 1200px;

  margin-left: auto;

  margin-right: auto;

  line-height: 11px;

  min-height: 40px;

  padding-top: 14.5px;

  padding-bottom: 14.5px;

  background-image: url("../images/demo-logo.png");

  background-position: left;

  background-repeat: no-repeat;

}

.global-site-notice p {

  margin-bottom: 0;

}



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

 * Promotional Message Banner

 */

.promo-msg {

  color: #3399cc;

  text-align: center;

  margin: 10px;

  text-transform: uppercase;

  font-family: Verdana, Arial, sans-serif;

}



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

 * Grid

 */

.grid:after {

  content: '';

  display: table;

  clear: both;

}



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

 * Messages

 */

.success {

  color: #11b400;

}



.error {

  color: #df280a;

  font-weight: bold;

}



.notice {

  color: #e26703;

  font-weight: bold;

}



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

 * Messages

 */

.messages {

  margin-bottom: 10px;

}



.messages li li {

  position: relative;

  margin-bottom: 5px;

  padding: 7px 10px 7px 20px;

  background: #f4f4f4;

  font-size: 15px;

}



.messages li li:before {

  top: 50%;

  left: 0;

  margin-top: -6px;

}



.messages .error-msg li {

  color: black;

  border-left: 5px solid #df280a;

  background-color: #faebe7;

}



.messages .error-msg li:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-top: 6px solid transparent;

  border-bottom: 6px solid transparent;

  border-left: 6px solid #df280a;

  border-right: none;

}



.messages .notice-msg li {

  color: black;

  border-left: 5px solid #e26703;

  background-color: #f9ebe6;

}



.messages .notice-msg li:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-top: 6px solid transparent;

  border-bottom: 6px solid transparent;

  border-left: 6px solid #e26703;

  border-right: none;

}



.messages .success-msg li {

  color: black;

  border-left: 5px solid #11b400;

  background-color: #eff5ea;

}



.messages .success-msg li:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-top: 6px solid transparent;

  border-bottom: 6px solid transparent;

  border-left: 6px solid #11b400;

  border-right: none;

}





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

 * Page Popup

 */

.page-popup {

  padding: 20px;

  background: #FFFFFF;

  height: auto;

}



.page-popup h1 {

  margin: 0 0 0.5em;

  font-size: 36px;

}



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

 * Please Wait (Loading Indicator)

 */

.please-wait {

  display: inline-block;

  margin-left: 10px;

  margin-top: 5px;

  line-height: 24px;

  height: 24px;

  white-space: nowrap;

  /* Prevent the linebreak in the HTML from causing layout issues */

}

.please-wait img {

  float: left;

  margin-right: 5px;

  width: 24px;

}



.truncated,

.truncated a.dots {

  cursor: help;

}



.truncated a.details {

  cursor: help;

  height: 16px;

  line-height: 16px;

}

.truncated a.details:hover {

  text-decoration: none;

}



.truncated .truncated_full_value {

  position: relative;

  z-index: 300;

}



.truncated .truncated_full_value .item-options {

  display: none;

  position: absolute;

  z-index: 300;

  width: 200px;

  padding: 8px;

  border: 1px solid #3399cc;

  background-color: #F6F6F6;

  top: 21px;

  left: -100px;

}

.truncated .truncated_full_value .item-options:after {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-right: 7px solid transparent;

  border-left: 7px solid transparent;

  border-bottom: 7px solid #3399cc;

  border-top: none;

  left: 97px;

  top: -7px;

}



.truncated .truncated_full_value .item-options > p {

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 8px;

}



.truncated .show .item-options {

  display: block;

}





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

 * Printer Friendly Page

 */

.page-print {

  width: 6.5in;

  margin: 20px;

  background: #FFFFFF;

}



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

 * Add to links

 */

.add-to-links {

  margin: 7px 0;

}

.add-to-links a {

  display: inline-block;

  padding: 0px 3px 3px;

}



.add-to-links .separator {

  display: none;

}



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

 * Product Image

 */

.product-image,

.no-touch .product-img-box .product-image:not(.zoom-available):hover {

  position: relative;

  display: block;

  border: 0px solid #ededed;

}





.no-touch .product-image:hover {

  border-color: #3399cc;

}



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

 * Ratings

 */

.ratings {

  margin: 7px 0;

}

.ratings .rating-box,

.ratings .rating-links {

  margin: 5px 0;

}

.ratings .rating-box {

  width: 65px;

  height: 13px;

  background-repeat: repeat-x;

  background-position: 0 -615px;

  overflow: hidden;

}

.ratings .rating-box .rating {

  float: left;

  height: 13px;

  background-repeat: repeat-x;

  background-position: 0 -600px;

}

.ratings .amount {

  display: block;

  margin: 5px auto;

}

.ratings .rating-links .separator {

  margin: 0 3px;

}



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

 * Standard Formatted Text Block

 */

.std p {



}



.std ol {

  list-style: none;



}



.std ol li {

  margin-left: 0em;

}



.std ul {

  list-style: disc outside;

  margin-bottom: 1.5em;

}



.std ul li {

  margin-left: 2em;

}



.std .note {

  color: #a0a0a0;

  font-size: 13px;

}



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

 * Tabs

 */

.tabs {

  margin-bottom: 10px;

  background: #FFFFFF;

}



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

 * Toolbar

 */

.toolbar {

  margin-top: 10px;

  margin-bottom: 15px;

  border-bottom: 1px solid #cccccc;

  border-top: 1px solid #cccccc;

  background: #f4f4f4;

  padding: 5px 10px 0px 10px;

}

.toolbar:after {

  content: '';

  display: table;

  clear: both;

}



.pager-no-toolbar {

  margin-bottom: 10px;

}



.pager-no-toolbar ~ .pager-no-toolbar {

  margin-top: 10px;

}



.toolbar,

.pager {

  font-family: Verdana, Arial, sans-serif;

  color: #636363;

  line-height: 30px;

  font-size: 12px;

}



.toolbar label,

.pager-no-toolbar label {

  font-weight: normal;

  text-transform: uppercase;

}



.sorter {

  float: left;

  margin-bottom: 5px;

}

.sorter label {

  float: left;

  margin-right: 5px;

}

.sorter label:after {

  content: ':';

}



.sorter > .sort-by {

  float: left;

  margin-right: 5px;

  height: 30px;

}

.sorter > .sort-by .sort-by-switcher {

  width: 30px;

  height: 30px;

  display: inline-block;

}

.sorter > .sort-by .sort-by-switcher--asc {

  background-position: 4px -542px;

}

.sorter > .sort-by .sort-by-switcher--asc:hover {

  background-position: -46px -542px;

}

.sorter > .sort-by .sort-by-switcher--desc {

  background-position: 4px -567px;

}

.sorter > .sort-by .sort-by-switcher--desc:hover {

  background-position: -46px -567px;

}



.sorter > .view-mode {

  float: right;

}

.sorter > .view-mode .grid,

.sorter > .view-mode .list {

  float: left;

  width: 30px;

  height: 30px;

}

.sorter > .view-mode .grid {

  margin-right: 5px;

  background-position: 8px -492px;

}

.sorter > .view-mode strong.grid,

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

  background-position: -42px -492px;

}

.sorter > .view-mode .list {

  background-position: 11px -517px;

}

.sorter > .view-mode strong.list,

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

  background-position: -39px -517px;

}



.pager {

  float: right;

  overflow: hidden;

}

.pager > .count-container {

  float: left;

}

.pager .amount {

  float: left;

  font-family: "Helvetica Neue", Verdana, Arial, sans-serif;

  white-space: nowrap;

  margin: 0 15px 0 0;

}

.pager .limiter {

  float: left;

  height: 30px;

  line-height: 30px;

}

.pager .limiter > label {

  padding-right: 5px;

}

.pager .limiter > label:after {

  content: ':';

}

.pager .amount,

.pager .limiter,

.pager .pages {

  margin-bottom: 5px;

}



.pages {

  float: right;

  overflow: hidden;

  margin-left: 15px;

}

.pages strong {

  display: none;

}



.pages li {

  float: left;

}



.pages a,

.pages .current {

  display: inline-block;

  border: 0;

  font-size: 13px;

  text-align: center;

  text-transform: uppercase;

  vertical-align: middle;

  white-space: nowrap;

  line-height: 30px;

  width: 25px;

  height: 30px;

  padding: 0;

  color: #3399cc;

  font-family: "Helvetica Neue", Verdana, Arial, sans-serif;

}



.pages .current,

.pages .current:hover {

  color: #636363;

  border: 1px solid #cccccc;

  width: 30px;

  background-color: #FFFFFF;

  cursor: default;

}



.pages .next,

.pages .previous {

  font: 0/0 a;

  text-shadow: none;

  color: transparent;

  background-color: transparent;

  position: relative;

}

.pages .next:hover,

.pages .previous:hover {

  border: 1px solid #3399cc;

}



.pages .next:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

  border-left: 4px solid #3399cc;

  border-right: none;

  top: 50%;

  margin-top: -3px;

  left: 50%;

  margin-left: -2px;

}

.pages .next:hover:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

  border-left: 4px solid #246b8f;

  border-right: none;

}



.pages .previous:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

  border-right: 4px solid #3399cc;

  border-left: none;

  top: 50%;

  margin-top: -3px;

  left: 50%;

  margin-left: -2px;

}

.pages .previous:hover:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

  border-right: 4px solid #246b8f;

  border-left: none;

}





/* ============================================ *

 * Tax - Full Tax Summary

 * ============================================ */

#checkout-review-table .summary-collapse,

#shopping-cart-totals-table .summary-collapse,

body.customer-account .data-table .summary-collapse {

  position: relative;

  cursor: pointer;

}

#checkout-review-table .summary-collapse:before,

#shopping-cart-totals-table .summary-collapse:before,

body.customer-account .data-table .summary-collapse:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-right: 7px solid transparent;

  border-left: 7px solid transparent;

  border-top: 7px solid #3399cc;

  border-bottom: none;

  position: static;

  display: inline-block;

  margin-right: 5px;

}

#checkout-review-table .summary-collapse:hover:before,

#shopping-cart-totals-table .summary-collapse:hover:before,

body.customer-account .data-table .summary-collapse:hover:before {





  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-right: 7px solid transparent;

  border-left: 7px solid transparent;

  border-top: 7px solid #246b8f;

  border-bottom: none;

  position: static;

  display: inline-block;

  margin-right: 5px;

}

#checkout-review-table .show-details .summary-collapse:before,

#shopping-cart-totals-table .show-details .summary-collapse:before,

body.customer-account .data-table .show-details .summary-collapse:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-right: 7px solid transparent;

  border-left: 7px solid transparent;

  border-bottom: 7px solid #3399cc;

  border-top: none;

  position: static;

  display: inline-block;

  margin-right: 5px;

}

#checkout-review-table .show-details .summary-collapse:hover:before,

#shopping-cart-totals-table .show-details .summary-collapse:hover:before,

body.customer-account .data-table .show-details .summary-collapse:hover:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-right: 7px solid transparent;

  border-left: 7px solid transparent;

  border-bottom: 7px solid #246b8f;

  border-top: none;

  position: static;

  display: inline-block;

  margin-right: 5px;

}



#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before {

  margin-bottom: 5px;

}



/* ============================================ *

 * Magento Helpers

 * ============================================ */

.a-center {

  text-align: center;

}



.a-right,

.align-right {

  text-align: right;

}



.no-display {

  display: none !important;

}



.nobr,

.nowrap {

  white-space: nowrap;

}



.width-full {

  width: 100%;

}



/* ============================================ *

 * Custom Helpers

 * ============================================ */

.hidden {

  display: none;

}



/* ============================================ *

 * Print Styles

 * ============================================ */

.page-print .print-head {

  margin: 0 0 15px;

}



.page-print .print-head .logo {

  float: none;

  max-height: 50px;

  width: auto;

}



/* ============================================ *

 * FORMS - COMMON

 * ============================================ */

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

 * Fieldsets

 */

 lang.fieldset {

 	margin:auto;

	width: 700px;

	}

	

 

.fieldset p {

  margin-bottom: 7px;

}

.fieldset p.required {

  margin-bottom: 5px;

  float: right;

  font-size: 12px;

  margin-top: 0px;

}



.fieldset + .fieldset {

  margin-top: 5px;

}



form .legend {

  margin: 0;

  margin-bottom: 10px;

  color: #636363;

  font-family: Verdana, Arial, sans-serif;

  font-size: 18px;

  font-weight: 400;

  font-style: normal;

  line-height: 1.4;

  text-rendering: optimizeSpeed;

  text-transform: uppercase;

  margin-bottom: 15px;

  padding-bottom: 7px;

  border-bottom: 1px solid #ededed;

}



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

 * Input Box

 */

.input-box {

  padding-top: 2px;

}

.input-box:after {

  content: '';

  display: table;

  clear: both;

}



li.centinel-logos div.input-box img {

  display: inline;

  vertical-align: middle;

}



/* For adjacent select inputs. */

/* Example: credit card expiration month and year. */

.input-box .v-fix {

  float: left;

  margin-right: 5px;

  max-width: 100%;

}



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

 * Labels

 */

label {

  display: inline-block;

  -moz-user-select: none;

  -ms-user-select: none;

  -webkit-user-select: none;

  -o-user-select: none;

  user-select: none;

}



.scaffold-form label {

  float: left;

  width: 200px;

  padding: 7px 8px 0 0;

  text-align:right;

  letter-spacing: 0.0em;

}







label.required:after,

span.required:after {

  content: ' *';

  color: #df280a;

  font-weight: normal;

  font-family: "Helvetica Neue", Verdana, Arial, sans-serif;

  font-size: 12px;

}



label.required em,

span.required em {

  display: none;

}



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

 * Hints

 */

.input-hint {

  color: #a0a0a0;

  font-size: 12px;

}



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

 * Select

 */

select {

  font-size: 14px;

}



select + select {

  margin-left: 5px;

}



select[multiple] {

  width: 270px;

  border: 1px solid silver;

  font-size: 15px;

  padding: 5px;

}



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

 * Textarea

 */

textarea {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  width: 310px;

  max-width: 450px;

  padding: 5px;

}



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

 * Inputs

 */

.input-text {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  border: 1px solid silver;

  background: #FFFFFF;

  font-size: 15px;

}

.input-text:focus {

  border: 1px solid #3399cc;

}



.input-text.validation-failed {

  border-color: #df280a;

}



.input-text.validation-failed:focus {

  outline-color: #ef9384;

}



input[type=email],

input[type=search],

input[type=number],

input[type=password],

input[type=tel],

input[type=text] {

  height: 30px;

  padding: 0 8px;

}



input[type=email],

input[type=search],

input[type=number],

input[type=password],

input[type=tel],

input[type=text] {

  width: 310px;

  max-width: 100%;

}





.ie8 .input-text {

  max-width: none;

}



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

 * Inputs - Quantity

 */

input[type=number].qty,

input[type=text].qty {

  width: 3em;

  text-align: center;

  vertical-align: middle;

}



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

 * Placeholder

 */

::-webkit-input-placeholder {

  color: #a0a0a0;

}



input:-moz-placeholder {

  color: #a0a0a0;

}



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

 * Checkbox And Radio

 */

.checkbox,

.radio {

  position: relative;

  top: -1px;

  display: inline-block;

}



.checkbox + label,

.radio + label {

  width: auto;

  max-width: 85%;

  padding: 0 0 0 8px;

  font-size: 14px;

  font-weight: normal;

  vertical-align: top;

}



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

 * Validation

 */

p.required,

.validation-advice {

  margin: 5px 0 0;

  color: #df280a;

  font-size: 13px;

}





/* ============================================ *

 * Table Helpers

 * ============================================ */

.hide-th {

  text-indent: -9999px;

}





/* ============================================ *

 * Global

 * ============================================ */

html,

body {

  height: 100%;

}



.wrapper {

  min-width: 320px;

  min-height: 100%;

  margin: 0 auto;

  background: #FFFFFF;

}



.wrapper:after {

  content: '';

  display: table;

  clear: both;

}





.header-language-container,

.page-header {

  font-family: Helvetica, sans-serif;

  font-size:11px;

  letter-spacing: 0.11em;



}



/* ============================================ *

 * Language switcher + welcome message

 * ============================================ */

.header-language-background {

  padding: 0 10px;

  position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 100;

    color: #fff;

    -webkit-box-shadow: 0px 1px 5px 1px #444;

    box-shadow: 0px 1px 5px 1px #444;

  }

  

.header-language-background .header-language-container {

  max-width: 1000px;

  margin-left: auto;

  margin-right: auto;

}

.header-language-background:after {

  content: '';

  display: table;

  clear: both;

}

.header-language-background .form-language,

.header-language-background .currency-switcher {

  float: left;

  margin-right: 10px;

}

.header-language-background .welcome-msg {

  float: right;

}



.page-header-container .store-language-container {

  float: right;

  max-width: 35%;

  

}

.page-header-container .store-language-container label {

  display: none;

}

.page-header-container .store-language-container select {

  max-width: 100%;

}



@media only screen and (max-width: 479px) {

  .page-header-container .store-language-container {

    padding-top: 8px;

  }

  .page-header-container .store-language-container select {

    font-size: 12px;

  }

}

.header-language-background,

.header-language-background a {

  color: #e6e6e6;

  background-color:#600;

}



@media only screen and (max-width: 770px) {

  .header-language-background {

    display: none;

  }

}



/* ============================================ *

 * Logo & Cat Head

 * ============================================ */

 

 .logo-container {

 	

	float: none;

	text-align:center;

}

 

 .logo {

  display: block;

  float: left;

  min-width: 100px;

  min-height: 44px;

  text-align: center;

  padding: 10px 10px 0px 10px;

}



.logo img {

  max-width: 200px;
  padding-top: 10px;

}



.logo .small {
width: 120px;
padding-top: 10px;
  

}

.logo .large {

  display: none;

}



.logo:hover {

  opacity: 0.8;

}





/* ============================================ *

 * Skip Links

 * ============================================ */

.skip-links {

  clear: both;

  overflow: hidden;

  border-top: 1px solid #EDEDED;

  border-bottom: 1px solid #EDEDED;

}



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

 * Skip - Link

 */

.skip-link {

  position: relative;

  float: left;

  width: 20%;

  height: 44px;

  background: #FFFFFF;

  color: #636363;

  line-height: 42px;

  text-align: center;

}



a.skip-link {

  text-decoration: none;

}



.skip-link:not(.skip-active):hover {

  opacity: 0.8;

}



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

 * Skip Link - Icon

 */

.skip-link .icon {

  display: inline-block;

  width: 30px;

  height: 30px;

  vertical-align: middle;

}



.skip-link.skip-nav .icon,

.skip-link.skip-cart:not(.no-count) .icon {

  margin-right: 3px;

}





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

 * Skip Link - Label

 */

.skip-link .label {

  display: none;

}



/* ============================================ *

 * Skip Content

 * ============================================ */

.skip-content {

  display: none;

}



.skip-content.skip-active {

  display: block;

  background: #EDEDED;

}



.account-cart-wrapper {

display:none;

  position: absolute;

  top: 0px;

  right: 0px;

}



/* ============================================ *

 * Nav - Skip Link

 * ============================================ */

.skip-nav {

  width: 35%;

}

.skip-nav:not(.skip-active):hover {

  text-decoration: none;

}

.skip-nav:not(.skip-active):hover .icon {

  background-position: -38px 4px;

}



.skip-nav .label {

  display: inline;

}



.skip-nav .icon {

  background-position: 4px 4px;

}





/* ============================================ *

 * General Navigation Styles

 * ============================================ */

.nav-primary a {

  text-decoration: none;

  position: relative;

  display: block;

  color: #636363;

  line-height: 30px;

  font-family: Verdana, Arial, sans-serif;

}

.nav-mobile a {

  text-decoration: none;

  position: relative;

  display: block;

  color: #636363;

  line-height: 30px;

  font-family: Verdana, Arial, sans-serif;

}


.nav-primary li {

  position: relative;

}

.nav-mobile li {

  position: relative;
  font-size: 16px;

}

.nav-primary li.level1 a {

  border-bottom: 1px solid #cccccc;

}

.nav-mobile li.level1 a {

  border-bottom: 1px solid #cccccc;

}


.nav-primary .menu-active > ul.level0,

.nav-primary li.level0 li.sub-menu-active > ul {

  display: block;

}

.nav-mobile .menu-active > ul.level0,

.nav-mobile li.level0 li.sub-menu-active > ul {

  display: block;

}

.nav-primary li.level0 > a {

  text-transform: uppercase;

}

.nav-mobile li.level0 > a {

  text-transform: uppercase;

}




.nav-primary li.menu-active > ul {

  display: block;

}

.nav-mobile li.menu-active > ul {

  display: block;

}


/* ============================================ *

 * Search - Skip Link

 * ============================================ */

.skip-search:not(.skip-active):hover .icon {

  background-position: -46px -146px;

  display:none;

}

.skip-search .icon {

  background-position: 4px -146px;

}





/* ============================================ *

 * Search - Skip Content

 * ============================================ */

#header-search {

  padding: 20px;

 

}



skip-link skip-search {

 display: none;

 }





/* ============================================ *

 * Search Input

 * ============================================ */

#search_mini_form .input-box {

  position: relative;

  padding-top: 0;

}



#search_mini_form label {

  display: none;

}



#search {

  width: 100%;

  height: 40px;

  padding-right: 40px;

  font-family: Verdana, Arial, sans-serif;

}



#search_mini_form .search-button {

  text-indent: -9999px;

  position: absolute;

  top: 0;

  right: 0;

  width: 40px;

  height: 40px;

  border: 0;

  background: none;

}



#search_mini_form .search-button:before {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  width: 30px;

  height: 30px;

  margin-top: -15px;

  margin-left: -15px;

  background-position: 4px -146px;

}



#search_mini_form .search-button:hover:before {

  opacity: 0.8;

}



#search_mini_form .search-button:active:before {

  margin-top: -13px;

  margin-left: -13px;

}



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

 * Skip Link - Cart

 */

.skip-cart:not(.skip-active):hover .icon {

  background-position: -50px -95px;

}

.skip-cart .icon {

  background-position: 0px -95px;

}



/* ============================================ *

 * Footer

 * ============================================ */



.footer,

.footer button {

  font-family: Verdana, Arial, sans-serif;

  display:block;

}



.footer {

  clear: both;

  width: 100%;

  border-top: 1px solid #cccccc;

  padding-top: 15px;

 

}



.footer .block-title {

  border-bottom: 0;

  padding: 3px 0;

}

.footer .block-title strong {

  font-weight: normal;

}

.footer .block-title,

.footer address {

  color: #3399cc;

}

.footer .links {

  float: left;

  width: 17%;

  padding: 0 30px 0 0;

  margin-bottom: 30px;

}

.footer .links li {

  word-break: break-all;

  line-height: 1.4;

  padding: 4px 0;

}

.footer .links a {

  color: #636363;

}

.footer .links a:hover {

  color: #3399cc;

}

.footer .block-subscribe {

  float: right;



  margin-bottom: 20px;

  margin-right: 25px;


}

.footer .links,

.footer .block-subscribe {

  text-transform: uppercase;

  font-size: 12px;

}

.footer .form-subscribe-header {

  display: none;

}

.footer .links.social-media em {

  background-image: url(../images/social_icons.png);

  background-repeat: no-repeat;

  width: 13px;

  vertical-align: middle;

  display: inline-block;

  margin-right: 7px;

}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {

  .footer .links.social-media em {

    background-image: url(../images/social_icons@2x.png);

    background-size: 50px 125px;

  }

}

.footer .links.social-media em.facebook {

  background-position: 0 -0px;

  height: 13px;

}

.footer .links.social-media a:hover em.facebook {

  background-position: -25px -0px;

}

.footer .links.social-media em.twitter {

  background-position: 0 -24px;

  height: 13px;

}

.footer .links.social-media a:hover em.twitter {

  background-position: -25px -24px;

}

.footer .links.social-media em.youtube {

  background-position: 0 -49px;

  height: 13px;

}

.footer .links.social-media a:hover em.youtube {

  background-position: -25px -49px;

}

.footer .links.social-media em.pinterest {

  background-position: 0 -74px;

  height: 15px;

}

.footer .links.social-media a:hover em.pinterest {

  background-position: -25px -74px;

}

.footer .links.social-media em.rss {

  background-position: 0 -99px;

  height: 13px;

}

.footer .links.social-media a:hover em.rss {

  background-position: -25px -99px;

}

.footer .block-subscribe .input-box {

  float: left;

  width: 65.625%;

  padding-top: 0;

}

.footer .block-subscribe .input-text {

  width: 100%;

  border-right: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

}

.footer .block-subscribe .block-content {

  padding-top: 7px;

}

.footer .block-subscribe .block-content:after {

  content: '';

  display: table;

  clear: both;

}

.footer .block-subscribe .actions {

  float: left;

  width: 34.375%;

  margin: 0;

}

.footer .block-subscribe .actions .button {

  height: 30px;

  line-height: 17px;

  float: left;

}

.footer .bugs,

.footer address {

  clear: both;

}

.footer .bugs {

  display: none;

}

.footer .form-language,

.footer .currency-switcher,

.footer .store-switcher {

  clear: both;

  margin-bottom: 10px;

}

.footer .form-language,

.footer .currency-switcher {

  display: none;

}

.footer address {

  border-top: 1px solid #cccccc;

  text-align: center;

  width: 100%;

  font-size: 11px;

  margin-top: 30px;

  padding: 30px 0;

}



/* ============================================ *

 * Mini Product List

 * ============================================ */

.mini-products-list .product-image {

  float: left;

  min-width: 50px;

}

.mini-products-list .product-details {

  margin-left: 60px;

}

.mini-products-list .product-details .product-name {

  padding-top: 10px;

}

.mini-products-list li {

  margin-bottom: 10px;

  clear: both;

}

.mini-products-list li:after {

  content: '';

  display: table;

  clear: both;

}



.mini-products-images-list:after {

  content: '';

  display: table;

  clear: both;

}

.mini-products-images-list li.item {

  float: left;

  width: 50%;

  margin: 0;

  padding: 0 5px 10px 0;

}

.mini-products-images-list li.item:nth-child(even) {

  padding-right: 0;

  padding-left: 5px;

}

.mini-products-images-list li.item .product-image {

  display: block;

}

.mini-products-images-list li.item .product-image img {

  width: 100%;

  max-width: 100%;

}



/* ============================================ *

 * Catalog - List

 * ============================================ */

.category-image {

  border: 0px solid #cccccc;

  padding: 0px;

}

.category-image img {

  width: 100%;

  max-width: 100%;

}

.category-image img:hidden {

  display: none;

}



.category-description.std {

	max-width: 800px;

	margin-top: 10px;

	margin-left: auto;

    margin-right: auto;

}







/* ============================================ *

 * Layered Navigation

 * ============================================ */

.block-layered-nav .block-subtitle--filter {

  display: none;

  margin: 0;

  margin-bottom: 10px;

  color: #636363;

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  font-weight: bold;

  font-style: normal;

  line-height: 1.4;

  text-rendering: optimizeSpeed;

  text-transform: uppercase;

  -moz-user-select: none;

  -ms-user-select: none;

  -webkit-user-select: none;

  -o-user-select: none;

  user-select: none;

  font-weight: normal;

  margin-bottom: 0px;

  padding: 7px 10px 7px 24px;

  border-width: 1px;

  border-style: solid;

  border-color: #cccccc;

  position: relative;

  background-color: #f4f4f4;

  cursor: pointer;

}

.block-layered-nav .block-subtitle--filter:after {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-right: 4px solid transparent;

  border-left: 4px solid transparent;

  border-top: 4px solid #3399cc;

  border-bottom: none;

  left: 10px;

  top: 50%;

  margin-top: -3px;

}

.block-layered-nav .block-subtitle--filter:hover {

  background-color: #ececec;

}



.block-layered-nav .block-content .toggle-tabs {

  display: none;

}

.block-layered-nav .block-content > dl > dt {

  margin: 0;

  margin-bottom: 10px;

  color: #636363;

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  font-weight: bold;

  font-style: normal;

  line-height: 1.4;

  text-rendering: optimizeSpeed;

  text-transform: uppercase;

  -moz-user-select: none;

  -ms-user-select: none;

  -webkit-user-select: none;

  -o-user-select: none;

  user-select: none;

  font-weight: normal;

  margin-bottom: 0px;

  padding: 7px 10px 7px 24px;

  border-width: 1px;

  border-style: solid;

  border-color: #cccccc;

  position: relative;

  background-color: #f4f4f4;

  display: block;

}

.block-layered-nav .block-content > dl > dt:after {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-right: 4px solid transparent;

  border-left: 4px solid transparent;

  border-top: 4px solid #3399cc;

  border-bottom: none;

  left: 10px;

  top: 50%;

  margin-top: -3px;

}

.block-layered-nav .block-content > dl > dt:hover {

  background-color: #ececec;

}

.block-layered-nav .block-content > dl > dd {

  padding: 10px;

  margin: 0;

  border-width: 0 1px;

  border-style: solid;

  border-color: #cccccc;

}

.block-layered-nav .block-content > dl > dd:last-child {

  border-width: 0 1px 1px 1px;

}



.block-layered-nav dl dd {

  margin-bottom: 10px;

  margin-top: 10px;

}

.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a {

  padding: 5px 15px;

  display: block;

}

.block-layered-nav dl dd ol > li > a .count {

  color: #a0a0a0;

}





.block-layered-nav .currently .block-subtitle {

  display: block;

  margin: 0;

  margin-bottom: 10px;

  color: #636363;

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  font-weight: bold;

  font-style: normal;

  line-height: 1.4;

  text-rendering: optimizeSpeed;

  text-transform: uppercase;

}

.block-layered-nav .currently ol {

  padding-left: 10px;

  margin-bottom: 10px;

}

.block-layered-nav .currently ol li {

  margin-bottom: 5px;

}

.block-layered-nav .currently ol li .label {

  font-weight: bold;

}

.block-layered-nav .currently ol li:after {

  content: '';

  display: table;

  clear: both;

}



.block-layered-nav .actions {

  text-align: right;

  margin-bottom: 7px;

}





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

 * Catalog - Grouped Product List

 */

.grouped-items-table-wrapper {

  border: solid 1px silver;

  width: 100%;

  padding: 10px;

  margin-bottom: 15px;

}

.grouped-items-table-wrapper tbody tr:last-child td {

  border-bottom: none;

}





.grouped-items-table .name-wrapper {

  color: #3399cc;

  font-family: Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;

}

.grouped-items-table .qty-wrapper {

  padding-top: 7px;

}

.grouped-items-table .qty-label {

  margin-left: 7px;

}

.grouped-items-table td {

  padding: 4px;

}

.grouped-items-table td:last-child {

  width: 30%;

  text-align: left;

}

.grouped-items-table .price-box {

  text-align: right;

}



/* ============================================ *

 * Newsletter Subscriptions

 * ============================================ */

body.newsletter-manage-index .my-account .fieldset {

  margin-bottom: 20px;

}

body.newsletter-manage-index .my-account .fieldset h2 {

  display: none;

}

body.newsletter-manage-index .my-account .form-list {

  border-top: 1px solid #ededed;

  padding-top: 10px;

}





/* ============================================ *

 * Slideshow

 * ============================================ */

.slideshow-container {

  position: relative;

  display: block;

  width: 100%;

  margin: 10px 0;

  border: 1px solid #ededed;

}

.slideshow-container .slideshow {

  width: 100%;

  padding: 0;

  position: relative;

  margin: 0;

  border: 10px solid #FFFFFF;

}

.slideshow-container .slideshow > li {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  padding: 0;

  display: block;

  margin: 0;

}

.slideshow-container .slideshow > li:first-child {

  position: static;

  z-index: 100;

}

.slideshow-container .slideshow > li img {

  max-width: 100%;

  width: 100%;

}



.slideshow-pager {

  text-align: center;

  width: 100%;

  z-index: 115;

  position: absolute;

  bottom: 0px;

  top: auto;

  overflow: hidden;

  -moz-user-select: none;

  -ms-user-select: none;

  -webkit-user-select: none;

  -o-user-select: none;

  user-select: none;

}

.slideshow-pager span {

  font-family: arial;

  width: 44px;

  height: 44px;

  display: inline-block;

  color: #DDDDDD;

  cursor: pointer;

}

.slideshow-pager span:before {

  content: '';

  display: block;

  width: 16px;

  height: 16px;

  left: 50%;

  top: 50%;

  margin-left: -8px;

  margin-top: -8px;

  border-radius: 1px;

  background-color: #FFFFFF;

  position: relative;

}

.slideshow-pager span:hover:before {

  background-color: #2e8ab8;

}

.slideshow-pager span.cycle-pager-active:before {

  background-color: #297aa3;

}

.slideshow-pager > * {

  cursor: pointer;

}



.slideshow-prev,

.slideshow-next {

  position: absolute;

  top: 0;

  width: 15%;

  max-width: 80px;

  height: 100%;

  opacity: 0.6;

  z-index: 110;

  cursor: pointer;

  -moz-user-select: none;

  -ms-user-select: none;

  -webkit-user-select: none;

  -o-user-select: none;

  user-select: none;

}

.slideshow-prev:before,

.slideshow-next:before {

  content: '';

  width: 0;

  height: 0;

  font-size: 0;

  position: absolute;

  border-style: solid;

  display: block;

  top: 50%;

  margin-top: -15px;

}

.slideshow-prev:hover,

.slideshow-next:hover {

  opacity: 1;

}

.slideshow-prev.disabled,

.slideshow-next.disabled {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

  opacity: 0.5;

  cursor: default;

}



.slideshow-prev {

  left: 8px;

}

.slideshow-prev:before {

  border-width: 15px 15px 15px 0;

  border-color: transparent #FFFFFF transparent transparent;

  top: 50%;

  left: 10px;

}

.slideshow-prev:hover:before {

  border-color: transparent #660000 transparent transparent;

}



.slideshow-next {

  right: 8px;

}

.slideshow-next:before {

  border-width: 15px 0 15px 15px;

  border-color: transparent transparent transparent #FFFFFF;

  top: 50%;

  right: 10px;

}

.slideshow-next:hover:before {

  border-color: transparent transparent transparent #660000;

}



.cycle-caption {

  position: absolute;

  color: white;

  bottom: 15px;

  right: 15px;

  z-index: 110;

}



.cycle-overlay {

  font-family: tahoma, arial;

  position: absolute;

  bottom: 0;

  width: 100%;

  z-index: 120;

  background: black;

  color: white;

  padding: 15px;

  opacity: .5;

}



/* ============================================ *

 * Search - Auto Suggest

 * ============================================ */

.search-autocomplete {

  left: 0 !important;

  overflow: visible !important;

  position: relative !important;

  top: 15px !important;

  width: 100% !important;

  z-index: 200;

}

.search-autocomplete ul {

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  background-color: #FFFFFF;

  border: 1px solid #3399cc;

  left: 0;

  padding-left: 0;

  position: absolute;

  top: 0;

  width: 100%;

}

.search-autocomplete ul li {

  border-bottom: 1px solid #f4f4f4;

  color: #3399cc;

  cursor: pointer;

  font-size: 12px;

  padding: 4px 6px;

  text-align: left;

}

.search-autocomplete ul li:hover {

  color: #2e8ab8;

}

.search-autocomplete ul li.selected {

  background-color: #3399cc;

  color: white;

}

.search-autocomplete ul li .amount {

  float: right;

  font-weight: bold;

}

.search-autocomplete ul li:last-child {

  border-bottom: none;

}

.search-autocomplete:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-right: 7px solid transparent;

  border-left: 7px solid transparent;

  border-bottom: 7px solid #3399cc;

  border-top: none;

  left: 50%;

  top: -7px;

}



/* ============================================ *

 * Search - Advanced

 * ============================================ */

.advanced-search {

  background: #f4f4f4;

  border: 1px solid #ededed;

  padding: 30px;

}

.advanced-search select.multiselect option {

  border-bottom: 1px solid #ededed;

  padding: 2px 5px;

}





/* ============================================ *

 * CMS Pages

 * ============================================ */

.cms-page-view .page-title h1,

.cms-page-view .page-title h3,

.cms-page-view .page-head h1,

.cms-page-view .page-head h3,

.cms-no-route .page-title h1,

.cms-no-route .page-title h3,

.cms-no-route .page-head h1,

.cms-no-route .page-head h3 {

  border: none;

}

.cms-page-view .std img,

.cms-no-route .std img {

  max-width: 100%;

}

.cms-page-view .std p,

.cms-no-route .std p {

  color: #636363;

  font-family: Georgia, Times, "Times New Roman", serif;

  font-size: 14px;

  font-style: italic;

  line-height: 24px;

}

.cms-page-view .std h1,

.cms-no-route .std h1 {

  color: #3399cc;

}

.cms-page-view .std h2,

.cms-no-route .std h2 {

  color: #888888;

  font-size:14px;

}

.cms-page-view .std li,

.cms-no-route .std li {

  color: #636363;

  font-family: Georgia, Times, "Times New Roman", serif;

  font-size: 14px;

  font-style: italic;

  line-height: 24px;

}

.cms-page-view .col-left:after,

.cms-no-route .col-left:after {

  content: '';

  display: table;

  clear: both;

}



.cms-no-route .std img {

  width: 100%;

}



.cms-page-view .std .messages,

.cms-home .std .messages,

.cms-no-route .std .messages {

  margin-bottom: 10px;

}

.cms-page-view .std .messages ul,

.cms-home .std .messages ul,

.cms-no-route .std .messages ul {

  margin-bottom: 0;

}

.cms-page-view .std .messages li,

.cms-home .std .messages li,

.cms-no-route .std .messages li {

  list-style: none;

  margin-left: 0;

  font-style: normal;

  font-family: "Helvetica Neue", Verdana, Arial, sans-serif;

}



#accordion .toggle-tabs {

  display: none;

}

#accordion > dl > dt {

  margin: 0;

  margin-bottom: 10px;

  color: #636363;

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  font-weight: bold;

  font-style: normal;

  line-height: 1.4;

  text-rendering: optimizeSpeed;

  text-transform: uppercase;

  -moz-user-select: none;

  -ms-user-select: none;

  -webkit-user-select: none;

  -o-user-select: none;

  user-select: none;

  font-weight: normal;

  margin-bottom: 0px;

  padding: 7px 10px 7px 24px;

  border-width: 1px;

  border-style: solid;

  border-color: #cccccc;

  position: relative;

  background-color: #f4f4f4;

  display: block;

}

#accordion > dl > dt:after {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  display: block;

  border-right: 4px solid transparent;

  border-left: 4px solid transparent;

  border-top: 4px solid #3399cc;

  border-bottom: none;

  left: 10px;

  top: 50%;

  margin-top: -3px;

}

#accordion > dl > dt:hover {

  background-color: #ececec;

}

#accordion > dl > dd {

  padding: 10px;

  margin: 0;

  border-width: 0 1px;

  border-style: solid;

  border-color: #cccccc;

}

#accordion > dl > dd:last-child {

  border-width: 0 1px 1px 1px;

}

#accordion li {

  position: relative;

  overflow: hidden;

}

#accordion li .plusimage h2 {

  margin-right: 10px;

}



.page-sitemap .links {

  display: block;

  text-align: right;

  margin: 0 20px 0 0;

}

.page-sitemap .links a {

  position: relative;

}

.page-sitemap .sitemap {

  padding: 0 20px;

  margin: 15px 0;

  font-size: 12px;

}

.page-sitemap .sitemap li {

  margin: 3px 0;

}



.contacts-index-index h1 {

  border: none;

}



#contactForm {

  padding-left: 40px;

}

#contactForm h2 {

  display: none;

}

#contactForm:after {

  content: '';

  display: table;

  clear: both;

}

#contactForm .fieldset .legend + .required {

  margin: 0;

}





/* ============================================ *

 * Cookies

 * ============================================ */

.notice-cookie .notice-inner {

  padding-bottom: 0;

}

.notice-cookie .notice-inner:after {

  content: '';

  display: table;

  clear: both;

}

.notice-cookie .notice-text {

  float: left;

  max-width: 90%;

  padding-top: 4px;

  text-align: left;

}

.notice-cookie .notice-text p {

  padding-bottom: 14.5px;

  line-height: 1.3;

}

.notice-cookie .actions {

  float: left;

  text-align: right;

  padding-bottom: 14.5px;

}





/* ============================================ *

 * Tags

 * ============================================ */

#addTagForm button {

  margin-top: 5px;

  margin-bottom: 10px;

}



#addTagForm .form-add {

  margin-top: 10px;

}



.product-tags {

  background-color: #f4f4f4;

  border: 1px solid #cccccc;

  float: left;

  margin-bottom: 10px;

  padding: 5px 1% 10px;

  width: 98%;

}



.product-tags li {

  float: left;

  margin-right: 15px;

}



.product-tags li.last {

  margin-right: 0px;

}



.tags-list {

  float: left;

  width: 100%;

  margin-bottom: 10px;

}



.tags-list > li {

  float: left;

  margin-right: 10px;

}



.block-tags .actions > a {

  font-size: 12px;

}



.my-tag-edit .button.btn-remove {

  padding: 0;

}

.my-tag-edit .button.btn-remove:after {

  color: white;

}







/* ============================================ *

 * Calendar styles (restore styles from /js/calendar)

 * ============================================ */

div.calendar table {

  border-collapse: separate;

}

div.calendar table td.button {

  display: table-cell;

  background: inherit;

  color: inherit;

  text-transform: none;

}



hr {

  display: block;

  -webkit-margin-before: 0.5em;

  -webkit-margin-after: 0.5em;

  -webkit-margin-start: auto;

  -webkit-margin-end: auto;

  border-style: inset;

  border-width: 1px;

}



.list-function  {

  padding: 0 0 15px 10px;

  line-height: 23px;

  }





.list-function li {

  font-size:10px;

  color: #636363;

  text-transform: uppercase;

  padding: 0 0 0 20px;

  background: url(../images/arrow.png) no-repeat 0 6px;

}

.list-options li {

    display: inline-block;

    min-width: 70px;

	padding-right: 10px;

}

.list-options label {

    margin-left: 10px;

    padding: 0px;

    width: auto;

}

.list-options input {

    float: left;

}



.fieldset-ves ul.form-list {

    margin: auto;

   

}

.scaffold-form p.required, .scaffold-form .validation-advice {

    clear: both;

}



.phoneus {

float:left;

margin-left: 100px;

padding-top: 6px;

padding-bottom: 6px;



}



.emailus {

float:right;

margin-right: 100px;

padding-top: 6px;

padding-bottom: 6px;



}



ul.list-options .validation-advice {

    overflow: hidden;

    height: 20px;

    width: 20px;

    visibility: hidden;

}

ul.list-options li:first-child .validation-advice {

    height: auto;

    visibility: visible;

    width: auto;

}

.after-form-content{

margin-top: 30px;

}



.whitebg {

    background: #fff;

    padding-right: 15px;

	

	}

	

	h2.catlpsubheading, .category-title h1, .product-collateral h2, product-essential h2 {

	

	background: url('/skin/frontend/rwd/rwd-langfords/images/stripes.gif') right;

	}

	

	.google-map iframe {

	

	width: 100%;

	heiight: 100%;

	max-width: 600px;

	max-height: 450px;

	

	

		}

.block-ad img {

    display: block;

    margin-left: auto;

    margin-right: auto;

    max-width: 570px;

    width: 100%;

}



ul.TyreBrands {

    margin: 0;

    padding: 30px 0 20px 0;

    height: 82px;

    display: block;

}





ul.TyreBrands li {

    list-style: none;

    display: inline-block;

    float: left;

    padding: 0 8px 8px 0;

}



/* ============================================ *

 * Cat Head

 * ============================================ */

 



 

 .cathead {

  display: block;

  float: none;



}



.cathead img {

  max-width: 100%;

}



.cathead .small {

 padding-bottom: 5px;

  

}

.cathead .large {

  display: none;

 

}









/* ============================================ *

 * ves forms

 * ============================================ */

 .clear { clear: both;}

.formbuilder-popup{

	display: none;

}



.field-section-break{

	width: 100%;

	height: 1px;

	top: 50%;

	border: 1px solid #CCC;

	position: relative;

	margin-top: 20px;

	margin-bottom: 25px;

}



.field-section-break .sm-section-break{

	position: absolute;

	top: -10px;

	width: 100%;

	text-align: center;

}



.field-section-break .sm-section-break span{

	background: #FFF;

	padding: 0 20px;

}

.ves-rating-play img {display: inline;}

.workflow_table th, .workflow_table td {

    padding-bottom: 10px;

    padding-right: 15px;

}



.fieldset-ves ul.form-list {	

	margin: auto; 

	width: 550px;

	}

.cat-img {

width: 100%;

max-width: 448px;

}
span.help-block {
    float: left;
    text-align: center;
    margin-left: 160px;
    margin-top: 10px;
	}
	@media only screen and (min-width: 1199px) {
	 	.footwrap {
     margin: auto;
	 max-width: 320px;
	 float: left;}
	 }
@media only screen and (max-width: 1198px) {	
	.footwrap {
     margin: auto;
	 max-width: 320px;
	 float: none;}