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