/*
* Owner:    Johnny Law Motors
* Content:  General Site Styles
*/

/* RESETS and SETUP */
html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
}

body.checkout {
    background: url(/img/bkMain02.jpg) fixed top center repeat;
    font-family: Arial, sans-serif;
    font-size: 14px;
    -webkit-background-size: 2560px 1440px;
}

h1, h2, h3, h4, h5 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: normal;
    margin: 0 0 10px;
}

h1 {
    font-size: 22px;
    font-weight: bold;
    color: #f00;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
    /*color: #80281A;*/
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

a {
    /*color: #80281A;*/
    color: #F00;
    text-decoration: none;
    outline: none;
}

a:active {
    /*color: #80281A;*/
    color: #F00;
}

a.noHover:hover {
    text-decoration: none;
    color: #000;
}

p {
    margin: 0 0 10px;
}

img {
    border: none;
    padding: 0;
    margin: 0;
}

input, select, textarea, button {
    font-family: Arial, sans-serif;
    font-size: 100%;
}


ul.stripped {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.normalList, ol.normalList {
    margin: 0 0 0 5px;
    padding: 0;
}

ul.normalList li {
    margin: 0 0 0 20px;
    padding: 0;
}

ul.resetList, ol.resetList {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.niceList {
    margin: 0;
    padding-left: 15px;
}

ul.niceList li {
    padding-left: 0;
}

sup {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

form {
    padding: 0;
    margin: 0;
}

label {
    cursor: pointer;
}

hr {
}

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

/* Page Structure */
#pageContainer,
.topPageContainer {
    margin: 0 auto;
    background-color: #FFF;
    /* overflow: hidden; */
}

#freeShippingMsg {
    padding: .3em 0;
    margin: 0 0 1em;
    background-color: #eee;
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    color: #F00;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 120%;
    letter-spacing: .1em;
}

#header-container { /*min-height: 186px;*/ }

/*
#header .floatL {
	position: relative;
	width: 415px;
	height: 120px;
}
*/
#header .logo {
    /*height: 138px;*/
    margin: 7px 0px 0 0px;
}

#header .logo img {
    float: left;
}

/*
#header .logo h1 {

	width: 175px;
	height: 150px;
	margin: 0;
	overflow: hidden;
}
*/
#header .slogan {
    position: absolute;
    top: 0;
    left: 15px;
}

#header .slogan .phone {
    font-size: 19px;
    font-style: italic;
    color: #777;
    padding-top: 1px;
    padding-left: 10px;
}

/*
#header .floatR {
	margin: 0 10px 0 0;
	height: 120px;
	width: 50%;
	text-align: right;
}

#header .floatR p { margin: .5em 0; }
*/
#header {
    /*width: 992px;*/
}

#header.smaller {
    padding-top: 161px;
}

/** Fixed top Header **/
.starter > .row {
    background: #FFF;
    box-shadow: 0 0 2px 1px #bbbdc0;
    left: 0;
    top: 0px;
    opacity: 0.97;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 998;

}

.starter > .row .row-inner,
.smaller > .row .row-inner {
    margin: 0 auto;
    width: 970px;
}

.smaller > .row {
    background: #FFF;
    box-shadow: 0 0 2px 1px #bbbdc0;
    left: 0;
    opacity: 0.97;
    top: 0;
    padding-top: 40px;
    position: fixed;
    width: 100%;
    z-index: 998;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

}


.starter > .row .logo,
.smaller > .row .logo {
    height: 50px !important;
}

.starter > .row #image-links,
.smaller > .row #image-links {
    display: none;
}

/* Hide the 2nd image beside search form */
#image-links2 {
    display: none;
}

/* Shoe the 2nd image beside search form when scrolldown */
.starter > .row #image-links2,
.smaller > .row #image-links2 {
    display: inline;
}

.starter > .row .logo img,
.smaller > .row .logo img {
    width: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.starter > .row .search-block,
.starter > .row #SearchForm,
.starter > .row .image-links,
.smaller > .row .search-block,
.smaller > .row #SearchForm,
.smaller > .row .image-links {
    margin-top: 20px !important;
}

.starter > .row .image-links,
.smaller > .row .image-links {
    margin: 20px 0 0 0 !important;
}

#socialBtns { padding-top: 3px; }

#socialBtns > span {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
}

.gp-like { padding-top: 2px; }

/*
.gp-like { vertical-align: middle; }
.fb-like { vertical-align: middle; }
.fb-like.fb_iframe_widget { display: inline; position:inherit; }
.fb-like.fb_iframe_widget > span { vertical-align: inherit !important; }
.pinterest-like { vertical-align: middle; }
*/

/* The FB API is busted and "fails to resize after 45s."  Lock the sucker in. */
.fb-likebox span, .fb-likebox iframe {
    width: 738px !important;
    height: 395px !important;
}

#skinnyBanner { margin: 10px 0 0; }

#skinnyBanner img { border: 1px solid #B0B0B0; }

.logoCheckout {
    margin: 0 auto;
    text-align: center;
}

#flashMessages { margin: 0 10px 0; }

#flashMessages p { background: url(/base/media/img/icons/error.png) 5px center no-repeat; border: 1px solid #000; border-radius: 5px; margin: 0 0 10px; padding: 1em 2em; font-weight: bold; color: #000; }

#flashMessages .error { background-color: #FFD3D3; border-color: #F00; }

#flashMessages .notice { background-color: #DDF; border-color: #00F; }

#flashMessages .success { background-color: #DFFFDF; border-color: #0F0; }

#flashMessages .notice {
    background: #EEE;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 1px 1px #777;
    padding: 40px;
    z-index: 200;
    left: 50%;
    min-width: 250px;
    top: 25%;
    text-align: center;
    /*
  	margin-left: -200px;
    margin-top: -40px;
    */
    position: fixed;
    transform: translateX(-50%);
}

#flashMessages .notice span { color: #777; cursor: pointer; font-size: 30px; top: 0px; right: 10px; position: absolute; }

.sidebarMenu {
    border-top: 1px solid #a83827 !important;
    border-bottom: 1px solid #000 !important;
    border-left: 1px solid #a83827 !important;
    border-right: 1px solid #000 !important;
    background: #892C1F !important;
    padding: 3px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
    color: #fff;
    font-size: 13px;
    font-family: Arial, sans-serif;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

.sidebarMenu:hover {
    background: #a83827 !important;
    color: #ffffff !important;
}

.sidebarMenu:active {
    background: #612015 !important;
}


#sidebar {
    /*
	width: 190px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	*/
}

#sidebar > div { margin-bottom: 10px; }

#pageContentWrap {
    width: 100% !important;
    background: #FFF;
    margin: 0 auto;
    padding-top: 10px;
}

#pageContentWrap > div { margin-bottom: 20px; }


/* These are the regular links in the side menu */
.sidebarMenu02 {
    display: block;
    text-align: center;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid gray !important;
    border-left: 1px solid #fff !important;
    border-right: 1px solid gray !important;
    background: #d4d4d4 !important;
    padding: 12px 0;
    text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
    color: #000;
    text-shadow: 0 1px 1px #FFFFFF;
    font-size: 14px;
    font-family: Arial, sans-serif;
    text-decoration: none;
    vertical-align: middle;
}

.sidebarMenu02:hover {
    background-color: #A8A8A8 !important;
    text-decoration: none;
}


.sidebarMenu03 {
    padding: 0 0 0 15px !important;
    color: #80281A !important;
}

.sidebarMenu03 a {
    color: #80281A !important;
}

.sidebarMenu03:hover {
    /*text-decoration: underline;*/
}

.sidebarMenu03:active {
}

#engraverSidebar, #engraverSidebar img {
    display: block; border: none;
}

#catalogSidebar {
    padding: 0 0 1em 0;
    text-align: center;
    font-size: 16px;
    border: 1px solid gray;
}

#catalogSidebar a, #catalogSidebar img { display: block; border: none; }

#catalogSidebar img { width: 100%; }


#giftcardSidebar a, #giftcardSidebar img { display: block; border: none; }

#giftcardSidebar img { width: 100%; }

.pageContent {
    margin-bottom: 10px;
    position: relative;
}


/*
 *  Collapsible Sidebar button
 */

#sidebar-button {
    background: #000;
    border: 1px solid #FFF;
    border-radius: 3px;
    color: #FFF;
    left: 0;
    margin: 5px;
    padding: 5px;
    position: fixed;
    top: 0;
    z-index: 999;
}

#sidebar-button span {

}

.side-scroll {
    /*
	background: #000 !important;
	border: 1px solid #FFF !important;
	color: #FFF;
	left: 0;
	margin-top: 5px !important;
	padding: 5px !important;
	position: fixed;
	top: 0;
	z-index: 999;
	*/
}

span.line {
    display: inline-block;
}


/* Measurements, alignments, floats, clears, etc. */

/* width */
.w960 { width: 960px; }

.w958 { width: 958px; }

.w768 { width: 768px; }

.w750 { width: 750px; }

.w748 { width: 748px; }

.w740 { width: 740px; }

.w480 { width: 480px; }

.w460 { width: 460px; }

.w450 { width: 450px; }

.w400 { width: 400px; }

.w384 { width: 384px; }

.w375 { width: 375px; }

.w367 { width: 367px; }

.w350 { width: 350px; }

.w320 { width: 320px; }

.w300 { width: 300px; }

.w278 { width: 278px; }

.w275 { width: 275px; }

.w270 { width: 270px; }

.w256 { width: 256px; }

.w254 { width: 254px; }

.w245 { width: 245px; }

.w240 { width: 240px; }

.w237 { width: 237px; }

.w235 { width: 235px; }

.w234 { width: 234px; }

.w229 { width: 229px; }

.w227 { width: 227px; }

.w225 { width: 225px; }

.w220 { width: 220px; }

.w200 { width: 200px; }

.w192 { width: 192px; }

.w190 { width: 190px; }

.w187 { width: 187px; }

.w186 { width: 186px; }

.w180 { width: 180px; }

.w178 { width: 178px; }

.w175 { width: 175px; }

.w170 { width: 170px; }

.w160 { width: 160px; }

.w150 { width: 150px; }

.w130 { width: 130px; }

.w120 { width: 120px; }

.w110 { width: 110px; }

.w105 { width: 105px; }

.w100 { width: 100px; }

.w95 { width: 95px; }

.w60 { width: 60px; }

.w100p { width: 100%; }

.w50p { width: 50%; }

.w33p { width: 33%; }

.w50pIE7 { *width: 75%; }

/* height */
.h480 { height: 480px; }

.h384 { height: 384px; }

.h350 { height: 350px; }

.h320 { height: 320px; }

.h295 { height: 295px; }

.h275 { height: 275px; }

.h260 { height: 260px; }

.h256 { height: 256px; }

.h254 { height: 254px; }

.h240 { height: 240px; }

.h220 { height: 220px; }

.h250 { height: 250px; }

.h235 { height: 235px; }

.h213 { height: 213px; }

.h200 { height: 200px; }

.h192 { height: 192px; }

.h185 { height: 185px; }

.h178 { height: 178px; }

.h175 { height: 175px; }

.h175min { min-height: 175px; }

.h165 { height: 165px; }

.h160 { height: 160px; }

.h150 { height: 150px; }

.h149 { height: 149px; }

.h120 { height: 120px; }

.h118 { height: 118px; }

.h100 { height: 100px; }

.h90 { height: 90px; }

.h60 { height: 60px; }

.h50 { height: 50px; }

.h35 { height: 35px; }

.h33 { height: 33px; }

.h30 { height: 30px; }

.h25 { height: 25px; }

.h1min { min-height: 1px; }

/* pads, margins and alignment */

.nomar { margin: 0; }

.nopad { padding: 0; }

.pad20 { padding: 20px; }

.pad15 { padding: 15px; }

.pad10 { padding: 10px; }

.pad5 { padding: 5px; }

.pad3 { padding: 3px; }

.padB5 { padding-bottom: 5px; }

.padB20 { padding-bottom: 20px; }

.padB50 { padding-bottom: 50px; }

.padL20 { padding-left: 20px; }

.padL40 { padding-left: 40px; }

.padL10 { padding-left: 10px; }

.padL0 { padding-left: 0px; }

.padL192 { padding-left: 192px; }

.padR10 { padding-right: 10px; }

.padR20 { padding-right: 20px; }

.padR40 { padding-right: 40px; }

.padR0 { padding-right: 0px; }

.padT3 { padding-top: 3px; }

.padT5 { padding-top: 5px; }

.padT10 { padding-top: 10px; }

.padT20 { padding-top: 20px; }

.padT30 { padding-top: 30px; }

.padT40 { padding-top: 40px; }

.padTB10 { padding: 10px 0; }

.mar3 { margin: 3px; }

.mar5 { margin: 5px; }

.mar10 { margin: 10px; }

.mar15 { margin: 15px; }

.mar19 {
    margin: 19px;
    *margin: 5px;
}

.mar20 { margin: 20px; }

.marB3 { margin-bottom: 3px; }

.marB5 { margin-bottom: 5px; }

.marB10 { margin-bottom: 10px; }

.marB15 { margin-bottom: 15px; }

.marB20, .marBot20 { margin-bottom: 20px; }

.marB30 { margin-bottom: 30px; }

.marB40 { margin-bottom: 40px; }

.marB50 { margin-bottom: 50px; }

.marL192 { margin-left: 192px; }

.marL20 { margin-left: 20px; }

.marL10 { margin-left: 10px; }

.marLR5 { margin: 0 5px; }

.marL50 { margin-left: 50px; }

.marR50 { margin-right: 50px; }

.marR20 { margin-right: 20px; }

.marR30 { margin-right: 30px; }

.marR18 { margin-right: 18px; }

.marR10 { margin-right: 10px; }

.marR9 { margin-right: 8px; }

.marR5 { margin-right: 5px; }

.marT5 { margin-top: 5px; }

.marT10 { margin-top: 10px; }

.marT20 { margin-top: 20px; }

.marT30 { margin-top: 30px; }

.marT185 { margin-top: 185px; }

.marTB10 { margin: 10px 0; }

.marTB20 { margin: 20px 0; }

.marTB40 { margin: 40px 0; }

.marTn30 { margin-top: -30px; }

.marLn15 { margin-left: -15px; }

.marRn15 { margin-right: -15px; }

.borderNone {
    border: 0;
    border-collapse: collapse;
}

.border01 {
    border: 1px solid #80281A;
}

.border02 {
    border: 1px solid #d4d4d4;
}

.border03 {
    border: 1px solid #155D8D;
}

.border04 {
    border: 1px solid #740000;
}

.border05 {
    border: 1px solid #000F6F;
}

.border06 {
    border: 1px solid #000;
}

.border07 {
    border: 1px solid #d4d1bf;
}

.border08 {
    border: 1px solid #ececec;
}

.border08x {
    border: 2px solid #ececec;
}

.border09 {
    border: 1px solid #221F20;
}

.borderB01 {
    border-bottom: 1px solid #80281A;
}

.borderB02 {
    border-bottom: 1px solid #d4d4d3;
}

.borderT01 {
    border-top: 1px solid #80281A;
}

.borderLR {
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
}

.round {
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}

.rounded {
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}

.bkcolor01 {
    background: #ededed;
}

.bkcolor02 {
    background: #fff;
}

.bkcolor03 {
    background: #892C1F;
}

.bkcolor04 {
    background: #632115 !important;
}

.bkColor05 {
    background: #4ba2c5;
}

.bkColor06 {
    background: #ececec;
}

.smallTxt {
    font-size: 11px;
    color: gray;
}

.smallDisTxt {
    font-size: 10px;
    color: gray;
}

.smallTxt02 {
    font-size: 12px;
    color: gray;
}

.txtSize01 {
    font-size: 12px;
    font-weight: normal;
}

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

.txtSize03 {
    font-size: 16px;
    font-weight: normal;
}

.txtSize04 {
    font-size: 20px;
    font-weight: normal;
}

.txtSize05 {
    font-size: 14px;
    font-weight: normal;
}

.strong {
    font-weight: bold;
}

.upper {
    text-transform: uppercase;
}

.txtR {
    text-align: right;
}

.txtL {
    text-align: left;
}

.txtC {
    text-align: center;
}

.center {
    margin: 0 auto;
}

.lh30 {
    line-height: 30px;
}

.blockC {
    margin: 0 auto;
}

.center {
    margin: 0 auto;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.alignR {
    text-align: right;
}

.alignL {
    text-align: left;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.clearCrumb {
    clear: left;
    margin-bottom: 10px !important;
}

.hidden {
    display: none;
}

.relative {
    position: relative;
}

.block {
    display: block;
}

.error {
    color: red;
    font-weight: bold;
}

.formError {
    color: red;
    font-weight: bold;
}

.success {
    color: green;
    font-weight: bold;
}

.makeLink {
    cursor: pointer;
}

.txtWrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* colors */

.txtColor01 {
    color: #80281A;
}

.txtColor01i {
    color: #80281A !important;
}

.txtColor02, .whiteFont {
    color: #fff;
}

.txtColor03 {
    color: #C04130;
}

.txtColor04 {
    color: #ffea00;
}

.txtColor05 {
    color: #DDDDDD;
}

.blackFont {
    color: #000;
}

.redFont {
    color: red;
}

.grayFont {
    color: gray;
}

.silverFont {
    color: silver;
}

.txtShadow {
    text-shadow: 0px 1px 1px #FFF;
}

.txtShadowBk {
    text-shadow: 1px 1px 1px #000;
}

.txtShadow03 {
    text-shadow: 3px 3px 3px #000;
}

.strike {
    text-decoration: line-through;
}

.boxShadow {
    -webkit-box-shadow: 3px 3px 3px #4C4C4C; -moz-box-shadow: 3px 3px 3px #4C4C4C; box-shadow: 3px 3px 3px #4C4C4C;
}

.underline {
    text-decoration: underline;
}

/* Loading Stuff **********************************************************************************/

.loadingPane {
    display: none;
    width: 100%; height: 100%;
    top: 0; left: 0;
    position: absolute;
    background: url(/img/load.gif) no-repeat scroll 40% 10% #FFFCF5;
    z-index: 1;
    zoom: 1;
    filter: alpha(opacity=75);
    opacity: .75;
}

.loading .loadingPane {
    display: block;
}

#itemListWrapper .loadingPane {
    top: auto;
    bottom: 0;
    background: url(/img/load.gif) no-repeat scroll center #FFFCF5;
    height: 50px;
}

#filters .loadingPane {
    z-index: 2;
    background: url(/img/load.gif) no-repeat scroll center #FFFCF5;
}

/* header.php */

.page-banner { display: block; margin: 10px 0 0 0; }

.page-banner img { display: block; width: 100%; }

.standardBanner {
    margin-top: 10px;
}

#saleLinksBanner {
    box-sizing: border-box;
    padding: .5em 0;
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    background-color: #fff;
    margin: 0;
}

#saleLinksBanner table { width: 100%; border-collapse: collapse; }

#saleLinksBanner td { text-align: center; border: 1px solid #ddd; border-width: 0 1px 0 0; padding: 0 1em; }

#saleLinksBanner td:last-child { border-width: 0; }

#saleLinksBanner td:nth-child(n+3) {display: none;}

#saleLinksBanner a { color: #F00; font-weight: bold; }

#carClubBanner {
    width: 100%;
    margin: 10px 0;
    color: #FFF;
    background-color: #000;
}

#carClubBanner td { vertical-align: middle; text-align: center; }

#carClubBanner .amount { font-size: 40px; font-weight: bold; color: #F00; width: 250px; /*text-shadow: 0 1px #B99;*/ }

#carClubBanner .promptCell { /*text-align: right;*/ padding-right: 2em; font-size: 21px; }

#carClubBanner .promptCell p { margin: 0; line-height: 1em; }

#carClubBanner .prompt { /* font-weight: bold; */ }

#carClubBanner .promptCell .note { font-size: 40%; color: #BBB; text-transform: none; margin-bottom: -1em; }

#carClubBanner .buttonSec { width: 210px; }

#carClubBanner.existing .buttonSec { width: 260px; }

#carClubBanner .button { font-size: 18px; padding: .3em 1em; border-radius: 15px; }


.car-club-banner {
    width: 960px;
    height: 50px;
    margin-top: 10px;
    background: url(/img/banners/carclub_960x50.png);
}

.car-club-banner-member {
    width: 900px;
    height: 50px;
    padding-left: 60px;
    margin-top: 10px;
    background: url(/img/banners/carclub_960x50_member.png);
}

.car-club-banner-link {
    display: block;
    width: 935px;
    height: 50px;
    line-height: 50px;
    font-size: 42px;
    padding-left: 25px;
    color: #C04130;
}


/* Item Block */
.itemBlock { float: left; display: block; margin: 5px; width: 100%;}

.itemBlock:hover { text-decoration: none; }

/*.itemBlock:hover .name { text-decoration: underline; }*/
.itemBlock p { margin: 0; text-align: left; }

.itemBlock .image img { width: 100%; display: block; }

.itemBlock .amount { font-size: 120%; /*color: #c04130;*/ color: #F00; font-weight: bold; }

.itemBlock .msrp { /* font-size: 80%; */ color: gray; }

.itemBlock .msrp span { text-decoration: line-through; }

.itemBlock .save { /*color:  #c04130;*/ color: #F00; }

.itemBlock .name-wpr {
    height: 2.8em;
    overflow: hidden;
    color: black !important;
}

.itemBlock .name {
    line-height: 1.4em;
}

/* Offers */

.offerClaimed {
    color: red;
    font-size: 80%;
    width: 80%;
    margin: .5em auto;
}

.offerClaimed .bar {
    height: 5px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #DDD;
    overflow: hidden;
}

.offerClaimed .bar div { background-color: #F00; }

.offerClaimed.qtyFull { display: none; }

.offerClaimed.qtyHigh .bar div { background-color: #13BE1C; }

.offerClaimed.qtyHigh p { color: #0E9015; }

.offerClaimed.qtyMed .bar div { background-color: #FA9800; }

.offerClaimed.qtyMed p { color: #B38E19; }

.offerClaimed.qtyLow p { text-transform: uppercase; font-weight: bold; font-size: 100%; }

.offerClaimed .soldOut {
    font-weight: bold;
    font-size: 13px;
}


/* Specials.php */

#dailyDeals {
    position: relative;
    background: url(/img/jlm_car_club_specials_signup.png) no-repeat;
    width: 748px;
    height: 450px;
}

#dailyDealsPlans {
    position: relative;
    background: url(/img/jlm_car_club_background.png) no-repeat;
    width: 748px;
}

#carClubMemberLevels {
    position: relative;
    background: url(/img/car-club-bg.jpg) no-repeat;
    margin: 0 auto;
    width: 748px;
    padding-top: 430px;
    padding-bottom: 20px;
}

#carClubMemberLevels table {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    border-collapse: collapse;
    font-size: 12px;
}

#carClubMemberLevels table td {
    border-bottom: 1px solid #9B8B5E !important;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5em;
}

#carClubMemberLevels table td.td01 {
    text-align: left;
}

#carClubMemberLevels table td.pad5 {
    padding: 5px;
}

#carClubMemberLevels table td.borderBNone {
    border-bottom: none !important;
}

#carClubMemberLevels table th {
    border-bottom: 1px solid #9B8B5E !important;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
}

#carClubMemberLevels #joinNow {
    display: block;
    position: absolute;
    height: 70px; width: 147px;
    top: 326px; right: 33px;
}

#carClubMemberLevels #joinNow:hover { text-decoration: none; }

.carClubLogin, .carClubSignup {
    background: url(/img/jlm_white_background.jpg) repeat;
}

.carClubTxtAL {
    text-align: left;
}

.carClubTxtAR {
    text-align: right;
}

/* CHECKOUT PAGES */
/*
#shippingAddressSection input[type='text'], #existingCardSection input[type='text'], #existingAddressSection input[type='text'] {
	width: 100px !important;
}
*/

.pageContent .itemActionButton {
    font-weight: bold;
    font-size: 11px;
}

.checkoutSpecialImage {
    display: block;
    background: #fff;
    height: 200px;
    width: 200px;
    position: relative;
    z-index: 9999999;
    overflow: hidden;
}

/* Patterns for backgrounds and such */

.pattern04 { background: url(/img/pattern04.png) repeat-x; }

.pattern05 { background: url(/img/pattern_05.jpg) repeat; }

.pattern06 { background: url(/img/pattern_06.jpg) repeat; }

.pattern07 { background: url(/img/pattern_07.jpg) repeat; }

.pattern08 { background: url(/img/pattern_08.jpg) repeat; }

/* page separations */

.plainSep {
    background-color: #C04130;
    height: 2px;
}

.graySep {
    background-color: #CACACA;
    height: 1px;
}

.lightSep {
    background-color: #ececec;
    height: 2px;
}

.sep {
    background: url(/img/sep01.png) repeat-x;
    /*width: 746px;*/
    height: 2px;
    margin: 10px 0 20px 0;
    padding: 0;
    position: relative;
}

.sepSub {
    background: url(/img/sep-sub.png) no-repeat;
    width: 197px;
    height: 49px;
    right: 10px;
    top: -28px;
    margin: 0;
    padding: 0;
    position: absolute;
}

.sep02 {
    background: url(/img/sep01.png) repeat-x;
    width: 100%;
    height: 2px;
    margin: 10px 0 20px 0;
    padding: 0;
    position: relative;
}

.sep03 {
    border: 1px dotted gray;
    width: 100%;
    margin: 10px 0 20px 0;
    padding: 0;
    position: relative;
}

.fHead {
    text-align: center;
}

/* myCar - car specific */

.streetRod {
    background: url(/img/myCar_streetRod.png) no-repeat;
    width: 748px;
    height: 140px;
}

.streetRod h1 {
    position: absolute;
    top: 40px;
    left: 0;
}

.muscleCar {
    background: url(/img/myCar_muscleCar.png) no-repeat;
    width: 748px;
    height: 140px;
}

.muscleCar h1 {
    position: absolute;
    top: 40px;
    left: 0;
}

.sportTruck {
    background: url(/img/myCar_sportTruck.png) no-repeat;
    width: 748px;
    height: 140px;
}

.sportTruck h1 {
    position: absolute;
    top: 40px;
    left: 0;
}

.classicTruck {
    background: url(/img/myCar_classicTruck.png) no-repeat;
    width: 748px;
    height: 140px;
}

.classicTruck h1 {
    position: absolute;
    top: 40px;
    left: 0;
}

.carTitleWidth {
    width: 450px;
    z-index: 0;
}

/* Buttons */
.button {
    background-color: #FF0000;
    border: none;
    color: #FFF;
    display: inline-block;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", Arial;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
    padding: 2px 12px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;

}

.button:hover {
    background-color: #E60000;
    color: #FFF;
}


.button:active {
    border-color: #E60000;
    background-color: #E60000;
    background-image: none;
}

.button.flatBtn {
    border-radius: 0px;
    box-shadow: none;
    text-shadow: none;
    background-image: none;
    border: none;
}

a.button:hover { text-decoration: none; }

a.button:active { color: #FFF; }

.grayBtn {
    background-color: #E6E7E8;
    color: #000 !important;
}

.grayBtn:hover {
    background-color: #D7D7D7;
    color: #000;
}

.grayBtn:active {
    background-color: #D7D7D7;
}

.grayBtn.flatBtn {
    background: #e0e0e0;
}

.redBtn {
    background: #ed1c24;
    color: #FFF;
}

.redBtn:hover {
    background: #F00;
}

.button.blackBtn {
    background: #221F20;
}


.newButton {
    font-size: 20px;
    line-height: 1.5em;
    color: #FFF;
    border-radius: 0;
    background-image: none;
    background-color: #F00;
    box-shadow: none;
    text-shadow: none;
    border: 1px solid #000;
    margin: 0;
    padding: .1em .8em;
    cursor: pointer;
    -webkit-appearance: none;
}

.newButton:hover { background-color: #FC3535; text-decoration: none; }

.secondaryBtn {
    background-color: #DDD;
    border-color: #777;
    color: #777;
}

.secondaryBtn:hover { background-color: #EEE; }


.link {
    display: inline;
    padding: 0;
    cursor: pointer;
    border: none;
    background-color: transparent;
    text-decoration: none;
}

.btn-lg { font-size: 25px !important;line-height: 32px !important;height: 44px; padding: 6px 12px !important; min-width: 239px; }

.btn-sm { font-size: 20px !important; height: 34px; padding: 2px 12px !important; width: 186px; }

.btn-xs { font-size: 16px; height: 27px; }

/* Popup checkout */
.ui-dialog { width: 340px !important; }

.ui-widget-content, .ui-dialog .ui-dialog-buttonpane { background: #FFF; }

.ui-dialog-buttonset .ui-button:first-child {
    background: #FF0000;
    border: none;
    border-radius: 0;
    color: #FFF;
    font-family: 'Roboto condensed', sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin-right: 20px;
    text-transform: uppercase;
}

.ui-dialog-buttonset .ui-button:nth-child(2) {
    background: #E6E7E8;
    border: none;
    border-radius: 0;
    color: #000;
    font-family: 'Roboto condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.ui-dialog-buttonset .ui-button:first-child:hover { background: #E60000; }

.ui-dialog-buttonset .ui-button:nth-child(2):hover { background: #D7D7D7; }

.ui-dialog-buttonset .ui-button:first-child span,
.ui-dialog-buttonset .ui-button:nth-child(2) span { padding: .4em .6em; }

/* Top Nav */
#nav {
    display: block;
    margin: 0;
    padding: 0 0 0 185px;
    line-height: 30px;
    border: 1px solid #DDD;
    font-weight: bold;
}

#nav li {
    float: left;
    list-style: none;
    padding: 0 10px;
}

#nav-sales li a { font-size: 110%; color: #F00; }

#nav-sales li > a { border-right: 1px solid #333; }

#nav-sales li:nth-child(3) a { border-left: 1px solid #333; }

#nav-sales li.dropdown a,
#nav-sales li:nth-child(2) a { border-right: none; }

#nav #vehicleNavLinks { font-size: 90%; }

#nav #accountNavLinks { float: right; padding-right: 5px; }

.ui-widget-header#nav a { color: #80281a; }

.dropdown-toggle::after {
    border-color: currentcolor transparent;
    border-style: solid solid none;
    border-width: 0.3em 0.3em 0;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    width: 0;
}

#nav-sales .nav-item .dropdown-item {
    color: #000;
    line-height: 3em;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: none !important;
}

/* Generic action lists */
ul.actions {
    margin: 1em 0;
    padding: 0;
}

ul.actions li {
    float: left;
    list-style: none;
}

ul.actions li.right {
    float: right;
}

/**
 * Messages Bar
 */
.ratingWrapper .message-box { text-align: center; padding: 5px; color: #545454; margin: 5px auto; }

.ratingWrapper .clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }

.ratingWrapper .info { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }

.ratingWrapper .ok { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }

.ratingWrapper .alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }

.ratingWrapper .error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }


/**
 * Star rating L-R panels
*/
.ratings {
    margin: 0 0 1em;
    width: 100%;
    overflow: hidden;
    line-height: 2em;
}

.rating-L {
    float: left;
    margin-right: 1em;
    white-space: nowrap;
}

.rating-R {
    float: left;
    margin-left: 1em;
    width: 300px;
}

/* Search Block in Header */

#SearchForm {
    padding: 0;
    margin: 0;
    border: none;
    border-collapse: collapse;
    display: table;
}

#SearchForm input { vertical-align: top; }

#SearchForm input[type="text"] { padding: 8px; border: none; }

#SearchForm input[type="submit"]::-moz-focus-inner { border: 0; }

#SearchForm input[type="submit"]:focus { background: #333; }

#SearchForm #search {
    /*width: 270px;*/
    margin: 0 5px 0;
    border: 1px solid #80281A;
    outline: none;
    font-size: 14px;
}

#SearchForm #searchSubmit { padding: 17px 1em; }


.input-group-btn {
    vertical-align: top;
}

.ui-autocomplete {
    position: fixed;
    z-index: 9999 !important;
    -webkit-box-shadow: 2px 2px 2px #000; -moz-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000;
}

/* bread crumbs */
ul.crumbs {
    -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
    list-style: none;
    color: silver;
    margin: 0;
    /* padding: 4px 0 4px 15px; */
    padding: 4px 0 4px 0;
    float: left;
}

ul.crumbs li:first-child {

}

ul.crumbs li {
    display: block;
    float: left;
    margin: 0;
    /* height: 20px; */
    font-size: 12px;
}

ul.crumbs li:last-child {
    background: none;
    padding-right: 10px;
}

ul.crumbs li:after {
    padding-left: 5px;
    content: '\003E';
    padding-right: 5px;
    color: #000;
    line-height: 20px;
    display: inline-block;
    vertical-align: bottom;
}

ul.crumbs li:last-child:after {
    content: '';
    padding: 0;
}

ul.crumbs a {
    vertical-align: middle;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    color: #000;
    display: inline-block;
    /* height: 20px; */
    /* line-height: 20px; */
}

ul.crumbs a:hover { text-decoration: none; }

ul.crumbs li:last-child a {
    text-decoration: underline;
}

ul.crumbs li:last-child a:hover { text-decoration: underline !important; }

.crumbHome {
    vertical-align: middle;
    display: inline-block;
}

.crumbHome img {
    padding-top: 2px;
}

/* contact us */
#contactMeCol01, #contactMeCol02, #contactMeCol03, #contactMeCol04 {
    padding: 5px;
}

#contactMeCol01, #contactMeCol03 {
    margin-right: 9px;
}

#contactstatus {
    font-size: 14px;
    padding: 5px;
}

/* Order Tracking Page */
#inTransitTable th, #inTransitTable td {
    padding: 3px;
    vertical-align: top;
}

/* Add Credit or Debit Card Page */
#addCardTable th {
    text-align: left;
    padding: 3px;
    vertical-align: bottom;
}

#addCardTable td {
    text-align: left;
    padding: 3px;
    vertical-align: top;
}

#addCardTable th {
    width: 25%;
}

#addCardTable td {
    width: 25%;
}

#addCardTable input {
    width: 150px !important;
}

#existingAddressSection div p {
    margin: 0;
}

#existingCardSection div p {
    margin: 0;
}

/* catalog download page */
#catalogRequest {
    min-height: 340px;
    background: url(/img/catalog_download_large.png) no-repeat right bottom;
}


/* .loading .priceGuaranteePop { display: none; } */


.detailReviewBox {
    float: right;
    width: 100%;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.25em;
}

.detailReviewBox .noRatings {
    margin: 1em 0;
    color: gray;
    text-align: right;
    font-size: 80%;
}

.detailReviewBox .ratingStars {
    margin: 10px 0;
    text-align: right;
}

.carClubBox {
    width: 213px;
    padding: 9px;
}

.questionsBox {
    width: 203px;
    *width: 193px !important;
    padding: 9px;
}

.qty { width: 30px;height: 25px;font-size: 16px;text-align: center; }

.guaranteeSmall {background: transparent url(/img/guarantee_small.png) no-repeat;width: 350px;height: 200px;position: relative;}

.guaranteeSmall p {float: right;width: 160px;padding: 20px 5px 0 10px;font-size: 10px;}

.catDownloadButton {position: absolute;right: 10px;top: 100px;z-index: 21;}

.car01 {background: url(/img/car01.png) no-repeat;height: 164px;width: 292px;position: absolute;right: -15px;top: -15px;z-index: 20;}

/* Car Club */
.carClubPop {
    background: #191919 !important;
}

/* checkout */
#payment td {
    vertical-align: middle;
}

#payment .td01 {
    width: 10%;
    text-align: center;
    padding: 3px;
}

#payment .td02 {
    width: 90%;
    text-align: left;
    padding: 3px;
}

.td03 {
    width: 125px;
}

#payment img {
    vertical-align: middle;
}

#newCard {
    padding: 2em 1em !important;
}


/* Account Area ***********************************************************************************/

#addAddressForm label {
    font-size: 12px;
    font-weight: normal;
}

#addAddressForm .req {
    color: red;
    padding-right: .5em;
}

#addAddressForm input { padding: .2em; }

#cardForm td.labelCell,
#addressForm td.labelCell {
    white-space: normal;
}


/* #addressForm #firstName-label label,
#addressForm #street1-label label {
	white-space: nowrap;
} */

#addressForm label,
#cardForm label {
    font-size: 18px;
    white-space: nowrap;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
}

#cardForm .text,
#addressForm .text { width: auto; }

#cardForm td.dataCell,
#addressForm td.dataCell {width: 60%;}

#cardForm ul,
#addressForm ul {
    /* max-width: 525px; */
}

/* CART */
/*
.loadingSpinner { display: none; }
.stateLoading .loadingSpinner { display: block; }
*/
#clearCouponsBtn { padding-left: 2em; }

#cartTable {
    width: 100%;
    background: #CECDD3 url(/img/table_results_bk_01.png) repeat-x;
    border-collapse: collapse;
    border: 1px solid silver !important;
    margin-bottom: 10px;
}

#cartTable th {
    white-space: nowrap;
    border-bottom: 1px solid silver !important;
}

#cartTable .th01, #cartTable .th02, #cartTable .th03, #cartTable .th04, #cartTable .th05, #cartTable .th06 {
    padding: 15px 1em .5em;
}

#cartTable .th01, #cartTable .th02, #cartTable .th03 {
    text-align: left;
}

#cartTable .th04, #cartTable .th05, #cartTable .th06 {
    text-align: right;
}

#cartTable .th01 { width: 15%; }

#cartTable .th02 { width: 10%; }

#cartTable .th04, #cartTable .th05, #cartTable .th06 { width: 1px; }

/* As narrow as possible */
#cartTable .th05, #cartTable .t05, #cartTable .th06, #cartTable .t06 { white-space: nowrap; }

#cartTable td {
    padding: 7px 14px;
    border-bottom: 1px solid silver !important;
}

#cartTable .t01, #cartTable .t02, #cartTable .t03 {
    text-align: left;
}

#cartTable .t04, #cartTable .t05, #cartTable .t06 {
    text-align: right;
}

#cartTable td.priceTypeCol { font-weight: normal; font-size: 70%; }


#cartTable .itemCouponRow .t02 { padding-left: 2em; }

#cartTable .qtyNote { color: #808080; font-size: 11px; }

#couponNote { text-align: left; }

.cartHelp {font-size: 11px;}

.cartHelp p {margin: 0;}

.cartSpecial01 {
    background: #fff !important; /*url(/img/dice_ad.png) no-repeat !important;*/
}

.display-inline-block {
    display: inline-block;
}

.cart-header-sec {
    color: #000;
    font-weight: 400;
}


#cartTotals.stateLoading table { display: none; }

#columnWrapper .left ul.actions li.right {
    float: left !important;
    margin-left: 40px;
}

/* Page Footer */

.topItem {
    float: left;
    width: 178px;
    margin-right: 7px;
    text-align: center;
}

.topItem:last-child { margin-right: 0; }

.topItem a img { width: 178px; height: 178px; }


.footerSpecMargs0, .footerSpecMargs1, .footerSpecMargs2 {
    margin-right: 7px;
}

.footerSpecMargs3 {
    margin-right: 0;
}

/***** Nivo Slider ************/
.slider-wrapper {margin-left: 15px; margin-right: 15px;}

.slider-wrapper img { width: 100%; }

.nivoSlider { box-shadow: none !important; }


.detailSlideshow .jcarousel-container { overflow: hidden; }

/*#detailGallery div, #detailGallery ul, #detailGallery li {
	border: none !important;
}*/


/* javascript warning */
noscript { width: 100%; z-index: 1000; height: 20px; }

.jswarning { font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 20px; border-top: 1px solid #d6d8d6; border-bottom: 1px solid #d6d8d6; width: 100%; padding-top: 8px; background: #ffffe1 url(//files.johnnylawmotors.com/img/exclamation.gif) 4px 6px no-repeat; }

.jswarning span { padding-left: 25px; }

.pop01 { display: none; position: absolute; bottom: -122px; left: -220px; }


/* POPUP */
.bubbleInfo {
    position: absolute;
    right: 10px;
    top: 75px;
    z-index: 199;
}

.popup {
    background: #0099CF;
    border: 1px solid #c8c8c8;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #fff;
    right: 75px;
    display: none;
    font-family: 'Cabin';
    font-size: 14px;
    z-index: 200;
    white-space: nowrap;

    -webkit-box-shadow: 2px 2px 2px #2c2c2c; -moz-box-shadow: 2px 2px 2px #2c2c2c; box-shadow: 2px 2px 2px #2c2c2c;
}

/* Car Club
.ui-dialog {
    -webkit-box-shadow: 2px 2px 2px #808080;
    -moz-box-shadow: 2px 2px 2px #808080;
    box-shadow: 2px 2px 2px #808080;
    background: #808080 url(//files.johnnylawmotors.com/highoctane/img/ccpattern_01.png) repeat;
}
.ui-dialog-titlebar { background: url(//files.johnnylawmotors.com/highoctane/img/ccpattern_02.png) repeat; }
*/

.no-close .ui-dialog-titlebar-close { display: none; }

.no-titlebar .ui-dialog-titlebar { display: none; }

/**
*
*
*  	 Nav movement Oct 7, 2016
*
*
**/


body {
    font-family: 'Roboto', sans-serif;
}

#header-top {
    background: url("/img/header-top.png") repeat-x 0 -2px;
    color: #FFF;
}

.header-top-inner {
    margin: 0 auto;
    text-align: right;
    /*	width: 968px;*/
}

#header-top .header-top-inner:after {
    /*
	border-width: 10px 0 0 10px;
 	content: "";
 	position: absolute;
 	border-style: solid;
 	border-color: #CC0000 transparent transparent transparent;
  	right: 421px;
 	top: 42px;
 	*/
}


#header-top ul {
    list-style: none;
    height: 41px;
    margin: 0;
    min-width: 310px;
}

#header-top ul li {
    display: inline-block;
    font-size: 22px;
    padding-top: 0;
    padding-bottom: 0;
    height: 41px;
    vertical-align: middle;
}

#header-top ul li:first-child {
    background: url("/img/phone.png") no-repeat 25px 8px;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    padding: 0px 25px 0px 50px;
    line-height: 41px;
}

#header-top ul li:nth-child(2) {
    padding-left: 30px;
    padding-right: 20px;
}


#header-top ul li:last-child {
    padding-left: 0;
    position: relative;
}


#header-top a {
    color: #FFF;
}

#header-top li.login-link {
    line-height: 41px;
    position: relative;
}

.login-link > a {
    font-size: 18px;
}

.login-link > p:first-child {
    margin: 0;
    line-height: 1.3em;
    font-size: 12px;
    padding-top: 6px;
}

.login-link > p:first-child a {
    font-size: 12px;
}

.login-link > p:nth-child(2) {
    margin: 0;
    line-height: 1.2em;
    font-size: 14px;
}

.login-link > p:nth-child(2) a {
    font-size: 14px;
}

#cartCounter {
    background: url("/img/edge.png") no-repeat scroll 0px 18px;
    padding: 35px 0 27px 11px;
    position: relative;
    top: 12px;
}

#cartCounter a {
    background: #ed1c24 url("/img/cart-icon.png") no-repeat 38px 16px;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    padding: 14px 40px 10px 65px;
    text-decoration: none;
}

#sidebar .sidebarMenu {
    display: none;
}

.sidebarMenu {
    display: block;
}


/*** Primary Menu - Categories ***/

.navbar-default {
    background: #221f20;
    min-height: 45px;
}

.navbar-default h3 {
    color: #FFF;
    float: left;
    padding: 15px 0 0 30px;
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
    font-family: "Roboto Condensed";
    font-size: .75em;
    font-weight: bold;
    padding: 1.125em;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a:hover {
    background: #222;
    color: #FFF;
}

.navbar {
    height: 45px;
    margin-bottom: 0px;
    border: none;
    border-radius: 0;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: #221f20;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.navbar-toggle {
    border-radius: 0px;
    margin-right: 10px;
}

.navbar-default .navbar-toggle .icon-bar.icon-bar {
    background-color: #DDD;
}

#bs-example-navbar-collapse-1 {
    background: #221f20;
    line-height: 0;
    margin-left: 0;
    position: absolute;
    width: 100%;
    z-index: 7;
}

/* Sales and Category Navigation */
.nav-pills > li {
    display: inline-block;
    float: none;
}

.nav-pills > li > a {
    border-radius: 0px;
}

#nav-sales {
    text-align: right;
    margin-right: 5px;
}

.navbar {
    text-align: center;
}

.navbar-nav {
    display: inline-block;
    float: none;
}


/* Featured Tiles */

.front #featured-tile .block-row {
    padding-left: 10px;
    padding-right: 10px;
}

#featured-tile { margin-bottom: 40px !important; }

#featured-tile .block-row {
    /*float: left;*/
    padding: 0 3px;
    text-align: center;
    /*width: 310px;*/
}

#featured-tile .block-row img {
    height: auto;
    max-height: 300px;
    max-width: 100%;
    width: auto;
}

#featured-tile .block-row img:hover {
    opacity: 0.9;
}

#featured-tile .block-row .block-title {
    bottom: 7px;
    float: left;
    margin: 5px;
    position: relative;
    width: 97%;
}

#featured-tile .block-row .block-title a {
    bottom: 0;
    background: #282425;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFF;
    font-family: 'Roboto', 'sans serif';
    font-size: 17px;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

#featured-main {
    height: auto;
    margin-bottom: 40px;
}

#featured-main img {
    margin: 0 auto;
    width: 100%;
}

#featured-main .block-title {
    bottom: 7px;
    float: left;
    margin: 0 10px;
    position: relative;
    width: 97%;
}

#featured-main .block-title a {
    bottom: 0;
    background: #282425;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFF;
    font-family: 'Roboto', 'sans serif';
    font-size: 24px;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    width: 100%;
}

/* Overrides */
.front #pageContentWrap {
    /*width: 992px;*/
}

.front #sidebar {
    display: none;
}

#dailyDealsFooter {
    clear: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 50px !important;
    position: relative;
    top: 15px;
}

#dailyDealsFooter .itemBlock {
    border: 1px solid #FFF;
    /* min-height: 355px; */
    /* min-height: 255px; */
}

#dailyDealsFooter .itemBlock:hover {
    border: 1px solid #DDD;
}

#dailyDealsFooter h2 {
    background: #282425 !important;
    color: #FFF !important;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

body#checkout-index #pageContentWrap {
    width: 100%;
}

a:hover {
    text-decoration: none !important;
}

#header .logo h1 {
    background: none;
    /*color: #221f20;*/
}

.search-block {
    float: left;
    height: 50px;
    margin-top: 10px;
}

.search-block .menu {
    background: #BBBDC0;
    border: none;
    color: #FFF;
    float: left;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    padding: 8px;
}

.menu-down {
    float: left;
    width: 60px;
}

.menu-down img {
    bottom: 6px;
    left: 15px;
    position: relative;
}

#SearchForm {
    margin: 10px 0px 0 0;
    /*width: 360px;*/
}

#SearchForm #search {
    border: 1px solid #221F20;
    border-radius: 0;
    margin: 0px;
    /*width: 200px;*/
}

#SearchForm #searchSubmit {
    background: #221F20 url(/img/search.png) no-repeat;
    border: none;
    border-radius: 0px;
    bottom: 1px;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    height: 34px;
    margin: 0 0 0 -5px;
    padding: 17px 34px;
    position: relative;
}

#itemListWrapper {
    clear: left;
    padding: 20px 0;
    /* max-height: 1000px;
	overflow: auto; */
}

/*
#header .floatR {
	width: 37.5%;
}
*/
.contact-phone,
#header .image-icons,
#header .image-links,
#header .img-center-xs {
    text-align: center;
}

#header .image-links {
    margin: 25px 0 0 20px;
}

#header .image-links a {
    margin-right: 20px;
}

#image-links-xs {
    padding-bottom: 10px;
}

#header .free-shipping-wpr {
	display: inline-block;
    position: relative;
	text-align: left;
	width: 100%
}
#header .free-shipping-wpr img {
	max-height: 28px;
}
#header .free-shipping-wpr .free-shipping-amt {
    position: absolute;
	bottom: 0;
	left: 2px;
    font-size: 8px;
    top: 10px;
    left: 33px;
    height: 31px;
    color: #333;
}

#header .col-xs-4 .free-shipping-wpr .free-shipping-amt {
    left: 1px;
}


#header .image-icons,
#header .image-icons a {
    color: #C0412E;
    margin-top: 10px;
    padding-right: 15px;
}

.contact-phone {
    margin-top: 50px;
}

.contact-phone a {
    color: #C0412E;
}

/*
#header .logo {
	top: 7px;
}
*/

#freeShippingMsg {
    margin-bottom: 0;
}

#nav {
    border-left: none;
    border-top: none;
    float: right;
}

#nav li {
    padding: 0;
}

#nav-sales li a { color: #333; font-size: 12px; font-weight: normal; margin: 7px 0; padding: 0 15px; }

#nav-sales li a:hover { background: none; color: #333;}

#nav-sales li:first-child a {
    font-weight: bold !important;
    color: #ed1c24 !important;
}

.bold-red {
    font-weight: bold !important;
    color: #ed1c24 !important;
}

/* Featured */
.itemBlock {
    position: relative;
}

.itemAccessory a span /* ,
.itemBlock p:nth-child(2) */ {
    color: #000;
}

/* .itemBlock p:nth-child(2):hover {
	text-decoration: none;
} */

.itemBlock .savings {
    background: red;
    color: #FFF;
    /* padding: 0.2em 1em; */
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 4px 1px 4px;
}


/* Sidebar */
#itemAccessories .save,
#siteRating p:first-of-type,
.newsletter-block b {
    color: #F00;
}

/* Category */
.saleBanner h3,
.templateNote,
.item .name,
#itemList a,
#siteRating p,
#filters,
#pageLinks a,
#pageLinks #pageDetails,
#childGroups h2 {
    color: #000;
}


#childGroups .group span {
    background: #000 !important;
    bottom: 0;
    color: #FFF;
    font-family: "roboto condensed";
    left: 0;
    margin: 0 3px;
    opacity: 0.9;
    padding: 5px !important;
    position: absolute;
    right: 0;
    text-align: center;
    /*top: auto !important;*/
    /*width: 90% !important;*/
}

#childGroups .group span:hover {
    text-decoration: none;
}

#childGroups .group {
    border: 1px solid #dae2ed !important;
    border-radius: 0px !important;
    width: 100%;
    min-height: 10em;
}

#childGroups .group:hover {
    /*border: 1px solid #000;*/
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.13);
    text-decoration: none;
}

#childGroups .group:hover span { text-decoration: none; !important}

#childGroups img { width: 100% }

#itemList {
    border: none;
    color: #F00;
}

#itemList tr {
    background: gray; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#F6F7F8, #E2E2E6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F6F7F8, #E2E2E6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F6F7F8, #E2E2E6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F6F7F8, #E2E2E6); /* Standard syntax */
    border-top: 10px solid #000;
}


.cartCol {
    text-align: center;
    width: 130px;
}

.detailsCol .price,
.priceCol .price {
    color: #F00;
    font-weight: bold;
}

.priceCol .retail,
.priceCol .msrp {
    color: #808080;
}

.itemQty {
    border: 1px solid #CCC;
    padding: 3px;
}

#attributeWrapper h4 {
    color: #000;
}

/* Detailed View */
.galleria-theme-light .galleria-stage {
    left: 0;
    top: 0;
}

#detailGallery div.galleria-stage {
    border: 1px solid #ccc !important;
}

.galleria-container {
    height: 341px !important;
    /*width: 251px !important;*/
}

#detailGallery {
    /*width: 253px !important;*/
}

#itemAccessories img {
    width: 100%;
}

#item-view .galleria-container {
    height: 341px !important;
    /*width: 251px !important;*/
}

.galleria-container {width: 99% !important;}

/* Buttons */
.button {
    border-radius: 0px;
}

.view-options a:hover,
#itemList a.addToCart:hover,
#item-view .actionBtns .button:hover {
    background: #E60000;
}

#item-view .actionBtns .grayBtn:hover {
    background: #D7D7D7;
}

#itemList .view-options a,
#detailSummary a.addToCart,
#itemList a.addToCart {
    background: #FF0000;
    border-radius: 0px;
    box-shadow: none;
    color: #FFF;
    display: block;
    font-weight: bold;
    margin: 0 auto 10px auto;
    padding: 5px 12px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
}

#detailSummary a.addToCart { margin-bottom: 0;}

#detailSummary a.addToCart {
    display: inline-block;
}

/* Sales */
#sales-index h2 img,
.saleBanner {
    border-radius: 0px;
}

.sale-title {
    color: #FF0000;
    font-size: 52px;
    font-weight: bold;
    margin-top: 10px;
    padding: 20px 40px;
    text-align: left !important;
    text-shadow: 1px 1px #777;
    background: -webkit-linear-gradient(#E8E8E8, #FFFFFF, #E8E8E8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E8E8E8, #FFFFFF, #E8E8E8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E8E8E8, #FFFFFF, #E8E8E8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E8E8E8, #FFFFFF, #E8E8E8); /* Standard syntax (must be last) */

}

/* Product */
.yotpo .text-m {
    color: #000 !important;
}

/* Mystery Coupon */
#mysteryCoupon { text-align: center; }

#mysteryCoupon img { width: 100% }

/* Footer */
#footer {
    background: #FFF;
}

#footer h4 {
    padding: 30px 0 10px 0;
}

#footer a {
    color: #666;
}

#footer-bottom #refid-codes,
#footer-bottom #cards-payment {
    background: #FFF;
    color: #666;
    font-size: 90%;
    text-align: center;
}

#footer-bottom #refid-codes { padding-bottom: 5em;}

#copyright {
    background: #FFF;
    margin: 0 !important;
    padding: 14px 0;
    text-align: center;
}

/* Bottom Fixed*/
#bottom-fixed { bottom: 40px; position: fixed; width: 100%; z-index: 999; }

#bottom-fixed-inner { margin: 0 auto; text-align: right; width: 1224px; }

/* Bottom right navigation*/
.bottom-right-nav-wpr {
    position: fixed;
    /* bottom: 60px; */
    bottom: 50px;
    right: 20px;
    z-index: 1000;
}

.bottom-right-nav-wpr > div {
    position: relative;
}

/* Move to top */
.scrollToTop {
    display: none;
}

.scrollToBottom {
    display: block;
}

.nav-item > img {
    background: #bbbdc0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    /* bottom: 60px; */
    opacity: 0.8;
    /*padding: 10px 0 10px 0;*/
    /* position: fixed;
	right: 50px; */
}

/* Chat */
#lc_chat_layout.lc-collapsed { /* right: 50px; */ right: 20px; box-shadow: none;}

#lc_chat_layout.lc-collapsed,
#lc_chat_layout.lc-collapsed #lc_chat_header {
    background: #bbbdc0 url("/img/chat.png") no-repeat;
    background-size: cover;
    border-radius: 0;
    /* height: 60px !important; */
    height: 50px !important;
    opacity: 0.8;
    /* width: 60px !important; */
    width: 50px !important;
}

#lc_chat_layout.lc-collapsed #lc_chat_title { display: none; }

#lc_chat_layout.lc-expanded {right: 20px;}

#lc_chat_layout #lc_chat_header {box-shadow: none !important;}


/* Animated X toggle */

.navbar-toggle {
    border: none;
    /*background: transparent !important;*/
    margin-bottom: 0;
    margin-top: 5px;
}

/*
.navbar-toggle:hover {
  background: transparent !important;
}
*/
.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.5s;
}

.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggle .middle-bar {
    opacity: 0;
}

.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}

/*
 *  Default hamburger
 *
 */
.c-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 96px;
    height: 96px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

.c-hamburger:focus {
    outline: none;
}

.c-hamburger span {
    display: block;
    position: absolute;
    top: 44px;
    left: 18px;
    right: 18px;
    height: 8px;
    background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #fff;
    content: "";
}

.c-hamburger span::before {
    top: -20px;
}

.c-hamburger span::after {
    bottom: -20px;
}

/* Animated hamburger */
.c-hamburger--htla {
    background-color: #32dc64;
}

.c-hamburger--htla span {
    transition: transform 0.3s;
}

.c-hamburger--htla span::before {
    transform-origin: top right;
    transition: transform 0.3s, width 0.3s, top 0.3s;
}

.c-hamburger--htla span::after {
    transform-origin: bottom right;
    transition: transform 0.3s, width 0.3s, bottom 0.3s;
}

/* active state, i.e. menu open */
.c-hamburger--htla.is-active {
    background-color: #18903c;
}

.c-hamburger--htla.is-active span {
    transform: rotate(180deg);
}

.c-hamburger--htla.is-active span::before,
.c-hamburger--htla.is-active span::after {
    width: 50%;
}

.c-hamburger--htla.is-active span::before {
    top: 0;
    transform: translateX(38px) translateY(4px) rotate(45deg);
}

.c-hamburger--htla.is-active span::after {
    bottom: 0;
    transform: translateX(38px) translateY(-4px) rotate(-45deg);
}

#nav-sales li { display: inline-block; }

/* Featured deals */
.deals-carousel-wpr,
.view-more {padding: 10px 110px;}

.deals-carousel-wpr {padding-bottom: 0 !important;}

.view-more {padding-top: 0 !important;}

.carousel-control.right-control {left: auto; right: 75px;}

.carousel-control.left-control {left: 75px;}

.row.daily-deals-inner-wpr .deals-carousel-wpr,
.row.daily-deals-inner-wpr .view-more,
.row.cart-deals-inner-wpr .deals-carousel-wpr,
.row.cart-deals-inner-wpr .view-more {
    padding-right: 35px;
    padding-left: 35px;
}

.row.daily-deals-inner-wpr .carousel-control.right-control,
.row.cart-deals-inner-wpr .carousel-control.right-control {
    right: 0;
}

.row.daily-deals-inner-wpr .carousel-control.left-control,
.row.cart-deals-inner-wpr .carousel-control.left-control {
    left: 0;
}

/* moving css */

#dailyDealsFooter {
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.daily-deals-down:not(.home-pg) {
    -ms-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

/* Right bottom buttons */
.bottom-right-nav-wpr img { height: 50px; }


/* saf3+, chrome1+ */

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    /*your rules for chrome*/
    #header-top .header-top-inner::after {
        right: 407px;
        top: 41px;
    }

    .search-block .menu {
        margin-left: 10px;
    }

}

/* Safari 6.1+ (10.0 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
        .navbar-default .navbar-nav > li > a {
            font-family: "Roboto Condensed";
            font-size: 11px;
            font-weight: normal;
            padding: 1.125em;
        }

        #itemAccessories .col-sm-3 { width: 23.5%; }
    }
}

/* Safari 10.1+ */
@media not all and (min-resolution: .001dpcm) {
    @media {
        .navbar-default .navbar-nav > li > a {
            font-size: 11px;
            font-weight: normal;
            padding: 1.125em;
        }

        #itemAccessories .col-sm-3 { width: 23.5%; }

        #header .image-links { margin: 55px 0 0 0; }

    }
}


/* Bootstrap Override */

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: 0;
}

.front #pageContentWrap {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

#childGroups img {
    max-height: 250px;
    max-width: 250px;
}

#featured-main .block-row { padding-bottom: 15px !important; margin-top: 15px; }


/* @media CSS */
@media screen and (min-width: 2396px) {
    /* When zooming out */
    /* Safari 10.1+ */
    @media not all and (min-resolution: .001dpcm) {
        @media {
            .navbar-default .navbar-nav > li > a {
                font-size: .64em;
            }
        }
    }

}

@media screen and (min-width: 1563px) {
    /* When zooming out */
    /* Safari 10.1+ */
    @media not all and (min-resolution: .001dpcm) {
        @media {
            .navbar-default .navbar-nav > li > a {
                font-size: 10.5px;
            }
        }
    }


}

@media screen and (max-width: 1198px) {
    #bpNewsletter input.subscribe {
        font-size: 18px !important;
    }

}

@media screen and (min-width: 1198px) {
    /* When zooming out */
    /* Safari 10.1+ */
    @media not all and (min-resolution: .001dpcm) {
        @media {
            .navbar-default .navbar-nav > li > a {
                font-size: .64em;
            }
        }
    }

}

.mini-cart-price-table tbody tr td.mini-cart-item-wrapper {
    text-align: center;
    display: block;
    padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
    #nav-sales {
        margin-top: -25px;
        margin-bottom: 0;
        margin-right: 0;
    }

    #saleLinksBanner td:nth-child(n+3) {display: table-cell;}

    #saleLinksBanner td:nth-child(n+5) {display: none;}
}

@media screen and (min-width: 992px) {
    .search-block,
    #SearchForm {
        margin: 50px 0px 0 0;
    }

    #featured-tile {
        margin: 0 auto;
        padding: 0 8px;
        /*width: 968px;*/
    }

    .header-top-inner,
    #pageContainer,
    .topPageContainer {
        width: 970px;
    }

    #header .image-links {
        margin: 55px 0 0 20px;
    }

    #saleLinksBanner td:nth-child(n+5) {display: table-cell;}

    #saleLinksBanner td:nth-child(n+7) {display: none;}
}

@media screen and (min-width: 1200px) {
    #saleLinksBanner td:nth-child(n+7) {display: table-cell;}

    #saleLinksBanner td:nth-child(n+9) {display: none;}
}

@media (max-width: 991px) {
    #pageContentWrap {
        /*width: 768px;*/
    }

    #bpNewsletter input.subscribe {
        font-size: 16px !important;
    }


    #header-top ul {
        padding-left: 15px;
    }

    #cartCounter a {
        background: #ed1c24 url("/img/cart-icon.png") no-repeat scroll 15px 15px;
        padding: 14px 15px 10px 40px;
    }

    /*.nav-pills > li {
   		float: left;
   	    text-align: center;
   	    width: 24%;
   }*/
    /*#nav-sales li:last-child { border-right: none; !important }*/
    #nav-sales li.last { border-right: none !important; }

    #nav-sales li a {
        padding: 5px;
    }

    #nav-sales li a { padding-top: 0; }

    #nav-sales .dropdown-menu-right { max-width: 160px; min-width: 140px; padding: 5px 10px; }


    #featured-tile .block-row {
        /*float: none;*/
        margin: 0 auto;
        /*width: 100%;*/
    }

    #featured-tile .block-row .block-title a {
        /*width: 300px;*/
    }

    .login-link .visible-sm, .login-link .visible-xs {
        display: inline !important;
    }


    /* Category Navbar hamburger menu from sm to md */
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    #footer-bottom #cards-payment { padding-left: 0; text-align: center !important; }

    #footer-bottom #copyright { padding: 14px 0 !important; text-align: center !important; }

    .rewards-sec tr td {
        display: block;
        width: 100% !important;
    }

    .rewards-grad img.rewards-car {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .parts-masked {
        margin-top: -30px !important;
    }

    .rewards-grad {
        background: linear-gradient(to bottom, #eee, #fefefe) !important;
    }

    .button.responsive-margin {
        margin-bottom: 40px;
    }

    .rewards-program {
        font-size: 80px !important;
        line-height: 70px !important;
    }
}

@media (max-width: 768px) {
    /* tablet/narrow specific adjustments */
    #header .row { margin-top: 20px; }

    #header .logo img { width: 100%; }

    .smaller .logo img { width: 50px !important; margin-top: 5px; }

    #logo h1 { margin-bottom: 0; margin-top: 0; }

    /*#logo { margin-top: 15px; } */
    .mobile-contact { font-size: 18px; }

    .ui-dialog { width: 240px; }

    #addressForm .button,
    #cardForm .button {
        width: 110px !important;
    }

    #pageContainer {
        /*min-height: 1700px; */
    }

    #bpNewsletter { left: 10% !important; top: 25% !important; width: 80% !important;}

    #bpNewsletter h3 {
        font-size: 24px !important;
    }

    #bpNewsletter h4 {
        font-size: 16px !important;
    }

    #bpNewsletter .envelope { height: 35px !important; width: 47px !important; }

    #bpNewsletter form { padding-top: 0px; }

    #slider {
        max-width: 768px;
        /*height: 250px;*/
        /*height: auto;*/
    }

    #slider img {
        /*height: 250px !important;*/
        /*height: auto;*/
    }

    #bs-example-navbar-collapse-1 {
        opacity: 0.9;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 12px;
    }

    #featured-tile .block-row {
        padding: 5px;
    }

    #featured-tile .block-row .block-title {
        width: 96%;
    }

    #featured-tile .block-row .block-title a {
        font-size: 16px;
    }

    /* #dailyDealsFooter .itemBlock {min-height: 375px;} */
    .menu-down2 .menu2 {
        background: #777;
        border: none;
        float: left;
        margin-left: 10px;
        padding-top: 10px;
        width: 55px;

    }

    .search-block .menu {
        display: none;
    }

    .search-block {
        width: 0;
    }

    .smaller > .row { padding-top: 20px; }

    /** SIDEBAR **/
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -50%; /* 6 columns */
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -50%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 50%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%; /* 6 columns */
    }

    .starter > .row .row-inner,
    .smaller > .row .row-inner {
        width: 100%;
    }

    /*
  #lc_chat_layout.lc-expanded { top: 155px !important; }
  #lc_chat_message_window { top: 205px !important; }
  .lc-collapsed {}
  */
    #lc_chat_layout.lc-expanded {
        height: 393px !important;
        top: auto !important;
    }

    #lc_chat_layout.lc-collapsed,
    #lc_chat_layout.lc-collapsed #lc_chat_header {
        /* background: #bbbdc0 url("/img/chat-40.png") no-repeat !important; */
        border-radius: 0 !important;
        height: 40px !important;
        width: 40px !important;
    }

    #lc_chat_layout.lc-collapsed { bottom: 0px !important; right: 20px !important; }


    #lc_chat_message_window { top: 325px !important; }

    #childGroups img {
        height: auto;
        width: 100%;
    }

    .bottom-right-nav-wpr { bottom: 40px; right: 20px; }

    .bottom-right-nav-wpr img { height: 40px; }

    /* info box */
    .info-container {right: 56px !important;}

    /* loggedin cart */
    #columnWrapper > .left {
        width: auto !important;
    }

    #columnWrapper > .left {
        background: #FFF;
    }

    .itemForm > .right {
        width: 70% !important;
    }

    #nav-sales li:last-child a { min-width: 75px; padding-left: 0 !important; padding-right: 0 !important; }

    .my-profile-action {
        text-align: center;
        margin: 0;
    }
}

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

    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -100%; /* 6 columns */
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -100%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 100%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 100%; /* 6 columns */
    }


}

@media (max-width: 480px) {
    /* most narrow phone portrait layout */
    #header-container { height: 145px;}

    #header #logo { padding-left: 10px; padding-right: 0;}

    #header .logo img { min-width: 62px; }

	#header .image-icons .col-xs-4,
	#header .image-icons .col-xs-8 { padding-left: 0; padding-right: 0; }

    #header .image-icons { padding-right: 0; }
	#header .image-icons .first { max-height: 28px; }
	#header .image-icons .two { max-width: 52px; }
	#header .image-icons .last { max-height: 28px; }

    #header .image-icons a { padding-right: 15px; }


    .contact-phone { margin-top: 40px; }

    #header-top ul li:nth-child(2) {
        /*margin-left: 25px; */
    }

    #SearchForm #searchSubmit {
        background: #221F20 url(/img/magnify.png) no-repeat;
        padding: 6px 17px;
        background-size: 30px;
    }


    #nav-sales li a {
        margin: 2px 0;
    }

    #saleLinksBanner {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #slider {
        max-width: 480px;
        /*height: 250px;*/
        height: auto;
    }

    #slider img {
        /*height: 250px !important;*/
        height: auto;
    }


    #header-top ul li:nth-child(2) {
        padding-left: 0;
    }

    #header span.col-xs-1 {
        color: yellow !important;
    }


    #nav-sales li { height: 40px; }

    #nav-sales li:nth-child(1),
    #nav-sales li:nth-child(2),
    #nav-sales li:nth-child(3),
    #nav-sales li:nth-child(4),
    #nav-sales li:nth-child(5) { padding-top: 10px;}

    #nav-sales li.last a { line-height: 1em; padding: 2px 2px 0 2px !important; }

    #featured-tile .block-row {
        float: none;
        max-width: 300px;
        width: 100%;
    }

    #featured-main .block-title { width: 95%; }

    #featured-main .block-title a { font-size: 18px; }

    #dailyDealsFooter .col-xs-6 { padding-left: 0px; padding-right: 0px; }

    /* #dailyDealsFooter .itemBlock { min-height: 285px; } */
    #dailyDealsFooter .itemBlock .amount { font-size: 120%; }

    #shippingForm {
        width: 250px !important;
    }

    .itemForm > .right {
        width: 100% !important;
    }


    .itemForm > .left {
        text-align: center;
        width: 100% !important;
    }

    .menu-login #menuLoginTxt,
    button.menu2 span.menu-title { font-size: 11px; }

    .menu-login #menuLoginTxt { padding-top: 34px !important;}

    #account-login .pageContent .ui-widget-header {
        float: none;
        width: 100% !important;
    }

    /* List View */
    /* Force table to not be like tables anymore */
    #topWrapper table, #topWrapper thead, #topWrapper tbody, #topWrapper th, #topWrapper td, #topWrapper tr,
    #itemList table, #itemList thead, #itemList tbody, #itemList th, #itemList td, #itemList tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #topWrapper table thead tr,
    #itemList thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #topWrapper table td,
    #itemList td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        text-align: center;
    }

    #topWrapper table td:before,
    #itemList td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    #topWrapper table .left,
    #topWrapper table .right { width: 100%; }

    #itemList .cartCol { width: 100%; }

    #itemList .imageCol { width: 100% }

    #topWrapper table td { border-bottom: none;}

    #stepNumber { font-size: 48px !important; }

    /* END List view / topWrapper */
    #emailFoot { display: none; }

    .itemBlock .image img { width: 100%; }

    #footer-bottom #cards-payment span { display: block; }

    /* .deals-carousel-wpr, .view-more {padding: 10px 50px;} */
    /* .carousel-control.right-control {right: 15px;}
	.carousel-control.left-control {left: 15px;} */
    /* slightly bigger touch targets for mobile accessibility */
    .slider-wrapper .nivo-controlNav a {
        margin: 0 8px !important;
    }
}

/* Good to be checked also - fix for elements doing weird stuff when resizing browser */
@media (max-width: 445px) {
    #nav-sales li:nth-child(4) { padding-top: 0px;}
}

@media (max-width: 420px) {
    /*#nav-sales li:nth-child(3) { padding-top: 0px;}*/
    .mobile-contact { font-size: 13px; }
}

@media (max-width: 410px) {
    #nav-sales li:nth-child(2) { padding-top: 0px; }
}

@media (max-width: 380px) {
    .mobile-contact .glyphicon-earphone { display: none;}

}

@media (max-width: 360px) {
    .mobile-contact {font-size: 9px; margin-top: 15px !important; }
}

/* end */


@media (max-width: 320px) {

	#header .image-icons .first { max-height: 28px }
    #header .image-icons .two { width: 46px; }
	#header .image-icons .last { max-height: 28px; }

    .contact-phone { margin-top: 30px; }

    #slider {
        max-width: 320px;
        /*height: 200px;*8/
		/8height: auto;*/
    }

    #slider img {
        /*height: 200px !important;*/
        height: auto;
    }

    #featured-main .block-title { width: 90%; }

    /*
	#columnWrapper .left .actions .right { position: relative; bottom: 16px; }
	*/
}

/* Detect if mobile */
.mobileShow { display: none; !important}

/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
    .mobileShow { display: inline; !important}
}

.mobileHide { display: inline; !important}

/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
    .mobileHide { display: none; !important}
}

/* Slider CSS */
.load-options-wpr {display: none;}

#header.smaller .load-options-wpr {
    display: block;
    top: 110px;
    position: fixed;
    padding: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
}

.slider-container {
    opacity: 1;
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 12px;
    box-shadow: 0px 3px 3px -3px #bbbdc0;
}

.slider-container > div {margin-top: 3px;}

.slider-container .item-count-wpr {
    color: #a7a9ac;
    font-weight: 500;
}

.list-slider-container {display: flex;}

.list-slider-container .list-slider-wpr {
    margin: 0;
    padding: 9px 0;
    width: 100%;
    position: relative;
}

.list-slider-container .first-entry,
.list-slider-container .last-entry {
    position: absolute;
    top: 12px;
    color: #8c8c8c;
    font-size: 0.85em;
}

.list-slider-container .left-lt,
.list-slider-container .right-gt {
    min-width: 20px;
    width: 20px;
    text-align: center;
    background: #a7a9ac;
    border-radius: 50%;
    color: #FFF;
    font-size: 19px;
    height: 20px;
    line-height: 20px;
    display: flex;
}

.list-slider-container .left-lt {margin-right: 5px;}

.list-slider-container .right-gt {margin-left: 5px;}

/* .list-slider-container .left-lt > span,
.list-slider-container .right-gt > span {
	margin: auto;
} */

.list-slider-container .left-lt > img,
.list-slider-container .right-gt > img {
    cursor: pointer;
}

.list-slider-container .last-entry {
    right: 0;
}

#list-slider {
    min-height: 2px;
    height: 2px;
    background: #a7a9ac;
    border-color: #a7a9ac;
}

#list-slider > .ui-slider-handle {
    border-radius: 50%;
    background: rgb(0, 0, 0);
    border: 1px solid rgb(0, 0, 0);
    /* top: -0.6em; */
    width: 22px;
    height: 22px;
    top: -12px;
}


/* Right bottom info icon CSS */
.info-container {
    position: absolute;
    min-width: 200px;
    max-width: 75vw;
    height: auto;
    right: 67px;
    bottom: 0;
    background: #fffffffc;
    box-shadow: 0 1px 6px #dedede;
    border-radius: 2px;
    border: 1px solid #dcdcdc;
    font-family: "Roboto Condensed", sans-serif;
}

.info-inner-container {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 20;
}

.info-container::after {
    content: '';
    position: absolute;
    bottom: 15px;
    right: -11px;
    width: 20px;
    height: 20px;
    background: white;
    transform: rotate(45deg);
    border-right: 1px solid #DDD;
    border-top: 1px solid #DDD;
}

.info-container .section {padding: 15px;}

.info-container .section.top {
    font-size: 16px;
    font-weight: bold;
    color: #9a9b9e;
}

.info-container .section.bottom {
    border-top: 1px solid #DDD;
    color: #9e9e9e;
    font-size: 12px;
}

.info-container a {color: #9a9b9e;}

.section ul {
    list-style: none;
    padding: 0;
    white-space: nowrap;
}

.section ul.sub {
    font-size: 14px;
    font-weight: normal;
    display: none;
    font-family: 'Roboto', sans-serif;
}

.section li {
    margin: 4px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section p {
    cursor: pointer;
    margin-bottom: 5px;
}

.section p:hover {color: #717171;}

.section p > span {float: right;}

/* Featured deals CSS */
.daily-deals-footer-heading {
    display: flex;
    padding-top: 8px;
}

.daily-deals-footer-heading > hr {
    border: 1px solid;
    width: 50%;
}

.daily-deals-footer-heading > span {
    font-family: "Roboto Condensed", sans-serif;
    padding: 0 5px;
    background: white;
    white-space: nowrap;
    margin: auto;
    font-size: 32px;
}

/* Featured deals Carousel CSS */
.deals-carousel-wpr {
    padding-top: 20px;
    position: relative;
}

#deals-carousel {
    overflow: hidden;
    position: relative;
}

#deals-carousel > .left {
    transition: transform .6s ease-in-out;
    transform: translate3d(-100%, 0, 0);
}

#deals-carousel > .right {
    transition: transform .6s ease-in-out;
    transform: translate3d(100%, 0, 0);
}

#deals-carousel > .prev {
    position: absolute;
    right: 100%;
}

#deals-carousel > .next {
    position: absolute;
    left: 100%;
}

#deals-carousel > .active {position: relative;}

#cart-deals-carousel {
    overflow: hidden;
    position: relative;
}

#cart-deals-carousel > .left {
    transition: transform .6s ease-in-out;
    transform: translate3d(-100%, 0, 0);
}

#cart-deals-carousel > .right {
    transition: transform .6s ease-in-out;
    transform: translate3d(100%, 0, 0);
}

#cart-deals-carousel > .prev {
    position: absolute;
    right: 100%;
}

#cart-deals-carousel > .next {
    position: absolute;
    left: 100%;
}

#cart-deals-carousel > .active {
    position: relative;
}

#cart-deals-carousel > .item {
    padding: 0 2px;
}

.cart-deals-carousel-wpr {
    padding: 0 15px !important;
}

.deals-carousel-wpr .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    width: 50px;
    background: transparent;
    color: #000;
    font-size: 28px;
    cursor: pointer;
}

.cart-deals-carousel-wpr .carousel-control {
    width: 18px;
    font-size: 18px;
}

.cart-deals-carousel-wpr .name-wpr,
.cart-deals-carousel-wpr .amount {
    font-size: 11px;
}

.cart-deals-carousel-wpr .amount {
    min-height: 30px;
}

.cart-deals-carousel-wpr .savings {
    font-size: 10px;
}

.cart-deals-carousel-wpr .itemBlock {
    border: 1px solid #eee;
    padding: 0 5px;
    margin: 0;
    min-height: 210px !important;
}

.cart-deals-carousel-wpr .itemBlock .name,
.cart-deals-carousel-wpr .itemBlock p {
    text-align: center;
}

.carousel-control > span {margin: auto;}

.font-rc {font-family: "Roboto Condensed", sans-serif;}

.view-more {font-size: 1.2em;}

.view-more > a {color: #333333;}

/* Expanded featured deals CSS */
#dailyDealsFooter.expanded {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    margin: 0 !important;
    z-index: 1000;
}

#dailyDealsFooter.expanded .daily-deals-footer-heading,
#dailyDealsFooter.expanded .deals-carousel-wpr,
#dailyDealsFooter.expanded .view-more {background: white;}

#dailyDealsFooter.expanded .daily-deals-footer-heading {box-shadow: 0 -1px 3px #a5a5a5;}

.expand-header {
    background: #000;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    margin: auto;
    max-width: 400px !important;
    height: 80px;
    padding: 15px 10px;
}

.expand-header > .top {font-size: 1.5em; font-weight: bold;}

.expand-header > .bottom {font-size: 1em;}

.toggle-deals {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 1.8em;
    cursor: pointer;
    display: flex;
    margin-right: 15px;
}

.toggle-deals > span {margin: auto;}

/* Roboto Condensed CSS*/
.rc-light {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.rc-light-italic {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.rc-regular {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.rc-regular-italic {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.rc-bold {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.rc-bold-italic {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-style: italic;
}

div#blueprint-text-container {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.4em;
    margin: 2em;
}

/* Item place holder CSS */
#itemList tr.list-item.loading .detailsCol span {
    display: inline-block;
    padding: 5px;
    width: 100%;
    background: #e6e6e6;
}

#itemList tr.list-item.loading .detailsCol .name > span {
    padding: 8px;
}

#itemList tr.list-item.loading .detailsCol .pricingInfo > span {
    padding: 11px;
    width: 30%;
}

#itemList tr.list-item.loading .cartCol span.itemQty {
    display: inline-block;
    padding: 8px;
    width: 100%;
    background: #e6e6e6;
    border: none;
}

#itemList tr.list-item.loading .cartCol a.addToCart,
#itemList tr.list-item.loading .cartCol a.viewDetails,
#itemList tr.list-item.loading .imageCol img {
    background: #e6e6e6;
    border-color: #e6e6e6;
    color: #e6e6e6;
}

/* profile info popup CSS */
.popup-card {
    background: #fffffffc;
    box-shadow: 0 1px 6px #dedede;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    color: #000;
}

#profile-info-container {
    position: absolute;
    font-size: 16px;
    line-height: normal;
    color: #9a9b9e;
    z-index: 1;
    width: 140px;
    left: -5px;
    left: calc(50% - 65px);
    top: 50px;
    font-weight: 600;
}

#profile-info-container::after {
    content: '';
    position: absolute;
    top: -9px;
    left: 62px;
    width: 15px;
    height: 15px;
    background: white;
    transform: rotate(45deg);
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD;
}

#profile-info-container a {
    color: #9a9b9e;
}

#profile-info-container a:hover {
    color: #717171;
}

h1.account.account-name {
    background: #221f20;
    text-transform: uppercase;
    overflow: hidden;
}

#pageContentWrap input.form-control {
    padding: 3px 8px;
    border-radius: unset;
    height: auto;
    font-weight: bold;
    box-shadow: 0 0 1px #EEE;
}

#pageContentWrap .button.save {
    background: #FF0000;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
}

#pageContentWrap .button.save:hover { background: #E60000; }

#pageContentWrap .button.cancel {
    background: #E6E7E8;
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

#pageContentWrap .button.cancel:hover { background: #D7D7D7; }


#orderSearchForm .button.search {
    font-size: 16px;
    border: 1px solid #221F20;
}

#orderSearchForm input.search {
    outline: none;
    font-size: 16px;
    box-shadow: none;
    font-weight: 400;
}

ul.order-tabs-header {
    display: inline-block;
    border-bottom: 1px solid #DDD;
}

ul.order-tabs-header > li {
    display: inline-block;
    padding: 2px 4px;
    font-size: 16px;
    margin-right: 3%;
    position: relative;
}

ul.order-tabs-header > li:last-child {
    margin-right: 0;
}

ul.order-tabs-header > li > div {
    position: relative;
    display: inline;
    padding: 3px 0;
}

ul.order-tabs-header > li span {
    padding: 3px 0;
}

ul.order-tabs-header > li a {
    color: #333;
    padding: 3px 0;
}

ul.order-tabs-header > li a:focus {
    outline: none;
    text-decoration: none;
}

ul.order-tabs-header > li.active span {
    font-weight: bold;
    border-bottom: 2px solid;
}

p.social-login-errors {
    text-align: center !important;
}

/* daterange picker css */
.daterange-pkr-wpr {
    display: inline-block;
    border: 1px solid #DDD;
    cursor: pointer;
}

/*
.daterange-pkr-wpr > input {
	border: none;
	border-right: 1px solid #DDD;
	padding: 5px;
	min-width: 190px;
	text-align: center;
}

.daterange-pkr-wpr > i {
    padding: 5px;
}
*/

.daterangepicker .btn-sm {
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5;
    width: auto;
    height: auto;
}

.daterangepicker .input-mini {
    border-radius: 0 !important;
}

.btn.btn-flat {
    border-radius: 0;
}

.no-outline:focus {
    outline: none;
}

/* order item css */

#order-info-date-range {
    padding: 4px 25px 4px 8px;
    display: inline-block;
    position: relative;
}

#order-info-date-range i {
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #DDD;
}

.order-info-wpr .order-info:last-child {
    margin-bottom: 0;
}

.order-info .order-header {
    padding: 10px 15px;
    background: #221f20;
    color: white;
}

.order-info .order-header > h1 {
    margin: 3px 0;
    color: white;
    line-height: 34px;
    font-size: 28px
}

.order-info .order-meta {
    padding: 5px 0;
    border-bottom: 2px solid #ececec;
}

.order-info .order-meta .meta-item {
    display: inline-block;
    min-width: 16.66666%;
    padding: 0 15px;
    float: left;
}

.order-info .order-meta .meta-item.ship-to {
    margin-right: 30px;
}

.order-info .order-meta .meta-item h1 {
    margin: 0 0 2px 0;
    font-weight: normal;
    color: #333;
}

.order-info .order-meta .meta-item.print-invoice h1 {
    line-height: 2em;
    margin-top: 4px;
}

.order-info .order-meta .meta-item.print-invoice button {
    background: none;
    border: none;
    padding: 0;
}

.order-info .order-meta .meta-item > h1:nth-child(2) {
    font-weight: bold;
}

.order-info .from-order {
    font-size: 22px;
    /* margin-left: 30px; */
    line-height: normal;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.order-info .order-item {
    border-bottom: 2px solid #ececec;
}

.order-info .order-item h1 {
    font-weight: normal;
    color: #333;
    font-size: 21px;
}

.order-info .hover-popup h2 {
    font-size: 21px;
    margin-bottom: 1px;
}

.order-tabs-hover-popup {
    position: absolute;
    background: white;
    display: inline-block;
    z-index: 1;
    padding: 10px;
    width: 200px;
    transform: translate(-50%, 33px);
    top: 0px;
    left: 50%;
    font-size: 80%;
}

.order-tabs-hover-popup.open-right {
    transform: translate(0, 33px);
    left: 0;
}

.order-tabs-hover-popup.open-left {
    transform: translate(0, 33px);
    left: auto;
    right: 0;
}

.order-tabs-hover-popup::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: white;
    transform: rotate(-45deg);
    border-right: 2px solid #ececec;
    border-top: 2px solid #ececec;
    top: -9px;
    left: calc(50% - 10px);
}

.order-tabs-hover-popup.open-right::before {
    left: 30px;
}

.order-tabs-hover-popup.open-left::before {
    left: auto;
    right: 30px;
}

.order-info .meta-item .hover {
    position: relative;
    display: inline-block;
}

.order-info .meta-item .hover .hover-popup {
    display: none;
    background: white;
    position: absolute;
    width: 250px;
    transform: translate(-50%, 6px);
    left: 50%;
    padding: 10px;
}

.order-info .meta-item .hover .hover-popup.open-right {
    transform: translate(0, 6px);
    left: 0;
}

.order-info .meta-item .hover .hover-popup.open-left {
    transform: translate(0, 6px);
    left: auto;
    right: 0;
}

.order-info .meta-item .hover .hover-popup > h3 {
    margin-bottom: 5px;
}

.order-info .meta-item .hover:hover .hover-popup {
    display: block;
    z-index: 1;
}

.order-info .meta-item .hover:hover .hover-popup::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: white;
    transform: rotate(-45deg);
    border-right: 2px solid #ececec;
    border-top: 2px solid #ececec;
    top: -9px;
    left: calc(50% - 10px);
}

.order-info .meta-item .hover:hover .hover-popup.open-right::before {
    left: 30px;
}

.order-info .meta-item .hover:hover .hover-popup.open-left::before {
    left: auto;
    right: 30px;
}

.order-info [type=submit]:focus {
    outline: none;
}

.order-item .button {
    font-weight: 18px;
    font-style: bold;
}

.order-info .payment-count {
    font-size: 12px;
    line-height: normal;
    vertical-align: top;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    background: red;
    color: white;
    border-radius: 50%;
    margin-top: 1px;
    line-height: 18px;
    font-weight: normal;
}

tr.order-item > td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    background: #00000078;
    z-index: 1000;
}

.popup-container {
    padding: 15px;
    background: white;
    margin: auto;
}

.popup-container > div {
    position: relative;
}

.popup-container .close {
    position: absolute;
    padding: 15px;
    top: -15px;
    right: -15px;
    font-weight: bold;
    cursor: pointer;
    font-size: 18px;
    color: #b5b5b5;
}

.popup-container .close:hover {
    color: #221f20;
}

#order-info-popup {
    max-width: 970px;
    min-width: 250px;
}

body.backdropOverflow {
    overflow: hidden;
}

body.backdropOverflow .backdrop {
    overflow: auto;
}

/* Responsive order info tables */
@media (min-width: 768px) {
    table.order-items > tbody td {
        min-width: 233px;
    }

    table.order-items > tbody td:nth-child(2) {
        max-width: 200px;
    }
}

@media (max-width: 768px) {
    table.order-items,
    table.order-items > tbody,
    table.order-items > thead,
    table.order-items tr.order-item,
    table.order-items th,
    table.order-items tr.order-item > td.block {
        display: block;
        max-width: 100%;
    }

    table.order-items td[class*="col-"],
    table.order-items th[class*="col-"] {
        position: static;
        display: block;
        float: left;
    }
}

/* Grid for carousel */
.col-lg-1600-7i {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
}

.col-100-60,
.col-200-60,
.col-300-60,
.col-400-60,
.col-500-60,
.col-600-60,
.col-700-60,
.col-800-60,
.col-900-60,
.col-1000-60,
.col-1600-60,
.col-100-30,
.col-200-30,
.col-300-30,
.col-400-30,
.col-500-30,
.col-600-30,
.col-700-30,
.col-800-30,
.col-900-30,
.col-1000-30,
.col-1600-30,
.col-100-20,
.col-200-20,
.col-300-20,
.col-400-20,
.col-500-20,
.col-600-20,
.col-700-20,
.col-800-20,
.col-900-20,
.col-1000-20,
.col-1600-20,
.col-100-15,
.col-200-15,
.col-300-15,
.col-400-15,
.col-500-15,
.col-600-15,
.col-700-15,
.col-800-15,
.col-900-15,
.col-1000-15,
.col-1600-15,
.col-100-12,
.col-200-12,
.col-300-12,
.col-400-12,
.col-500-12,
.col-600-12,
.col-700-12,
.col-800-12,
.col-900-12,
.col-1000-15,
.col-1600-15,
.col-100-10,
.col-200-10,
.col-300-10,
.col-400-10,
.col-500-10,
.col-600-10,
.col-700-10,
.col-800-10,
.col-900-10,
.col-1000-10,
.col-1600-10 {
    position: relative;
    float: left;
    display: block;
    padding-right: 8px;
    padding-left: 8px;
}

.col-100-60 {width: 100%;}

.col-100-50 {width: 83.33333333%;}

.col-100-45 {width: 75%;}

.col-100-40 {width: 66.66666667%;}

.col-100-36 {width: 60%;}

.col-100-30 {width: 50%;}

.col-100-20 {width: 33.33333333%;}

.col-100-15 {width: 25%;}

.col-100-12 {width: 20%;}

.col-100-10 {width: 16.66666667%;}

.col-100-5 {width: 8.33333333%;}

.col-100-offset-60 {margin-left: 100%;}

.col-100-offset-45 {margin-left: 75%;}

.col-100-offset-40 {margin-left: 66.66666667%;}

.col-100-offset-36 {margin-left: 60%;}

.col-100-offset-30 {margin-left: 50%;}

.col-100-offset-20 {margin-left: 33.33333333%;}

.col-100-offset-15 {margin-left: 25%;}

.col-100-offset-12 {margin-left: 20%;}

.col-100-offset-10 {margin-left: 16.66666667%;}

.col-100-offset-5 {margin-left: 8.33333333%;}

.col-100-offset-0 {margin-left: 0;}

.col-200-60 {width: 100%;}

.col-200-50 {width: 83.33333333%;}

.col-200-45 {width: 75%;}

.col-200-40 {width: 66.66666667%;}

.col-200-36 {width: 60%;}

.col-200-30 {width: 50%;}

.col-200-20 {width: 33.33333333%;}

.col-200-15 {width: 25%;}

.col-200-12 {width: 20%;}

.col-200-10 {width: 16.66666667%;}

.col-200-5 {width: 8.33333333%;}

.col-200-offset-60 {margin-left: 100%;}

.col-200-offset-45 {margin-left: 75%;}

.col-200-offset-40 {margin-left: 66.66666667%;}

.col-200-offset-36 {margin-left: 60%;}

.col-200-offset-30 {margin-left: 50%;}

.col-200-offset-20 {margin-left: 33.33333333%;}

.col-200-offset-15 {margin-left: 25%;}

.col-200-offset-12 {margin-left: 20%;}

.col-200-offset-10 {margin-left: 16.66666667%;}

.col-200-offset-5 {margin-left: 8.33333333%;}

.col-200-offset-0 {margin-left: 0;}

.col-300-60 {width: 100%;}

.col-300-50 {width: 83.33333333%;}

.col-300-45 {width: 75%;}

.col-300-40 {width: 66.66666667%;}

.col-300-36 {width: 60%;}

.col-300-30 {width: 50%;}

.col-300-20 {width: 33.33333333%;}

.col-300-15 {width: 25%;}

.col-300-12 {width: 20%;}

.col-300-10 {width: 16.66666667%;}

.col-300-5 {width: 8.33333333%;}

.col-300-offset-60 {margin-left: 100%;}

.col-300-offset-45 {margin-left: 75%;}

.col-300-offset-40 {margin-left: 66.66666667%;}

.col-300-offset-36 {margin-left: 60%;}

.col-300-offset-30 {margin-left: 50%;}

.col-300-offset-20 {margin-left: 33.33333333%;}

.col-300-offset-15 {margin-left: 25%;}

.col-300-offset-12 {margin-left: 20%;}

.col-300-offset-10 {margin-left: 16.66666667%;}

.col-300-offset-5 {margin-left: 8.33333333%;}

.col-300-offset-0 {margin-left: 0;}

.col-400-60 {width: 100%;}

.col-400-50 {width: 83.33333333%;}

.col-400-45 {width: 75%;}

.col-400-40 {width: 66.66666667%;}

.col-400-36 {width: 60%;}

.col-400-30 {width: 50%;}

.col-400-20 {width: 33.33333333%;}

.col-400-15 {width: 25%;}

.col-400-12 {width: 20%;}

.col-400-10 {width: 16.66666667%;}

.col-400-5 {width: 8.33333333%;}

.col-400-offset-60 {margin-left: 100%;}

.col-400-offset-45 {margin-left: 75%;}

.col-400-offset-40 {margin-left: 66.66666667%;}

.col-400-offset-36 {margin-left: 60%;}

.col-400-offset-30 {margin-left: 50%;}

.col-400-offset-20 {margin-left: 33.33333333%;}

.col-400-offset-15 {margin-left: 25%;}

.col-400-offset-12 {margin-left: 20%;}

.col-400-offset-10 {margin-left: 16.66666667%;}

.col-400-offset-5 {margin-left: 8.33333333%;}

.col-400-offset-0 {margin-left: 0;}

.col-500-60 {width: 100%;}

.col-500-50 {width: 83.33333333%;}

.col-500-45 {width: 75%;}

.col-500-40 {width: 66.66666667%;}

.col-500-36 {width: 60%;}

.col-500-30 {width: 50%;}

.col-500-20 {width: 33.33333333%;}

.col-500-15 {width: 25%;}

.col-500-12 {width: 20%;}

.col-500-10 {width: 16.66666667%;}

.col-500-5 {width: 8.33333333%;}

.col-500-offset-60 {margin-left: 100%;}

.col-500-offset-45 {margin-left: 75%;}

.col-500-offset-40 {margin-left: 66.66666667%;}

.col-500-offset-36 {margin-left: 60%;}

.col-500-offset-30 {margin-left: 50%;}

.col-500-offset-20 {margin-left: 33.33333333%;}

.col-500-offset-15 {margin-left: 25%;}

.col-500-offset-12 {margin-left: 20%;}

.col-500-offset-10 {margin-left: 16.66666667%;}

.col-500-offset-5 {margin-left: 8.33333333%;}

.col-500-offset-0 {margin-left: 0;}

.col-600-60 {width: 100%;}

.col-600-50 {width: 83.33333333%;}

.col-600-45 {width: 75%;}

.col-600-40 {width: 66.66666667%;}

.col-600-36 {width: 60%;}

.col-600-30 {width: 50%;}

.col-600-20 {width: 33.33333333%;}

.col-600-15 {width: 25%;}

.col-600-12 {width: 20%;}

.col-600-10 {width: 16.66666667%;}

.col-600-5 {width: 8.33333333%;}

.col-600-offset-60 {margin-left: 100%;}

.col-600-offset-45 {margin-left: 75%;}

.col-600-offset-40 {margin-left: 66.66666667%;}

.col-600-offset-36 {margin-left: 60%;}

.col-600-offset-30 {margin-left: 50%;}

.col-600-offset-20 {margin-left: 33.33333333%;}

.col-600-offset-15 {margin-left: 25%;}

.col-600-offset-12 {margin-left: 20%;}

.col-600-offset-10 {margin-left: 16.66666667%;}

.col-600-offset-5 {margin-left: 8.33333333%;}

.col-600-offset-0 {margin-left: 0;}

.col-700-60 {width: 100%;}

.col-700-50 {width: 83.33333333%;}

.col-700-45 {width: 75%;}

.col-700-40 {width: 66.66666667%;}

.col-700-36 {width: 60%;}

.col-700-30 {width: 50%;}

.col-700-20 {width: 33.33333333%;}

.col-700-15 {width: 25%;}

.col-700-12 {width: 20%;}

.col-700-10 {width: 16.66666667%;}

.col-700-5 {width: 8.33333333%;}

.col-700-offset-60 {margin-left: 100%;}

.col-700-offset-45 {margin-left: 75%;}

.col-700-offset-40 {margin-left: 66.66666667%;}

.col-700-offset-36 {margin-left: 60%;}

.col-700-offset-30 {margin-left: 50%;}

.col-700-offset-20 {margin-left: 33.33333333%;}

.col-700-offset-15 {margin-left: 25%;}

.col-700-offset-12 {margin-left: 20%;}

.col-700-offset-10 {margin-left: 16.66666667%;}

.col-700-offset-5 {margin-left: 8.33333333%;}

.col-700-offset-0 {margin-left: 0;}

.col-800-60 {width: 100%;}

.col-800-50 {width: 83.33333333%;}

.col-800-45 {width: 75%;}

.col-800-40 {width: 66.66666667%;}

.col-800-36 {width: 60%;}

.col-800-30 {width: 50%;}

.col-800-20 {width: 33.33333333%;}

.col-800-15 {width: 25%;}

.col-800-12 {width: 20%;}

.col-800-10 {width: 16.66666667%;}

.col-800-50 {width: 8.33333333%;}

.col-800-offset-60 {margin-left: 100%;}

.col-800-offset-45 {margin-left: 75%;}

.col-800-offset-40 {margin-left: 66.66666667%;}

.col-800-offset-36 {margin-left: 60%;}

.col-800-offset-30 {margin-left: 50%;}

.col-800-offset-20 {margin-left: 33.33333333%;}

.col-800-offset-15 {margin-left: 25%;}

.col-800-offset-12 {margin-left: 20%;}

.col-800-offset-10 {margin-left: 16.66666667%;}

.col-800-offset-5 {margin-left: 8.33333333%;}

.col-800-offset-0 {margin-left: 0;}

.col-900-60 {width: 100%;}

.col-900-50 {width: 83.33333333%;}

.col-900-45 {width: 75%;}

.col-900-40 {width: 66.66666667%;}

.col-900-36 {width: 60%;}

.col-900-30 {width: 50%;}

.col-900-20 {width: 33.33333333%;}

.col-900-15 {width: 25%;}

.col-900-12 {width: 20%;}

.col-900-10 {width: 16.66666667%;}

.col-900-5 {width: 8.33333333%;}

.col-900-offset-60 {margin-left: 100%;}

.col-900-offset-45 {margin-left: 75%;}

.col-900-offset-40 {margin-left: 66.66666667%;}

.col-900-offset-36 {margin-left: 60%;}

.col-900-offset-30 {margin-left: 50%;}

.col-900-offset-20 {margin-left: 33.33333333%;}

.col-900-offset-15 {margin-left: 25%;}

.col-900-offset-12 {margin-left: 20%;}

.col-900-offset-10 {margin-left: 16.66666667%;}

.col-900-offset-5 {margin-left: 8.33333333%;}

.col-900-offset-0 {margin-left: 0;}

.col-1000-60 {width: 100%;}

.col-1000-50 {width: 83.33333333%;}

.col-1000-45 {width: 75%;}

.col-1000-40 {width: 66.66666667%;}

.col-1000-36 {width: 60%;}

.col-1000-30 {width: 50%;}

.col-1000-20 {width: 33.33333333%;}

.col-1000-15 {width: 25%;}

.col-1000-12 {width: 20%;}

.col-1000-10 {width: 16.66666667%;}

.col-1000-5 {width: 8.33333333%;}

.col-1000-offset-60 {margin-left: 100%;}

.col-1000-offset-45 {margin-left: 75%;}

.col-1000-offset-40 {margin-left: 66.66666667%;}

.col-1000-offset-36 {margin-left: 60%;}

.col-1000-offset-30 {margin-left: 50%;}

.col-1000-offset-20 {margin-left: 33.33333333%;}

.col-1000-offset-15 {margin-left: 25%;}

.col-1000-offset-12 {margin-left: 20%;}

.col-1000-offset-10 {margin-left: 16.66666667%;}

.col-1000-offset-5 {margin-left: 8.33333333%;}

.col-1000-offset-0 {margin-left: 0;}

.col-1600-60 {width: 100%;}

.col-1600-50 {width: 83.33333333%;}

.col-1600-45 {width: 75%;}

.col-1600-40 {width: 66.66666667%;}

.col-1600-36 {width: 60%;}

.col-1600-30 {width: 50%;}

.col-1600-20 {width: 33.33333333%;}

.col-1600-15 {width: 25%;}

.col-1600-12 {width: 20%;}

.col-1600-10 {width: 16.66666667%;}

.col-1600-5 {width: 8.33333333%;}

.col-1600-offset-60 {margin-left: 100%;}

.col-1600-offset-45 {margin-left: 75%;}

.col-1600-offset-40 {margin-left: 66.66666667%;}

.col-1600-offset-36 {margin-left: 60%;}

.col-1600-offset-30 {margin-left: 50%;}

.col-1600-offset-20 {margin-left: 33.33333333%;}

.col-1600-offset-15 {margin-left: 25%;}

.col-1600-offset-12 {margin-left: 20%;}

.col-1600-offset-10 {margin-left: 16.66666667%;}

.col-1600-offset-5 {margin-left: 8.33333333%;}

.col-1600-offset-0 {margin-left: 0;}

@media (min-width: 1600px) {
    .col-lg-1600-7i {width: 14.285714%; width: calc(100% / 7);}
}

@media (min-width: 500px) {
    .col-lg-500-60 {width: 100%;}

    .col-lg-500-45 {width: 75%;}

    .col-lg-500-30 {width: 50%;}

    .col-lg-500-20 {width: 33.33333333%;}

    .col-lg-500-15 {width: 25%;}

    .col-lg-500-12 {width: 20%;}

    .col-lg-500-10 {width: 16.66666667%;}
}

@media (max-width: 1600px) {
    .col-1600-60 {width: 100%;}

    .col-1600-50 {width: 83.33333333%;}

    .col-1600-45 {width: 75%;}

    .col-1600-40 {width: 66.66666667%;}

    .col-1600-36 {width: 60%;}

    .col-1600-30 {width: 50%;}

    .col-1600-20 {width: 33.33333333%;}

    .col-1600-15 {width: 25%;}

    .col-1600-12 {width: 20%;}

    .col-1600-10 {width: 16.66666667%;}

    .col-1600-5 {width: 8.33333333%;}

    .col-1600-offset-60 {margin-left: 100%;}

    .col-1600-offset-45 {margin-left: 75%;}

    .col-1600-offset-40 {margin-left: 66.66666667%;}

    .col-1600-offset-36 {margin-left: 60%;}

    .col-1600-offset-30 {margin-left: 50%;}

    .col-1600-offset-20 {margin-left: 33.33333333%;}

    .col-1600-offset-15 {margin-left: 25%;}

    .col-1600-offset-12 {margin-left: 20%;}

    .col-1600-offset-10 {margin-left: 16.66666667%;}

    .col-1600-offset-5 {margin-left: 8.33333333%;}

    .col-1600-offset-0 {margin-left: 0;}
}

@media (max-width: 1000px) {
    .col-1000-60 {width: 100%;}

    .col-1000-50 {width: 83.33333333%;}

    .col-1000-45 {width: 75%;}

    .col-1000-40 {width: 66.66666667%;}

    .col-1000-36 {width: 60%;}

    .col-1000-30 {width: 50%;}

    .col-1000-20 {width: 33.33333333%;}

    .col-1000-15 {width: 25%;}

    .col-1000-12 {width: 20%;}

    .col-1000-10 {width: 16.66666667%;}

    .col-1000-5 {width: 8.33333333%;}

    .col-1000-offset-60 {margin-left: 100%;}

    .col-1000-offset-45 {margin-left: 75%;}

    .col-1000-offset-40 {margin-left: 66.66666667%;}

    .col-1000-offset-36 {margin-left: 60%;}

    .col-1000-offset-30 {margin-left: 50%;}

    .col-1000-offset-20 {margin-left: 33.33333333%;}

    .col-1000-offset-15 {margin-left: 25%;}

    .col-1000-offset-12 {margin-left: 20%;}

    .col-1000-offset-10 {margin-left: 16.66666667%;}

    .col-1000-offset-5 {margin-left: 8.33333333%;}

    .col-1000-offset-0 {margin-left: 0;}
}

@media (max-width: 900px) {
    .col-900-60 {width: 100%;}

    .col-900-50 {width: 83.33333333%;}

    .col-900-45 {width: 75%;}

    .col-900-40 {width: 66.66666667%;}

    .col-900-36 {width: 60%;}

    .col-900-30 {width: 50%;}

    .col-900-20 {width: 33.33333333%;}

    .col-900-15 {width: 25%;}

    .col-900-12 {width: 20%;}

    .col-900-10 {width: 16.66666667%;}

    .col-900-5 {width: 8.33333333%;}

    .col-900-offset-60 {margin-left: 100%;}

    .col-900-offset-45 {margin-left: 75%;}

    .col-900-offset-40 {margin-left: 66.66666667%;}

    .col-900-offset-36 {margin-left: 60%;}

    .col-900-offset-30 {margin-left: 50%;}

    .col-900-offset-20 {margin-left: 33.33333333%;}

    .col-900-offset-15 {margin-left: 25%;}

    .col-900-offset-12 {margin-left: 20%;}

    .col-900-offset-10 {margin-left: 16.66666667%;}

    .col-900-offset-5 {margin-left: 8.33333333%;}

    .col-900-offset-0 {margin-left: 0;}

    .deals-carousel-wpr, .view-more {padding: 10px 50px;}

    .carousel-control.right-control {right: 15px;}

    .carousel-control.left-control {left: 15px;}

    .view-more > a {margin-right: 30px;}
}

@media (max-width: 800px) {
    .col-800-60 {width: 100%;}

    .col-800-50 {width: 83.33333333%;}

    .col-800-45 {width: 75%;}

    .col-800-40 {width: 66.66666667%;}

    .col-800-36 {width: 60%;}

    .col-800-30 {width: 50%;}

    .col-800-20 {width: 33.33333333%;}

    .col-800-15 {width: 25%;}

    .col-800-12 {width: 20%;}

    .col-800-10 {width: 16.66666667%;}

    .col-800-50 {width: 8.33333333%;}

    .col-800-offset-60 {margin-left: 100%;}

    .col-800-offset-45 {margin-left: 75%;}

    .col-800-offset-40 {margin-left: 66.66666667%;}

    .col-800-offset-36 {margin-left: 60%;}

    .col-800-offset-30 {margin-left: 50%;}

    .col-800-offset-20 {margin-left: 33.33333333%;}

    .col-800-offset-15 {margin-left: 25%;}

    .col-800-offset-12 {margin-left: 20%;}

    .col-800-offset-10 {margin-left: 16.66666667%;}

    .col-800-offset-5 {margin-left: 8.33333333%;}

    .col-800-offset-0 {margin-left: 0;}
}

@media (max-width: 700px) {
    .col-700-60 {width: 100%;}

    .col-700-50 {width: 83.33333333%;}

    .col-700-45 {width: 75%;}

    .col-700-40 {width: 66.66666667%;}

    .col-700-36 {width: 60%;}

    .col-700-30 {width: 50%;}

    .col-700-20 {width: 33.33333333%;}

    .col-700-15 {width: 25%;}

    .col-700-12 {width: 20%;}

    .col-700-10 {width: 16.66666667%;}

    .col-700-5 {width: 8.33333333%;}

    .col-700-offset-60 {margin-left: 100%;}

    .col-700-offset-45 {margin-left: 75%;}

    .col-700-offset-40 {margin-left: 66.66666667%;}

    .col-700-offset-36 {margin-left: 60%;}

    .col-700-offset-30 {margin-left: 50%;}

    .col-700-offset-20 {margin-left: 33.33333333%;}

    .col-700-offset-15 {margin-left: 25%;}

    .col-700-offset-12 {margin-left: 20%;}

    .col-700-offset-10 {margin-left: 16.66666667%;}

    .col-700-offset-5 {margin-left: 8.33333333%;}

    .col-700-offset-0 {margin-left: 0;}
}

@media (max-width: 600px) {
    .col-600-60 {width: 100%;}

    .col-600-50 {width: 83.33333333%;}

    .col-600-45 {width: 75%;}

    .col-600-40 {width: 66.66666667%;}

    .col-600-36 {width: 60%;}

    .col-600-30 {width: 50%;}

    .col-600-20 {width: 33.33333333%;}

    .col-600-15 {width: 25%;}

    .col-600-12 {width: 20%;}

    .col-600-10 {width: 16.66666667%;}

    .col-600-5 {width: 8.33333333%;}

    .col-600-offset-60 {margin-left: 100%;}

    .col-600-offset-45 {margin-left: 75%;}

    .col-600-offset-40 {margin-left: 66.66666667%;}

    .col-600-offset-36 {margin-left: 60%;}

    .col-600-offset-30 {margin-left: 50%;}

    .col-600-offset-20 {margin-left: 33.33333333%;}

    .col-600-offset-15 {margin-left: 25%;}

    .col-600-offset-12 {margin-left: 20%;}

    .col-600-offset-10 {margin-left: 16.66666667%;}

    .col-600-offset-5 {margin-left: 8.33333333%;}

    .col-600-offset-0 {margin-left: 0;}

    #cart-popup {
        margin-left: 0 !important;
        top: 0 !important;
        left: 0 !important;
    }

    .cart-popup-header-left,
    .cart-popup-header-right {
        width: 50% !important;
    }

    .cart-popup-disclaimer {
        margin: 10px 0 !important;
    }

    .rewards-landing-header {
        text-align: center;
    }

    .rewards-sec-text,
    .rewards-sec-expire {
        float: none !important;
        display: block;
    }

    .rewards-status tr td {
        display: block !important;
        width: 100% !important;
        float: left !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    h1.account.account-name {
        text-align: center;
    }

    .rewards-text {
        float: none !important;
        display: block;
    }

    .parts-masked {
        margin-top: 30px !important;
    }

    .rewards-program {
        font-size: 60px !important;
        line-height: 50px !important;
    }

    .rewards-sec-title {
        font-size: 28px !important;
    }

    .rewards-header {
        text-align: center;
    }


}

@media (max-width: 500px) {
    .col-500-60 {width: 100%;}

    .col-500-50 {width: 83.33333333%;}

    .col-500-45 {width: 75%;}

    .col-500-40 {width: 66.66666667%;}

    .col-500-36 {width: 60%;}

    .col-500-30 {width: 50%;}

    .col-500-20 {width: 33.33333333%;}

    .col-500-15 {width: 25%;}

    .col-500-12 {width: 20%;}

    .col-500-10 {width: 16.66666667%;}

    .col-500-5 {width: 8.33333333%;}

    .col-500-offset-60 {margin-left: 100%;}

    .col-500-offset-45 {margin-left: 75%;}

    .col-500-offset-40 {margin-left: 66.66666667%;}

    .col-500-offset-36 {margin-left: 60%;}

    .col-500-offset-30 {margin-left: 50%;}

    .col-500-offset-20 {margin-left: 33.33333333%;}

    .col-500-offset-15 {margin-left: 25%;}

    .col-500-offset-12 {margin-left: 20%;}

    .col-500-offset-10 {margin-left: 16.66666667%;}

    .col-500-offset-5 {margin-left: 8.33333333%;}

    .col-500-offset-0 {margin-left: 0;}

    .open-deals.nav-item-block.scroll-top,
    .open-deals.nav-item-block.scroll-bottom {
        display: none;
    }

    .cart-popup-action-left,
    .cart-popup-action-right {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
    }

    #cart-popup table {
        table-layout: auto !important;
    }

    .cart-popup-item-name a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-height: 18px;
        max-height: 54px;
    }

    .deals-carousel-wpr,
    .view-more,
    .row.daily-deals-inner-wpr .deals-carousel-wpr {
        padding: 10px 0px;
    }

    .deals-carousel-controls {display: none}

;
}

@media (max-width: 400px) {
    .col-400-60 {width: 100%;}

    .col-400-50 {width: 83.33333333%;}

    .col-400-45 {width: 75%;}

    .col-400-40 {width: 66.66666667%;}

    .col-400-36 {width: 60%;}

    .col-400-30 {width: 50%;}

    .col-400-20 {width: 33.33333333%;}

    .col-400-15 {width: 25%;}

    .col-400-12 {width: 20%;}

    .col-400-10 {width: 16.66666667%;}

    .col-400-5 {width: 8.33333333%;}

    .col-400-offset-60 {margin-left: 100%;}

    .col-400-offset-45 {margin-left: 75%;}

    .col-400-offset-40 {margin-left: 66.66666667%;}

    .col-400-offset-36 {margin-left: 60%;}

    .col-400-offset-30 {margin-left: 50%;}

    .col-400-offset-20 {margin-left: 33.33333333%;}

    .col-400-offset-15 {margin-left: 25%;}

    .col-400-offset-12 {margin-left: 20%;}

    .col-400-offset-10 {margin-left: 16.66666667%;}

    .col-400-offset-5 {margin-left: 8.33333333%;}

    .col-400-offset-0 {margin-left: 0;}

    /* .deals-carousel-wpr, .view-more {padding: 10px 0px;}
    .deals-carousel-controls {display: none}; */
}

@media (max-width: 300px) {
    .col-300-60 {width: 100%;}

    .col-300-50 {width: 83.33333333%;}

    .col-300-45 {width: 75%;}

    .col-300-40 {width: 66.66666667%;}

    .col-300-36 {width: 60%;}

    .col-300-30 {width: 50%;}

    .col-300-20 {width: 33.33333333%;}

    .col-300-15 {width: 25%;}

    .col-300-12 {width: 20%;}

    .col-300-10 {width: 16.66666667%;}

    .col-300-5 {width: 8.33333333%;}

    .col-300-offset-60 {margin-left: 100%;}

    .col-300-offset-45 {margin-left: 75%;}

    .col-300-offset-40 {margin-left: 66.66666667%;}

    .col-300-offset-36 {margin-left: 60%;}

    .col-300-offset-30 {margin-left: 50%;}

    .col-300-offset-20 {margin-left: 33.33333333%;}

    .col-300-offset-15 {margin-left: 25%;}

    .col-300-offset-12 {margin-left: 20%;}

    .col-300-offset-10 {margin-left: 16.66666667%;}

    .col-300-offset-5 {margin-left: 8.33333333%;}

    .col-300-offset-0 {margin-left: 0;}
}

@media (max-width: 200px) {
    .col-200-60 {width: 100%;}

    .col-200-50 {width: 83.33333333%;}

    .col-200-45 {width: 75%;}

    .col-200-40 {width: 66.66666667%;}

    .col-200-36 {width: 60%;}

    .col-200-30 {width: 50%;}

    .col-200-20 {width: 33.33333333%;}

    .col-200-15 {width: 25%;}

    .col-200-12 {width: 20%;}

    .col-200-10 {width: 16.66666667%;}

    .col-200-5 {width: 8.33333333%;}

    .col-200-offset-60 {margin-left: 100%;}

    .col-200-offset-45 {margin-left: 75%;}

    .col-200-offset-40 {margin-left: 66.66666667%;}

    .col-200-offset-36 {margin-left: 60%;}

    .col-200-offset-30 {margin-left: 50%;}

    .col-200-offset-20 {margin-left: 33.33333333%;}

    .col-200-offset-15 {margin-left: 25%;}

    .col-200-offset-12 {margin-left: 20%;}

    .col-200-offset-10 {margin-left: 16.66666667%;}

    .col-200-offset-5 {margin-left: 8.33333333%;}

    .col-200-offset-0 {margin-left: 0;}
}


/* Blueprint Form */
#bpNewsletter {
    background: #FFF;
    left: 25%;
    position: fixed;
    top: 25%;
    width: 50%;;
    z-index: 998;
}

#bpNewsletter > div:first-child { text-align: center; }

#bpNewsletter .form-note { padding-right: 10px; text-align: center; }

#bpNewsletter input.subscribe {
    border: none;
    font-size: 24px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#bpNewsletter .envelope { height: 70px; margin: 0 auto; width: 95px; }

#bpNewsletter .envelope img { width: 100% }

#bpNewsletter > div:first-child { text-align: center; }

#bpNewsletter h3 { color: #000;
    font-family: "roboto condensed";
    font-size: 34px;
    font-weight: bold;
    line-height: 1.1em;
    margin-top: 15px;
    text-align: center;
    text-transform: uppercase;
}

#bpNewsletter h4 { color: #000;
    font-family: "roboto condensed";
    font-size: 24px;
    font-weight: bold;
    line-height: 1.1em;
    text-align: center;
}

#bpNewsletter input { border: 1px solid #343434; }

#bpNewsletter .closeBtn {
    position: absolute;
    top: .25em;
    right: .25em;
    padding: 0 .2em;
    color: #222;
    /* font-size: 150%;
    font-weight: bold; */
    cursor: pointer;
    /* border: 1px solid #888;
    border-radius: 2px; */
    z-index: 999;
}

/* Cart Dropdown CSS */

#cart-drop-down {
    position: absolute;
    top: 55px;
    right: 5px;
    width: 350px;
    z-index: 99999999999999999;
    background: #fff;
    border: 1px solid #aaa;
    padding: 15px;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", Arial;
    display: none;
}

#cart-drop-down:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #aaa;
    left: 250px;
    top: -12px;
}

#cart-drop-down-msg {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

#cart-drop-down-msg:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #fff;
    left: 251px;
    top: -11px;
}

#cart-drop-down-list {
    table-layout: fixed;
    width: 100%;
}

.cart-drop-down-item {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

.cart-drop-down-item-left {
    width: 32%;
    padding: 5px 0;
}

.cart-drop-down-item-left img {
    width: 100%;
    border: 1px solid #aaa;
}

.cart-drop-down-item-right {
    width: 68%;
    padding-left: 5px;
    line-height: 15px;
    text-align: left;
}

.cart-drop-down-item-name {
    color: #000 !important;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 15px;
    max-height: 45px;
}

.cart-drop-down-item-price {
    color: #f00;
    font-weight: bold;
    font-size: 18px;
}

.cart-drop-down-item-qty {
    color: #aaa;
    font-size: 14px;
    margin: 0;
}

#cart-drop-down-sub {
    color: #000;
    text-align: center;
    font-weight: bold;
    margin: 0;
    font-size: 18px;
}

.cart-drop-down-actions {
    width: 100%;
    margin-top: 10px;
    display: none;
}

#cart-drop-down hr {
    margin: 10px 0;
    border-color: #aaa;
}

#cart-drop-down-all {
    display: none;
    color: #000 !important;
    text-align: center;
    font-size: 14px;
}

/* Rewards Section CSS */

.rewards-text,
.rewards-text:hover {
    float: right;
    color: #fff;
    text-transform: initial;
}

.rewards-text-amount {
    color: #f00;
}

.rewards-header {
    background: #f00;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 31px;
    overflow: hidden;
}

.big-rewards-font {
    font-size: 120%;
}

.rewards-sec-expire {
    float: right;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.rewards-sec-text {
    float: left;
    color: #000;
}

.rewards-sec-text-amount {
    color: #fff;
}

.rewards-status {
    table-layout: fixed;
    width: 100%;
    text-align: center;
    background: #000;
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
    line-height: 20px;
    text-transform: uppercase;
}

.rewards-status-next {
    padding: 25px;
    font-size: 28px;
}

.rewards-status-next-text {
    height: 30px;
    line-height: 30px;
    margin: 0;
}

.rewards-status-next-amount {
    display: inline-block;
    width: 200px;
    height: 200px;
    line-height: 200px;
    border-radius: 200px;
    background: #fff;
    color: #000;
    font-size: 72px;
    font-weight: bold;
    margin-top: 10px;
}

.rewards-status-link,
.rewards-status-link:hover {
    font-size: 50%;
    color: #fff;
    text-decoration: underline;
}

.rewards-status-next-link,
.rewards-status-next-link:hover {
    font-size: 75%;
    color: #fff;
    text-decoration: underline;
}

.rewards-status-current {
    padding: 25px;
    font-size: 42px;
}

.rewards-status-current-text {
    height: 40px;
    line-height: 40px;
    margin: 0;
}

.rewards-status-current-amount {
    display: inline-block;
    width: 250px;
    height: 250px;
    line-height: 250px;
    border-radius: 250px;
    background: #ed1c24;
    color: #fff;
    font-size: 80px;
    font-weight: bold;
    margin-top: 10px;
}

.rewards-actions {
    width: 100%;
    margin-top: 25px;
}

.rewards-section-setback {
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
}

.rewards-section-setback-desc {
    font-size: 28px;
    font-weight: bold;
}

.rewards-read-section {
    color: #f00;
}

.rewards-process {
    color: #f00;
    font-size: 32px;
}

.rewards-show {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
}

.rewards-show-headers {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 25px;
}

.rewards-show-headers li {
    display: inline-block;
    width: 33.3%;
    border-bottom: 1px solid #ccc;
}

.rewards-show-headers li:hover {
    cursor: pointer;
}

.rewards-show-headers li.active {
    font-weight: bold;
    border-bottom: 2px solid #f00;
    color: #f00;
}

.rewards-show-headers li.active:hover {
    cursor: auto;
}

.rewards-section-setback-notes {
    font-size: 16px;
}

.rewards-display-wrapper {
    display: none;
}

.rewards-display-wrapper.active {
    display: block;
}

.rewards-display {
    table-layout: fixed;
    width: 100%;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    border-color: #ccc;
    border: 1px solid #ccc;
    display: inline-table;
}

.rewards-display.empty {
    border: none;
}

.rewards-display thead tr th {
    text-align: center;
    padding: 5px;
    background: #ddd;
}

.rewards-display tbody tr td {
    text-align: center;
    padding: 5px;
    position: relative;
}

.rewards-display.empty tbody tr td {
    padding-bottom: 15px;
}

.rewards-display tbody tr td.status {
    text-transform: none;
}

.rewards-display tbody tr td.rewards-price {
    font-weight: bold;
    font-size: 22px;
}

.rewards-expire {
    text-align: center;
    padding: 25px 10px;
    font-size: 32px;
    font-family: "Roboto Condensed", sans-serif;
    background: #000;
    color: #fff;
    font-weight: bold;
}

.rewards-expire-hurry {
    margin: 0;
}

.rewards-qa-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
}

.rewards-qa-question span {
    float: right;
}

.rewards-qa-question {
    padding: 10px;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-bottom: none;
}

.rewards-qa-answer {
    display: none;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px;
}

.rewards-qa-answer.last,
.rewards-qa-question.last {
    border-bottom: 1px solid #ccc;
}

.rewards-qa-question:hover {
    cursor: pointer;
}

.rewards-popover {
    float: right;
    line-height: 24px;
    position: absolute;
    right: 5px;
    top: 10px;
}

.popover > .arrow,
.popover-title {
    display: none;
}

.popover {
    width: 100%;
    max-width: 200px;
}

.rewards-page-wrapper {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 20px;
}

.rewards-sec-title {
    font-size: 36px;
    font-weight: bold;
}

.text-red {
    color: #f00;
}

.rewards-special-text {
    font-size: 26px;
    font-weight: 400;
}

.rewards-sec {
    table-layout: fixed;
    width: 100%;
}

.rewards-sec tr td {
    width: 50%;
    position: relative;
}

.rewards-sec tr.rewards-header-wrapper td.rewards-landing-header {
    width: 60%;
}

.rewards-sec tr.rewards-header-wrapper td.rewards-grad {
    width: 40%;
}

.rewards-sec tr td img {
    width: 100%;
}

.rewards-landing-header {
    background: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 31px;
    overflow: hidden;
}

.rewards-sec tr td.rewards-landing-header img {
    width: auto;
    margin-top: 10px;
}

.rewards-program {
    color: #f00;
    font-size: 100px;
    font-weight: bold;
    line-height: 80px;
    margin: 0;
}

.rewards-program span {
    color: #fff;
}

.rewards-grad {
    background: #fefefe;
    background: linear-gradient(to left, #eee, #fefefe);
}

.rewards-learn-more {
    margin: 25px 0 -15px 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: 100;
}

.login-rewards:hover,
.login-rewards {
    background: #ccc;
    color: #000;
}

.earn-rewards {
    width: auto !important;
    margin-top: 15px;
}

.arrow {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 48px;
    color: #f00;
    -webkit-text-stroke: 8px #000;
}

.arrow span:hover {
    cursor: pointer;
}

.rewards-car {
    width: 120% !important;
    margin-left: -23%;
}

.rewards-instructions {
    padding: 0;
    margin: 0 0 15px 0;
}

.rewards-instructions li {
    display: inline-block;
}

.rewards-grad.full-section {
    padding-top: 30px;
    padding-bottom: 30px;
    background: linear-gradient(to bottom, #eee, #fefefe);
}

.see-rewards {
    width: 200px !important;
}

.use-rewards {
    margin-top: 15px;
    width: 90%;
    max-width: 450px;
}

.parts-masked {
    width: 100%;
    margin-top: -90px;
}

.rewards-footer {
    width: 100%;
    background: #000;
}

.learn-more-btn:focus,
.learn-more-btn:hover,
.learn-more-btn {
    display: block;
    color: #000;
    text-transform: uppercase;
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-left: -60px;
}

/* New Cart Page CSS */

.itemForm { border-style: dotted; border-color: #CCC; border-width: 0 0 1px; color: #000; }

.itemForm:last-child { border-style: none; }

.itemForm .left { float: left; }

.itemForm .right { float: right; }

.itemForm > .left { width: 110px; }

.itemForm > .right { width: 415px; }

.itemForm .title { line-height: 1.3em; }

#stepWrapper .itemForm a { color: #777; }

.itemForm .itemName { color: #000; }

.itemForm .itemQty option { text-align: right; }

.itemForm .qtyTotalCell { color: #000; }

.itemForm .removeLink { font-size: 11px; color: #999;min-width: 0 !important; }

.itemForm .removeLink:hover { color: #000; text-decoration: underline; }

.pricesTbl { width: 100%; border-collapse: collapse; font-size: 100%; }

.pricesTbl th { font-weight: normal; }

.pricesTbl .qtyHead { text-align: right; }

.pricesTbl td, .pricesTbl th { padding: .2em .5em; vertical-align: text-top; }

.pricesTbl td:first-child, .pricesTbl th:first-child { padding-left: 0; }

.pricesTbl td:last-child, .pricesTbl th:last-child { padding-right: 0; }

.pricesTbl .labelCell { font-size: 90%; }

.pricesTbl .qtyCell { width: 1px; white-space: nowrap; text-align: right; }

.pricesTbl .amountCell { width: 1px; text-align: right; white-space: nowrap; }

.pricesTbl .eachTag { font-size: 80%; }

.pricesTbl .qtyTotalCell { width: 1px; text-align: right; }

.pricesTbl .savings { text-transform: uppercase; color: #F00; }

#cartCoupons {
    margin: 40px auto;
    text-align: center;
    max-width: 430px;
    position: relative;
}

#cartCoupons h4 {
    background: url(/img/sep01.png) 50% no-repeat;
    font-size: 120%;
    font-weight: bold;
    text-transform: uppercase;
}

#cartCoupons h4 span {
    background: #FFF;
    padding: 0 10px;
}

.couponSummary { color: #777; font-size: 90%; }

.couponSummary p { margin: 1em 0; }

.couponSummary table { margin: 1em; }

.couponSummary td { padding: .2em .5em; }

.couponSummary td:first-child { padding-left: 0; }

.couponSummary td:last-child { padding-right: 0; }

#cartForm { position: relative; padding-top: 15px; }

#activeCoupons:empty, #couponMsg:empty { margin: 0; }

#activeCoupons { color: #777; line-height: 1.4em; }

#coupon { width: 100%; box-sizing: border-box; }

#cartForm #continueBtn { margin: 30px 0; width: 100%;}

#couponBtnWrapper { margin: .5em 0; font-size: 75%; }

#couponBtnWrapper .button { font-size: 12px; }

#stepWrapper #resetCouponsBtn { display: none; }

#stepWrapper.hasCoupons #resetCouponsBtn { display: inline; }

#stepWrapper #refreshBtn { margin: .5em 0;font-size: 12px;position: relative;top: 5px; }

#couponMsg { margin: 10px 0; color: #F00; font-style: italic; text-align: center; }

#checkoutBtnWrapper, #paypal-button-container { text-align: right; }

#cartCouponSide { font-family: 'Roboto Condensed'; font-weight: bold; }

#cartCouponSide ul { list-style: none; padding-left: 0; }

#cartCouponSide ul li { background: #E5E6E8; margin: 2px 0; padding: 5px; }

#cartCouponSide ul li button { background: none; border: none; color: #000; float: right; font-family: 'Roboto Condensed'; font-size: 12px; text-decoration: underline; text-transform: uppercase; }

#shippingNote {
    margin-top: 15px;
}

.cart-price-table {
    table-layout: fixed;
    width: 100%;
}

.cart-price-table thead tr th {
    padding: 5px 15px;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
}

.cart-price-table tbody tr td {
    padding: 10px 15px 0 15px;
}

.mini-cart-price-table tbody tr td {
    padding: 0;
    text-align: left;
}

.cart-image {
    margin-right: 25px;
    float: left;
    position: relative;
}

.mini-cart-image {
    margin: 0;
}

.cart-item-img {
    width: 125px;
    height: 125px;
}

.cart-item-desc {
    float: left;
    width: calc(100% - 150px);
    min-height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.coupon-title {
    list-style: none;
    border-bottom: 1px dotted #ccc;
}

form.itemForm:last-of-type ~ li.coupon-title {
    border-bottom: none;
}

.cart-item-coupon {
    margin: 5px auto;
    padding: 0 0 3px 15px;
    font-size: 14px;
    width: fit-content;
    color: #000;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    border-radius: 10px;
    text-transform: uppercase;
}

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

.cart-item-coupon-text {
    color: #f00;
}

.cart-item-name {
    color: #000;
    font-weight: bold;
}

.cart-stroke-through {
    color: #000;
    font-weight: normal;
    text-decoration: line-through;
    display: inline-block;
}

.cart-remove {
    text-align: center;
    padding: 3px 10px;
    height: 21px;
    line-height: 12px;
}

.cart-save-corner {
    background: red;
    color: #FFF !important;
    font-size: 15px;
    font-weight: bold;
    padding: 0.2em 1em;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: uppercase;
}

#stepWrapper .cart-apply-btn {
    font-size: 12px !important;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 2px 15px !important;
    line-height: 15px !important;
    height: 25px;
}

.cart-coupon-wrapper {
    position: relative;
    margin-bottom: 20px;
}

#cartForm #coupon {
    color: #777;
    font-family: 'Roboto Condensed';
    font-size: 14px;
    height: 35px;
    width: 100%;
}

#cartForm #applyCoupon {
    font-size: 12px;
    position: absolute;
    right: 4px;
    top: 19px;
}

.couponSummary { color: #000; font-size: 90%; }

.couponSummary p { margin: 0 0 1em 0; }

.couponSummary table { font-weight: bold; margin: 1em auto 0 auto; text-transform: uppercase; }

.couponSummary td { padding: .2em .5em; }

.couponSummary td:first-child { color: #FF0000; padding-left: 0; }

.couponSummary td:last-child { padding-right: 0; }

#itemsWrapper,
#sidebarWrapper,
#sidebarCart,
#rightSidebarCart,
#cartBottomLinks {
    padding: 0;
}

#sidebarCart {
    padding-left: 10px;
}

#sidebarWrapper {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
}

#itemsWrapper {
    border-right: 1px solid #ccc;
    min-height: 500px;
}

#sidebarItems {
    margin-top: 15px;
}

.order-cart-item-display {
    color: #000;
}

.order-summary-line {
    position: relative;
}

.order-summary-line hr {
    margin: 8px 0 15px 0;
    border: none;
    height: 2px;
    background: #555;
}

.order-summary-cart hr {
    margin-bottom: 20px;
}

.order-summary-text {
    position: absolute;
    background: #fff;
    padding: 2px 10px;
    top: -10px;
    left: 50%;
    margin-left: -81px;
}

#sidebarTotals {
    margin-top: 25px;
}

.order-summary-cart-text {
    margin-left: -26px;
}

.order-summary-hr {
    margin: 8px 0;
    border: none;
    height: 2px;
    color: #333;
    background-color: #333;
}

.text-bold {
    font-weight: bold;
}

.cart-item-sep {
    margin: 0 0 10px 0;
}

/* Cart Poupup CSS */

.cart-popup-blur {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

.cart-popup {
    position: absolute;
    padding: 15px 10px;
    max-width: 600px;
    top: 50px;
    width: 100%;
    left: 50%;
    margin-left: -300px;
    background: #fff;
    z-index: 1000000;
    display: none;
}

.cart-popup table {
    table-layout: fixed;
    width: 100%;
}

.cart-popup hr {
    margin: 10px;
}

.cart-popup-close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 32px;
    -webkit-text-stroke: 7px white;
    color: #888;
}

.cart-popup-close:hover {
    cursor: pointer;
    color: #555;
}

.cart-popup-header-left {
    width: 35%;
    text-align: center;
    padding-left: 15px;
}

.cart-popup-header-left img {
    border: 1px solid #ccc;
    width: 100%;
}

.cart-popup-header-right {
    width: 65%;
    padding-left: 15px;
    padding-right: 15px;
}

.cart-popup-price-info {
    margin: 0;
}

.cart-popup-cart-note {
    font-size: 26px;
    font-weight: bolder;
    margin-bottom: 0;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", Arial;
}

.cart-popup-item-name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}

.cart-popup-item-name a {
    color: #000;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", Arial;
}

.cart-popup-qty-info {
    margin-bottom: 5px;
}

#cart-popup-sale-text {
    color: #ed1c24;
    font-size: 16px;
    font-weight: bold;
    margin-right: 5px;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", Arial;
}

#cart-popup-sale-price {
    color: #ed1c24;
    font-weight: bold;
    font-size: 28px;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", Arial;
}

#cart-popup-normal-price {
    text-decoration: line-through;
    color: #aaa;
    margin-left: 5px;
}

.cart-popup-summary {
    text-align: center;
}

.cart-popup-count {
    margin: 0;
}

.cart-popup-subtotal {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", Arial;
}

.cart-popup-disclaimer {
    margin: 0;
    font-size: 12px;
    color: #888;
}

.cart-popup-action-left {
    width: 50%;
    text-align: center;
    padding-right: 5px;
    padding-left: 15px;
}

.cart-popup-action-right {
    width: 50%;
    text-align: center;
    padding-top: 18px;
    padding-left: 5px;
    padding-right: 15px;
}

.cart-popup-action-left a,
.cart-popup-action-right a {
    width: 100%;
}

.cart-popup-review {
    font-size: 10px;
    margin: 5px 0 0 0;
    color: #555;
}

.cart-popup-recommend {
    text-align: center;
    font-weight: bold;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", Arial;
}

.cart-popup-sub-groups {
    margin: 0;
    font-size: 12px;
}

.cart-popup-sub-groups a {
    color: #aaa;
}

.cart-deal-action-left {
    width: 40%;
    padding-right: 5px;
}

.cart-deal-action-right {
    width: 60%;
    padding-left: 5px;
}

.cart-deal-action-left a,
.cart-deal-action-right a {
    width: 100%;
    font-size: 10px;
    padding: 0 !important;
    height: 15px;
}

#caution-popup.cart-popup {
    position: fixed;
    top: 50%;
    margin-left: 0;
    transform: translate(-50%, -50%);
    padding: 25px;
}

#caution-popup .fit-content {
    display: flex;
    display: -webkit-flex;
}

.caution-icon {
    float: left;
    margin-right: 15px;
}

.caution-message-text {
    float: left;
    font-weight: bold;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", Arial;
    font-size: 16px;
    margin: auto 0;
}

hr.caution-hr {
    margin: 20px 0;
}

.fit-content {
    overflow: hidden;
}

#continue-caution {
    display: block;
    margin: 0 auto;
}

#orderSearchForm .input-group-btn .button {
    font-size: 16px;
    border: 1px solid #221F20;
}

.order-info-wpr .button.notAvailable {
    font-size: 18px;
    line-height: 1.7em;
}

.order-info-wpr .button.notAvailable:hover { background-color: #E6E7E8; }

.button.btn-track-order {
    float: right;
    margin: 3px 0;
}

.display-block {
    display: block;
}

.display-inline {
    display: inline-block;
}

.mini-cart-image-wrapper {
    width: 140px;
    padding-right: 15px;
}

.mini-cart-separator {
    margin: 0 0 5px 0;
}

.mini-cart-section {
    margin-top: 50px;
    font-size: 18px;
}

.mini-cart-section .editLink {
    font-size: 16px;
    height: 25px;
    line-height: 25px;
}

.footer-top-header {
    padding: 10px;
    background: #000;
    text-align: left;
    padding-left: calc(50% - 170px);
}

.footer-top-header img {
    margin: 0 25px;
    display: block;
}

.footer-bottom-part {
    position: relative;
    padding: 25px 0;
    background: #fff;
    display: block;
    background-image: none;
}

.footer-bottom-left,
.footer-bottom-middle,
.footer-bottom-right {
    width: 100%;
    float: none;
    padding: 10px 25px;
    text-align: center;
}

.footer-bottom-middle {
    padding: 10px 0;
}

.footer-bottom-left,
.footer-bottom-middle {
    border-right: none;
}

.footer-bottom-right {
    text-align: center;
}

.footer-bottom-form {
    font-size: 120%;
    margin-bottom: 15px;
}

.footer-bottom-form input[type=email]::placeholder {
    color: #aaa;
    opacity: 1; /* Firefox */
}

.footer-bottom-form input[type=email]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaa;
}

.footer-bottom-form input[type=email]::-ms-input-placeholder { /* Microsoft Edge */
    color: #aaa;
}

.footer-bottom-form input[type=email] {
    width: calc(100% - 30px);
    max-width: 20em;
    border: 1px solid #aaa;
    padding: .3em .5em;
    color: #777;
}

.footer-bottom-form input[type=submit] {
    background-color: #F00;
    color: #FFF;
    padding: .3em .5em;
    border: 1px solid #F00;
    cursor: pointer;
}

.footer-bottom-sec-head {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 22px;
    text-align: center !important;
}

.footer-bottom-sec-note {
    margin-bottom: 20px;
    line-height: 20px;
}

.footer-bottom-links,
.footer-bottom-links:active,
.footer-bottom-links:visited,
.footer-bottom-links:focus {
    color: #000;
    width: 100%;
    padding: 10px 25px;
    display: block;
    float: none;
    border-top: 1px solid #ccc;
    font-size: 20px;
    text-align: left;
}

.footer-bottom-links:hover {
    color: #23527c;
}

.footer-bottom-phone,
.footer-bottom-phone:active,
.footer-bottom-phone:visited,
.footer-bottom-phone:focus {
    color: #f00;
    font-size: 28px;
    font-weight: bold;
}

.footer-bottom-email,
.footer-bottom-email:active,
.footer-bottom-email:visited,
.footer-bottom-email:focus {
    font-size: 16px;
    color: #000;
}

.footer-bottom-sec-owner {
    color: #f00;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.footer-bottom-sec-owner:hover {
    cursor: pointer;
}

.footer-bottom-base {
    display: block;
    width: 100%;
    overflow: hidden;
    background: #e1e2e1;
    text-align: center;
}

.footer-bottom-base-left {
    float: none;
    padding: 15px 25px 25px 25px;
    font-size: 12px;
}

.footer-bottom-base-right {
    float: none;
    padding: 10px 25px;
    margin-left: auto;
    order: 2;
    line-height: 40px;
}

.footer-bottom-link-list {
    list-style-position: inside;
    padding: 0;
    margin: 0;
}

#refid-codes a,
#refid-codes a:active,
#refid-codes a:visited,
#refid-codes a:focus {
    color: #000;
    text-decoration: none;
}

.last-footer-link {
    border-bottom: 1px solid #ccc;
}

.mobile-link-img {
    float: right;
    width: 15px;
    margin-top: 7px;
}

.footer-bottom-sep {
    width: 50%;
    margin-bottom: 15px;
    margin-top: 15px;
    border: 1px solid #e6e7e8;
}

#mini-paypal-button-container {
    margin-top: 10px;
}

#mini-paypal-button-container .paypal-button.paypal-button-context-iframe.paypal-button-label-pay.paypal-button-size-responsive.paypal-button-layout-horizontal {
    max-width: 250px;
    margin: 0 auto;
}

.line-height-mini-cart {
    line-height: 18px;
    display: block;
}

#footer-subscribe-form ul.errors {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #F00;
    font-style: italic;
}

#footer-subscribe-form ul.success {
    margin: 0;
    padding: 0;
    list-style: none;
    color: green;
    font-style: italic;
}

.grey-font {
    color: grey !important;
}

.deals-bar {
    display: block;
    text-align: center;
    padding: 0 10px;
}

.deals-bar img {
    max-width: 970px;
}

@media screen and (min-width: 768px) {
    /*#header .image-icons,
	#header .image-links,*/
    #header .img-center-xs {
        /*	text-align: left;*/
    }

	#header .free-shipping-wpr {
		display: inline;
	}

	#header .free-shipping-wpr img {
		max-height: 31px;
	}

    #sidebar-button {
        display: none;
    }

    .cart-remove {
        text-align: right;
    }

    .mini-cart-price-table tbody tr td.mini-cart-item-wrapper {
        text-align: left;
        display: table-cell;
        padding-bottom: 0;
    }

    .cart-item-coupon {
        margin: -10px 0 0;
    }

}

@media screen and (min-width: 992px) {
    .no-top-padding {
        padding-top: 0 !important;
    }

    .footer-top-header {
        text-align: center;
        padding-left: 0;
    }

    .footer-bottom-part {
        display: flex;
        background-image: url(/img/ChatGuy.png);
        background-position: right;
        background-repeat: no-repeat;
        background-position-y: bottom;
        background-position-x: calc(100% - 15px);
    }

    .footer-bottom-left,
    .footer-bottom-middle,
    .footer-bottom-right {
        width: 33.33%;
        float: left;
        padding: 0 25px;
    }

    .footer-bottom-middle {
        padding: 0 15px;
    }

    .footer-bottom-left,
    .footer-bottom-middle {
        border-right: 2px solid #e6e7e8;
        text-align: left;
    }

    .footer-bottom-links,
    .footer-bottom-links:active,
    .footer-bottom-links:visited,
    .footer-bottom-links:focus {
        width: 50%;
        padding: 4px 0;
        float: left;
        border: none;
        font-size: 14px;
    }

    .footer-bottom-phone,
    .footer-bottom-phone:active,
    .footer-bottom-phone:visited,
    .footer-bottom-phone:focus {
        font-size: 28px;
    }

    .footer-bottom-base {
        display: flex;
        text-align: left;
    }

    .footer-bottom-base-left {
        float: left;
        padding: 18px 25px;
    }

    .footer-bottom-base-right {
        float: right;
    }

    .footer-bottom-sec-head.last-sec {
        margin-bottom: 15px;
    }

    .footer-bottom-sec-head {
        text-align: left !important;
    }

    .footer-bottom-right .footer-bottom-sec-head {
        text-align: center !important;
    }

    .footer-top-header img {
        display: inline-block;
    }

    .cart-save-corner {
        font-size: 11px;
    }

    .footer-bottom-links.less-width {
        width: 40%;
    }

    .footer-bottom-links.more-width {
        width: 60%;
    }
}

@media screen and (min-width: 1200px) {
    .footer-bottom-links,
    .footer-bottom-links:active,
    .footer-bottom-links:visited,
    .footer-bottom-links:focus {
        font-size: 15px;
    }

    .footer-bottom-links.less-width,
    .footer-bottom-links.more-width {
        width: 50%;
    }

    .footer-bottom-middle {
        padding: 0 25px;
    }
}

/* START forgot password CSS */

#resetBox.ui-widget-header {
    background: white;
    padding: 20px 35px;
    font-weight: normal;
    width: 450px;
}

#resetBox .inputWpr {
    position: relative;
    font-size: 14px;
    margin-bottom: 15px;
}

#resetBox .inputWpr label {
    position: absolute;
    left: 10px;
    padding: 0 3px;
    z-index: 1;
    margin: 0;
    transform: translate(0, -50%);
    font-weight: 400;
    background: white;
}

#resetBox .inputWpr input[type=text],
#resetBox .inputWpr input[type=password] {
    width: 100%;
    padding: 8px;
    border: 2px solid #ddd;
    background: white;
}

#resetBox input[type=submit] {
    font-size: 24px;
    width: 100%;
}

#resetBox .ui-widget-content {border: none;}

@media (max-width: 480px) {
    #resetBox.ui-widget-header {
        float: none;
        width: 100% !important;
        padding: 15px 25px;
    }
}

/* END forgot password CSS */

/* Common close icon CSS */
.closePopupIcon {
    font-size: 42px;
    color: #b7b7b7;
    font-family: none;
    line-height: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    text-align: left;
}

/* Start Add-On CSS */

#add-on-popup-blur {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

#add-on-popup {
    position: absolute;
    padding: 20px;
    max-width: 600px;
    top: 50px;
    width: 100%;
    left: 50%;
    margin-left: -300px;
    background: #fff;
    z-index: 1000000;
    display: none;
}

#add-on-popup h3 {
    padding-bottom: .5em;
}

/*
.borderless td, .borderless th {
    border: none !important;
}
 */

#add-on-popup th, #add-on-popup td {
    padding: 0;
    border-color: #fff;
}

#add-on-popup tr > td + td, #add-on-popup tr > th + th {
    border-left-style: solid;
    border-left-width: 20px;
}

#add-on-popup tr + tr > td {
    border-top-width: 20px;
}


#add-on-popup-close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 32px;
    -webkit-text-stroke: 7px white;
    color: #888;
}

#add-on-popup .offer-title-row th {
    font-weight: bold;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", Arial;
    width: 50%;
}

#add-on-popup .offer-desc-row td {
    white-space: pre-line;
}

#add-on-popup .offer-desc-row span.mobile-desc,
#add-on-popup .offer-desc-row a.mobile-more {
    display: none;
}

#add-on-popup .offer-price-row td {
    font-size: 20px;
    font-weight: bold;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", Arial;
    text-align: right;
}

#add-on-popup .offer-button-row a.button {
    /*     float: right; */
    width: 100%
}

#add-on-popup .offer-no-thanks-row {
    text-align: center;
}

#add-on-popup .offer-no-thanks-row a.offer-no-thanks {
    width: 14em;
}

@media (max-width: 600px) {
    #add-on-popup {
        margin-left: 0;
        top: 0;
        left: 0;
    }

    #add-on-popup tr th {
        white-space: normal;
    }

    #add-on-popup .offer-desc-row span.mobile-desc,
    #add-on-popup .offer-desc-row a.mobile-more {
        display: block;
    }

    #add-on-popup .offer-desc-row span.full-desc {
        display: none;
        font-size: 90%;
    }

}

ol#policySections {
    padding: 0;
    margin: 0;
}

#policySections li {
    border: solid #666 2px;
    background-color: #ddd;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    border-bottom: none 0;
    margin-right: .5em;
    display: inline-block;
}

#policySections li a {
}

#policySections li p {
    color: #444;
    margin: .5em 1.5em;
}

#policySections li.activeSection {
    background-color: white;
    border-color: black;
}

#policySectionContent {
    border: solid #ddd 1px;
    padding: .75em;
}


/* End Add-On CSS */