@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic);

/* Symbol Fonts
-------------------------------------------------------------- */

[data-icon]:before {
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  content: attr(data-icon);
  speak: none;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Reset
-------------------------------------------------------------- */

* { margin:0; padding:0; }
html { height: 100% ;} /* Fix for Opera */

body          { min-width: 300px; }
img           { border:0; vertical-align:top; max-width:100%; }

:focus        { outline:0; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

strong        { font-weight:bold; }
address       { font-style:normal; line-height: 1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small         { color: #b2b2b2; text-transform: uppercase; letter-spacing: .05em;}
big           { font-size:1.15em; }

/* 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; }

::selection { color: #FFF; background: #c20f25 }
::-moz-selection { color: #FFF; background: #c20f25 }


/* SVG
-------------------------------------------------------------- */

.svg .svg-image,
.no-svg .no-svg-image {
  display: block;
}
.no-svg .svg-image,
.svg .no-svg-image {
  display: none;
}

/* Symbol Fonts
-------------------------------------------------------------- */

@font-face {
  font-family: "fredericks";
  src:url("../fonts/fredericks.eot");
  src:url("../fonts/fredericks.eot?#iefix") format("embedded-opentype"),
    url("../fonts/fredericks.woff") format("woff"),
    url("../fonts/fredericks.ttf") format("truetype"),
    url("../fonts/fredericks.svg#fredericks") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fredericks" !important;
}

/* character assignments */
.icon-instagram:before { content: "i"; }
.icon-facebook:before { content: "f"; }
.icon-pinterest:before { content: "p"; }
.icon-twitter:before { content: "t"; }
.icon-arrow-down:before { content: "D"; }
.icon-arrow-left:before { content: "L"; }
.icon-arrow-right:before { content: "R"; }
.icon-arrow-up:before { content: "U"; }
.icon-nav:before { content: "="; }
.icon-close:before { content: "x"; }
.icon-arrow-minor-down:before { content: "d"; }
.icon-arrow-minor-left:before { content: "l"; }
.icon-arrow-minor-up:before { content: "u"; }
.icon-arrow-minor-right:before { content: "r"; }
.icon-tumblr:before { content: "T"; }
.icon-google-plus:before { content: "g"; }
.icon-search:before { content: "s"; }
.icon-bag:before { content: "b"; }

/* Reset
-------------------------------------------------------------- */

body {
    background: #fff;
    color: #1a1818;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .5px;
}

a             { color: #c20f25; }
a:hover,
a:active,
a:focus,
a.selected    { color: #666; }

/* Headings */
h1, h2, h3,
h4, h5, h6 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
h1          { margin: 0 0 15px; font-weight: 400; font-size: 20px; color: #1a1818; text-transform: uppercase; }
h2          { margin: 0 0 12px; font-weight: 400; font-size: 14px; color: #c20f25; text-transform: capitalize; }
h3          { margin: 0 0 10px; font-weight: 700; font-size: 11px; color: #1a1818; text-transform: capitalize; }
h4,h5,h6    { font-weight: 400; font-size: 10px; color: #1a1818; }

/* Content */
p             { margin: 0 0 1em; }
.main-container,
.main-container p {
    line-height: 1.6;
}
.main-container em {}
.main-container .content ol {}
.main-container .content ol.lower-roman {
  list-style-type: lower-roman;
  list-style-position: outside;
  padding-left: 15px;
  margin-left: 25px;
}
.main-container .content ul.bullet {
  list-style-position: outside;
  list-style-type: disc;
  padding-left: 15px;
  margin-left: 25px;
}
.main-container .content ol.lower-roman li,
.main-container .content ul.bullet li {
  padding-left: 10px;
  margin-bottom: 1em;
}
.main-container address {
  padding: 15px 0;
}
.main-container p a {}
.main-container p strong {}

/* Grid
-------------------------------------------------------------- */

/* Grid container */
.container {
    margin-left:auto;
    margin-right:auto;
    width:96%;
    max-width:none;
}
    .lte-ie8 body,
    .lt-ie9 body {
        min-width: 960px;
    }

    .lte-ie8 .container,
    .lt-ie9 .container { max-width:1200px; min-width: 800px; }
    
.nested-container {
    width:102%;
    margin-left:-1%;
}

/* Grid-12 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,

/* Deprecated: other grid units */
.grid4-1,
.grid4-2,
.grid4-3,
.grid2-1,

/* Alias for full-width units */
.grid-full,

/* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{ 
    position:relative;
    display:inline;
    float:left;
    margin-bottom: 10px;
    margin-left:.35%;
    margin-right:.35%;
}

/* Basic grid units width */
.grid12-1   { width:7.228915662651%; }
.grid12-2   { width:15.66265060241%; }
.grid12-3,
.grid4-1    { width:24.096385542169%; }
.grid12-4   { width:32.530120481928%; }
.grid12-5   { width:40.963855421687%; }
.grid12-6,
.grid4-2,
.grid2-1    { width:49.397590361446%; }
.grid12-7   { width:57.831325301205%; }
.grid12-8   { width:66.265060240964%; }
.grid12-9,
.grid4-3    { width:74.698795180723%; }
.grid12-10  { width:83.132530120482%; }
.grid12-11  { width:91.566265060241%; }
.grid12-12,
.grid-full  { width:99.3%; }

/* Grid units without left gutter (margin) */
/* BJ TO DO: get this correct!!!; */
.no-left-gap.grid12-1   { margin-left:0; width:7.228915662651%;}
.no-left-gap.grid12-2   { margin-left:0; width:15.66265060241%; }
.no-left-gap.grid12-3   { margin-left:0; width:24.096385542169%; }
.no-left-gap.grid12-4   { margin-left:0; width:32.530120481928%; }
.no-left-gap.grid12-5   { margin-left:0; width:40.963855421687%;}
.no-left-gap.grid12-6   { margin-left:0; width:49.397590361446%; }
.no-left-gap.grid12-7   { margin-left:0; width:57.831325301205%; }
.no-left-gap.grid12-8   { margin-left:0; width:66.265060240964%; }
.no-left-gap.grid12-9   { margin-left:0; width:74.698795180723%; }
.no-left-gap.grid12-10  { margin-left:0; width:83.132530120482%; }
.no-left-gap.grid12-11  { margin-left:0; width:91.566265060241%; }
.no-left-gap.grid12-12,
.no-left-gap.grid-full  { margin-left:0; width:99.3%; }

/* Grid units without right gutter (margin) */
.no-right-gap.grid12-1  { margin-right:0; width:7.228915662651%; }
.no-right-gap.grid12-2  { margin-right:0; width:15.66265060241%; }
.no-right-gap.grid12-3  { margin-right:0; width:24.096385542169%; }
.no-right-gap.grid12-4  { margin-right:0; width:32.530120481928%; }
.no-right-gap.grid12-5  { margin-right:0; width:40.963855421687%; }
.no-right-gap.grid12-6  { margin-right:0; width:49.397590361446%; }
.no-right-gap.grid12-7  { margin-right:0; width:57.831325301205%; }
.no-right-gap.grid12-8  { margin-right:0; width:66.265060240964%; }
.no-right-gap.grid12-9  { margin-right:0; width:74.698795180723%; }
.no-right-gap.grid12-10 { margin-right:0; width:83.132530120482%; }
.no-right-gap.grid12-11 { margin-right:0; width:91.566265060241%; }
.no-right-gap.grid12-12,
.no-right-gap.grid-full { margin-right:0; width:99.3%; }

.grid12-6:first-child { width: 49.64%; margin-left: 0;}
.grid12-6:last-child  { width: 49.64%; margin-right: 0;}

/* 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:15%;
        margin-left: 0;
        margin-right: 0;
    }
    .grid-col2-main     {
        width:81%; 
        margin-left: 0; 
        margin-right: 0;
    }

/* 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%; }

/* 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; }

/* Grid container: stretched, without side margin 
-------------------------------------------------------------- */
/* Remove padding (which is added in media queries for mobile layouts) from basic grid containers.
   Stretch inner grid unit (full width) */
.container.stretched { width:96%; padding-left:0; padding-right:0; }
.container.stretched .grid-full { width:100%; margin-left:0; margin-right:0; }

/* Layout
-------------------------------------------------------------- */

.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:0; min-height:370px; margin-bottom: 45px;}

/* Base Columns */
.col-left { float:left; }
.col-main { float:left; }
.col-right { float:right; }

/* 1 Column Layout */
.col1-layout .col-main { margin: 0px auto 0; }

/* 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%; }

.pull-left { float: left; }
.pull-right { float: right; }

.col-main.grid-full {
  width: 100%;
}

/* Form Elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
input, select, textarea, button,
/*.modal.newsletter .custom-form input[type=text],*/
.locator-search .locator-search-form .form-row input {  
    border: solid 1px #d1d1d1;
    background: #fff;
    font: 400 11px 'Lato', Helvetica, Arial, sans-serif;
    color: #000;
    letter-spacing: .05em;
    vertical-align: middle;
}
input::-moz-focus-inner {border:0px; padding:0;} /* ff specific stuff, yuck*/ 

input.input-text, #login .ccm-input-text, textarea,
/*.modal.newsletter .custom-form input[type=text],*/
.locator-search .locator-search-form .form-row input {
  padding: 7px 8px;
}
select { padding:6px 6px 6px 2px; }
select option { padding-right:10px; }
select.multiselect option { border-bottom:1px solid #e5e5e5; 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: 45px !important; padding: 2px 0; margin-top: -3px; text-align: center; }

input::-webkit-input-placeholder { color:#000; }
input:-moz-placeholder { color:#000; } /* firefox 18- */
input::-moz-placeholder { color:#000; opacity: 1; } /* firefox 19+ */
input:-ms-input-placeholder { color:#000; } /* ie */

/* input hovers */
input.input-text:hover, #login .ccm-input-text:hover, select:hover, textarea:hover,
/*.modal.newsletter .custom-form input[type=text]:hover,*/
.locator-search .locator-search-form .form-row input:hover {
    background: #f6f6f7;
}
/* input focused */
input.input-text:focus, #login .ccm-input-text:hover,select:focus, textarea:focus,
/*.modal.newsletter .custom-form input[type=text]:focus,*/
.locator-search .locator-search-form .form-row input:focus {
    background: #f6f6f7;
    outline:none;
}
/* error */
input.error {
    background: #f9dddd; border: 1px solid #c20f25
}

/* input disabled */
input.input-text:disabled,
select:disabled,
textarea:disabled {
    background: #ccc;
    color: #666;
}

/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

p.control input.checkbox,
p.control input.radio { margin-right:6px; }
/* Form Highlight */
/*input.input-text:focus,select:focus,textarea:focus {}*/
/*.highlight { background:#efefef; }*/

/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list li { margin:0 0 25px; }
.form-list label {
  float:left;
  position:relative;
  z-index:0;
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #474747;
}
.form-list label.required {}
.form-list label.required em { float:left; font-style:normal; top:0; right:-8px; margin-right: 3px; color: #bb1619; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; margin-top: -3px;}
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
/*.form-list li.fields { margin-right:-15px; }*/
.form-list .input-box { display:block; clear:both; }
.form-list .field { float:left; width:275px; margin-bottom:5px; }
.form-list input.input-text { width:254px; }
.form-list textarea { width:254px; height:10em; }
.form-list select { width:260px; }
.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 ul li { margin:0 0 5px; height:30px; }

/* Buttons set
-------------------------------------------------------------- */
.buttons-set { clear:both; margin:20px 0; }
.buttons-set button.button { margin-right:5px; margin-bottom:5px; }
.buttons-set p.required { margin:0 0 5px; }

.contacts-index-index .buttons-set { float:left; margin-top:-10px; }
.contacts-index-index .buttons-set .required { text-align:left; }
.contacts-index-index .buttons-set .button { margin-left:0; }

.buttons-set p.back-link {
  float: left;
  width: 100%;
  clear: both;
}
.buttons-set .back-link a { 
    float:left; 
    width: auto;
    margin-bottom:5px; 
    padding: 9px 12px;
    border: solid 1px #d1d1d1;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #474747;
    text-transform: uppercase;
    text-decoration: none;
}
.buttons-set .back-link a:before {
    float: left;
    width: 11px;
    height: 11px;
    line-height: 1;
    margin-right: 5px;
    margin-top: 1px;
    content: 'l';
    font-size: 10px;
    font-family: "fredericks" !important;  font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.buttons-set .back-link:hover a {
    border-color: #1a1818;
    color: #1a1818;
}
.buttons-set .back-link small { display:none; }

/* Fieldset
-------------------------------------------------------------- */
/* 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:15px 0 0;
    padding:15px 30px 10px 0;
}
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {
    border-bottom: solid 1px #b2b2b2;
    display: block;
    margin: 0px 0 15px;
    padding: 5px;
}

/* Form Validation
-------------------------------------------------------------- */
.validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#B20000; margin: 3px 0 10px; letter-spacing: normal;}
.validation-failed { border:1px solid #B20000 !important; /*background:#fff !important; */}
.validation-passed {}

/* Required */
p.required { font-size:0.8333em;text-align:left; text-transform: uppercase; letter-spacing: .1em; }
p.required,
.product-options dt label.required em,
.form-list label.required em { color:#bb1619; font-size: 9px; font-weight: bold; }

/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }

/* Buttons */

.button,
  #login .ccm-input-submit,
  .button.shortcut-to-addtocart,
  /*.modal.newsletter .custom-form input[type=submit],*/
  .locator-search .locator-search-form .form-actions input {
    display: block;
    min-height: 17px;
    min-width: 180px;
    padding:  9px 12px;
    border: none;
    background: rgba(225,66,71,1);
    background: -moz-linear-gradient(top, rgba(225,66,71,1) 0%, rgba(184,34,39,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,66,71,1)), color-stop(100%, rgba(184,34,39,1)));
    background: -webkit-linear-gradient(top, rgba(225,66,71,1) 0%, rgba(184,34,39,1) 100%);
    background: -o-linear-gradient(top, rgba(225,66,71,1) 0%, rgba(184,34,39,1) 100%);
    background: -ms-linear-gradient(top, rgba(225,66,71,1) 0%, rgba(184,34,39,1) 100%);
    background: linear-gradient(to bottom, rgba(225,66,71,1) 0%, rgba(184,34,39,1) 100%);
    text-align: center;
    cursor: pointer;
}
.button:hover,
  #login .ccm-input-submit:hover,
  .button.shortcut-to-addtocart:hover,
  /*.modal.newsletter .custom-form input[type=submit]:hover,*/
    .locator-search .locator-search-form .form-actions input:hover {
    background: #000;
}
.button span,
  #login .ccm-input-submit,
  .button.shortcut-to-addtocart span,
  /*.modal.newsletter .custom-form input[type=submit],*/
    .locator-search .locator-search-form .form-actions input {
    display: block;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;    
}
.button:hover span,
  #login .ccm-input-submit:hover,
  .button.shortcut-to-addtocart:hover span,
  /*.modal.newsletter .custom-form input[type=submit]:hover,*/
    .locator-search .locator-search-form .form-actions input:hover {
    color: #fff;
}

/*.button:hover { background: #000 !important; color: #fff !important}
.button:hover span, .button span:hover {color: #fff !important;}
*/

/* BLACK BUTTON */

.btn-remove {
    float: left;
    width: 11px;
    height: 11px;
    text-indent: -999em;
    text-decoration: none;
}
.btn-remove:before {
    content: 'x';
    float: left;
    width: 10px;
    height: 10px;
    text-indent: 0;
    font-size: 10px;
    color: #1a1818;
    font-family: "fredericks" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.btn-remove:hover:before {
    color: #c20f25;
}

/* Universals / Utility
-------------------------------------------------------------- */

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}
.hide {
    display: none;
}
.show {
    display: block;
}

/* Catalog Constants
-------------------------------------------------------------- */

/* Price */

.price-box { text-transform: uppercase; }
.price-box .old-price .price { text-decoration: line-through; }
.price-box .special-price .price { color: #c20f25; }
.price-box .price-from,
.price-box .price-to {
  display: inline;
}

/* Clears %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */
.clearer:after,
header: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,
.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-collateral:after,*/
.product-view .product-img-box .more-views ul: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 */
.my-account .order-info:after,
#mini-cart .mini-products-list li.item:after,

.section-line:after,
.section-title:after

{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

/* Z-indexes
-------------------------------------------------------------- */

.nav              { z-index: 99; }
#nav ul.level-1   { z-index: 200; }
.top-search .search-autocomplete { z-index: 200; }

/* Responsive
-------------------------------------------------------------- */

.responsive-indicator {
    width: 100%;
    height: 25px;
    display: none;
}
.responsive-indicator:before {
    text-align: center;
    width: 100%;
    float: left;
    color: #fff;
    font: 11px Helvetica;
    line-height: 25px;
    text-transform: uppercase;
    margin-top: 5px;
}

/* Widescreen [[ Blue ]] */
@media only screen and (min-width: 1110px)  {   
    .responsive-indicator { background: blue !important; }
    .responsive-indicator:before { content: 'Wide Screens' }

    .container { max-width:1110px; width: 100%;}
                  
    /* Hide */
    .hide-below-1280 { display:inherit !important; }

}
/* Small Desktops [[ Brown ]] */
@media only screen and (min-width: 960px) and (max-width: 1109px) {
    .responsive-indicator { background: brown !important; }
    .responsive-indicator:before { content: 'Small Desktop / Tablet Landscape' }
    
}
/* Tablet (Portrait) [[ Yellow ]] */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .responsive-indicator { background: yellow !important; }
    .responsive-indicator:before { content: 'Tablet / Portrait'; color: #000; }


}
/* Mobile Universal [[ Orange Border ]] */
@media only screen and (max-width: 767px) {    
    .responsive-indicator { background: orange; border-bottom: solid 10px orange; }    

    /* Grid units below 768px screen size are 100% wide with no margin - compensate margin with padding */
    .container { width: 96%; padding-left: 2%; padding-right: 2%;}
    .nested-container { width:100%; margin-left:auto; }
    
    /* Stretch all grid units */
    .grid12-1,
    .grid12-2,
    .grid12-3,
    .grid12-4,
    .grid12-5,
    .grid12-6,
    .grid12-6:first-child,
    .grid12-6:last-child,
    .grid12-7,
    .grid12-8,
    .grid12-9,
    .grid12-10,
    .grid12-11,
    .grid12-12,
    
    .grid4-1,
    .grid4-2,
    .grid4-3,
    
    .grid2-1,
    
    .grid-full,
    
    .grid-col2-sidebar,
    .grid-col2-main,
    .grid-col3-sidebar,
    .grid-col3-main
    {
        width:100% !important; margin-left:0; margin-right:0; padding-left: 0; padding-right: 0;
    }

    /* Vertically aligned grid
    -------------------------------------------------------------- */
    .v-grid-container { display:block; }
    .v-grid { float:inherit; display:block; width:100%; }    

  /* 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;
    }
  
    .col2-set .col-1,
    .col2-set .col-2 {
      width: 100%; clear: both;
      float: left;
      margin-bottom: 30px;
    }

    /* 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 dotted #a6a6a6 !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:400;
                  color: #000;
              }

      /* Responsive Tables
    -------------------------------------------------------------- */

    table.responsive { margin-bottom: 0; }
  
    .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
    .pinned table { border-right: none; border-left: none; width: 100%; }
    .pinned table th, .pinned table td { white-space: nowrap; }
    .pinned td:last-child { border-bottom: 0; }
    
    div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
    div.table-wrapper div.scrollable { margin-left: 35%; }
    div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }  
    
    table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
    table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }

      
      /* Basic Magento layout elements
    -------------------------------------------------------------- */
    .breadcrumbs { margin-top:0; margin-bottom:10px; }
    
    /* Header
    -------------------------------------------------------------- */
      
      /* Logo */
      .header .logo-wrapper { text-align:center; }
      .header .logo { width:70%; margin-left:auto; margin-right:auto; }
      
      /* Quick search */
      .header-top-search-wrapper { width:100%; max-width:301px; margin-left:auto; margin-right:auto; }
      .header .form-search { width:100%; }
      
      /* User menu (Top Links) */
      .user-menu { width:100%; margin-left:0; margin-right:0; }
      
      /* Mini cart */
      .after-mini-cart { clear:none; }
      
      /* Top links */
      .top-links { float:left; }
      
    /* Footer
    -------------------------------------------------------------- */
    
      /* Simplify links */
      .footer .show-separators .links li a,
      .footer .show-separators-left .links li a { background-image:none; }

      /* Footer horizontal links - align center */
      .footer-top .item { float:none; }
      .footer-primary-top-spacing,
      .footer-primary-bottom-spacing,
      .footer-top .links { text-align:center; }
      .footer-primary-top-spacing .item,
      .footer-primary-bottom-spacing .item,
      .footer-top .links li { float:none; display:inline-block; }
      
      /* Social links */
      .social-links a { float:none; display:inline-block; margin-right:0; margin-bottom:3px; padding:6px; }
          
      /* Footer bottom elements - align center */
      .footer-bottom { text-align:center; }
      .footer-bottom .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; }
          
          /* Copyright - remove space */
          .footer-copyright { margin-left:0;  }

    /* Products list
    -------------------------------------------------------------- */
    .products-list .product-shop-inner { padding-right:0; border-right:none; }
      
      /* Products grid
    -------------------------------------------------------------- */
      .products-grid .add-to-links.addto-onimage { display:none; }
      
      /* 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:10px; padding-bottom:10px; }
      
      .toolbar .sort-by,
      .toolbar .sorter .amount { border-right:none; }

    /* Category view
    -------------------------------------------------------------- */
      
      .note-msg.empty-catalog {
        background-position:center 10px !important;
        color:inherit;
        padding:150px 10px 10px !important;
        text-align:center;
      }

    /* Item grid: number of columns
    -------------------------------------------------------------- */
    /* Always show 2 columns */
    .itemgrid-adaptive.itemgrid-2col .item,
    .itemgrid-adaptive.itemgrid-3col .item,
    .itemgrid-adaptive.itemgrid-4col .item,
    .itemgrid-adaptive.itemgrid-5col .item,
    .itemgrid-adaptive.itemgrid-6col .item,
    .itemgrid-adaptive.itemgrid-7col .item { width:48%; clear:none !important; }

    /* Product page
    -------------------------------------------------------------- */
    
      /* Secondary column */
      .product-secondary-column .inner { padding-left:0; border-left:none; min-height:auto; }
      
        /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
        .product-view .box-additional { margin-top:0; }
          
      /* Sidebar */
      .product-view .box-sidebar .box-sidebar-inner { padding-left:0; border-left:none; }
      
      /* Related: remove bottom margin */
      .block-related-slider { margin-bottom:0; }
    
    /* 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; }
      /*.opc .form-list .field {}
      .opc .form-list input.input-text {}*/
      .opc .form-list select { width:auto; }

    /* Account
      -------------------------------------------------------------- */
      .my-wishlist .product-image { max-width:none;  }
    
    /* Items slider
    -------------------------------------------------------------- */
    /*.itemslider .control-nav { display:none; }*/
    .control-nav.control-paging { display:none; }
    
    /* Slideshow
    -------------------------------------------------------------- */ 
         
      /* Slideshow navigation: move buttons to the top right corner */
          .the-slideshow .direction-nav .next { top:4%; right:2%; }
          .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; }
      
      /* Slideshow caption */
        /* Shrink all and hide paragraph and button */
          .caption .heading { font-size:2.0833em; margin-bottom:1px; }
          .caption p { font-size:1.1666em; display:none; }        
          .caption button { margin-top:0.5em; display:none; }
      
      /* Cloud Zoom
    -------------------------------------------------------------- */
      /* Hide zoom */
      .cloud-zoom-big,
      .cloud-zoom-lens { display:none !important; }
      .cloud-zoom-lens { cursor:default !important; }
    
    /* Lightbox
    -------------------------------------------------------------- */
    #cboxTitle,
    #cboxCurrent { display:none !important; }
      
    /* Accordion
    -------------------------------------------------------------- */
      .accordion-style1 li a { padding:15px 10px; }
      /* 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; }
      
      /* Mobile accordion
    -------------------------------------------------------------- */
    .mobile-collapsible .block-content { display:none; } /* Hide on mobile */
      
    /* Items grid: in category view
    -------------------------------------------------------------- */

      /* Hide/show elements: 6 & 7 columns */
    .category-products-grid.itemgrid-adaptive.itemgrid-6col .item .btn-cart,
    .category-products-grid.itemgrid-adaptive.itemgrid-7col .item .btn-cart { display:block; }

}
/* Mobile (Landscape) [[ Pink ]] */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive-indicator { background: pink !important; }
    .responsive-indicator:before { content: 'Mobile / Landscape'; color: #000; }

}
/* Mobile (Landscape - Large Mobile, iPhone 5, etc.) [[ Purple ]] */
@media only screen and (min-width: 640px) and (max-width: 767px) {
    .responsive-indicator { background: purple !important; }
    .responsive-indicator:before { content: 'Large Mobile / Landscape'; color: #fff; }   

    .container { max-width:602px; }

}
/* Mobile (Portrait) [[ Gray ]] */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .responsive-indicator { background: gray !important; }
    .responsive-indicator:before { content: 'Mobile / Portrait'; }
   

}