/** Shopify CDN: Minification failed

Line 388:12 Expected ":"
Line 900:3 Expected identifier but found "*"
Line 918:6 Expected identifier but found "*"
Line 2066:0 Unexpected ".404"
Line 2101:1 Expected identifier but found "*"
Line 2102:1 Expected identifier but found "*"
Line 2545:12 Expected ":"
Line 2575:20 Expected identifier but found "0"

**/
/*** INDEX ***

01. Base Content Styles
02. Structure
03. Header
04. Index (homepage)
05. Collections
06. Product
07. Secondary pages
08. Cart
09. Account
10. Footer
11. Utils

Media Queries 
*/ 

/*****************************************************************************
 * 01. Base Content Styles
 */
html body * {
  	-webkit-font-smoothing: antialiased; 
}
body { 
	background-color: #ffffff; 
	font-family: "Lato",  Helvetica, Arial, sans-serif;
	font-size: 15px; 
	color: #666666;
	
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	color: #be5754;
	line-height: 1.2;
	font-weight: bold;
	margin: 0 0 .5em 0;
}
h1.theme, 
h2.theme, 
h3.theme, 
h4.theme, 
h5.theme, 
h6.theme { 
  	text-align: center; 
	font-size: 24px;
	font-family:"Open Sans", Helvetica, Arial, sans-serif; 
    text-transform: none; 
  	position: relative; 
  	z-index: 11; 
}
h4.theme, 
h5.theme, 
h6.theme { 
    color: #666666; 
  	font-weight: normal; 
	font-size: 18px;
}
h1 { 
	font-size: 48px;
}
h2 { 
	font-size: 36px;
}
h3 { 
	font-size: 24px;
}
h4 { 
	font-size: 18px;
}
h5 { 
	font-size: 16px;
}
h6 { 
	font-size: 14px;
}
p {
	color: #666666;
	line-height: 1.7;
	font-weight: normal;
	margin: 0 0 0.5em;
	font-size:15px;
}
a { 
    text-decoration: none;
	color: #be5754
}
a:hover { 
	color: #a14243
}
blockquote {
	padding-left: 1.5em; 
	border-left: 5px solid #be5754;
	margin: 0 0 1.5em 1.25em;
}
ul, ol{ 
	margin: 0 0 1.5em 1.3em; 
}
li{ 
	margin: 0 0 0.25em 0; 
}
.hr { 
	width: 100%; 
	height: 1px; 
	background: transparent; 
	border-bottom: 1px solid #e8e8e8; 
	margin: 19px 0 20px 0; 
}
.mobile { 
 	display: none;  
}

/* table and DL styles */ 

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #e8e8e8; 
    margin: 1em 0; 
}
table tr > th, 
table tr > td { 
    border-bottom: 1px solid #e8e8e8; 
    border-right: 1px solid #e8e8e8; 
    padding: 10px; 
    line-height: 1.3; 
    vertical-align: middle; 
}
table tr > th { 
	color: #be5754;
	text-transform:none;
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
}
.table { 
 	display: table;  
  	width: 100%; 
  	height: 100%; 
}
.table-cell { 
 	display: table-cell; 
  	width: 100%; 
  	height: 100%; 
  	vertical-align: middle; 
}
dl {
  margin-bottom: 1.5em;
}
dt,
dd {
  line-height: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: .8em;
}

/* form element styles */ 

input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="tel"], 
textarea {
	border: solid 1px #e4e4e4;
  	-moz-border-radius: 0; 
  	border-radius: 0; 
	background: #f4f4f4;
	color: #666666;
	padding: 5px;
	font-family: "Lato",  Helvetica, Arial, sans-serif;
	font-size: 15px; 
  	-webkit-appearance: none; 
}
textarea { 
	resize:none;
}
input[type="image"]{ 
	border: none; 
}
button {  
	width: auto; 
	overflow: visible; 
}
.btn, 
.button, 
button {
  	border: 0; 
  	-moz-border-radius: 0; 
  	border-radius: 0; 
  	display: inline-block; 
	background:#be5754;
    font-weight: normal;
	margin: 0 0 .5em 0;
	color:#ffffff;
	padding:10px;
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	-ms-transition: background 0.25s ease-in;
	-o-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
    font-size: 12px;
  	-webkit-appearance: none; 
}
.btn:hover, 
.button:hover, 
button:hover {
	background:#a14243;
	color:#ffffff;
	cursor:pointer;
}
.btn.sml, 
.buttom.sml { 
    font-size: 0.9em;
    padding: 8px; 
}
input.error{
	color: #990000;
	color:rgb(193, 87, 82);
}
label {
	vertical-align:top;
	display:inline-block;
  	padding: 5px 0; 
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
}
input[type="checkbox"], input.checkbox, input[type="radio"], input.radio {
	margin-top:3px;
	margin-right:10px;
	float:left;
}
.form-row label {
	vertical-align:middle;
	display:inline-block;
}
input:focus {
	outline:none;
}
select {
	margin-left:10px;
    outline: none !important; 
 	border: 1px solid #e4e4e4; 
    border-radius: 0px; 
    width: 150px !important;
    padding: 5px;
    line-height: 1;
    height: 30px;
    -webkit-appearance: none;
  	-webkit-padding-end: 30px; 
  	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/icons-carat.png?v=80475415077807367201651065760) right center no-repeat #f4f4f4; 
  	font-family:Lato, Helvetica, Arial, sans-serif;
  	font-size: 14px;
	color: #666666;
}

/***************************************************************************
 * 02. Structure
 */

html,body { 
	min-height: 100%; 
}
* { 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
.container {
	margin:0;
	padding:0;
	/*overflow:hidden;*/
	display:block;
	width:100%;
	min-height:100%;
}
.content-container { 
  	margin: auto; 
 	max-width: 1100px;  
}
#IE8bg { 
 	display: none;  
}

/** 
 * Justify 
 */ 

.just { 
 	text-align: justify; 
  	font-size: 0.01em; 
}
	/* full-bleed text align justify needs a smaller font size */ 
	.product-grid.just { 
  		font-size: 0.001px; 
	}
.just > * { 
  	display: inline-block; 
	text-align: left; 
  	vertical-align: top; 
	font-size: 15px; 
}
.just:after {
	content:'';
	display: inline-block;
	width: 100%;
  	height: 0; 
}

/*****************************************************************************
 * 03. Header
 */
#Header {
	margin: 0;
  	padding: 0; 
	position: relative;
	z-index: 100;
	vertical-align:baseline;
	text-align: center;
  	background: #ffffff; 
  	color: #666666; 
}
#Header .wrap {
	position: relative; 
  	line-height: 1;
  	z-index: 99; 
}
#Header h1 {
	font-weight: bold; 
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	font-size: 36px; 
  	line-height: 1; 
	color: #585858;
	vertical-align:middle;
	margin: 0; 
  	padding: 10px 0; 
	display: block; 
	position: relative; 
	z-index: 3; 
  	text-align: center; 
  	clear: both; 
}
#Header h1 a {
	text-decoration: none;
	color: #585858;
	vertical-align:middle;
	display: table; 
  	margin: auto; 
  	padding: 0 20px; 
}
#Header h1 a:hover {
	color: #921511;
}
#Header h1 a img { 
	display: block; 
  	width: 1000px; 
  	height: 500px; 
}
#Header nav { 
	text-decoration: none;
	position:relative;
	color: #000000;
	background-color: #f2f2f2; 
	z-index: 3; 
}
#Header nav a {
	padding: 12px 15px;
	text-decoration: none;
	display: inline-block;
	color: #666666;
	font-size: 12px; 
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	font-weight normal;
	-webkit-transition: color 0.2s ease-in;
	-moz-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	-ms-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}
#Header nav a:hover, 
#Header nav .active a { 
	color: #be5754;    
}
#Header nav ul {
	/*-webkit-backface-visibility: hidden;
	-moz-backface-visibility: 	 hidden;
	-ms-backface-visibility: 	 hidden;
	-o-backface-visibility: 	 hidden;
	backface-visibility:	 	 hidden;*/
	position:relative;
	padding: 0;
	margin: 0;
	display:block;
}

#Header nav ul li { 
	display: inline-block;
	color: #000000;
	font-weight: normal; 
	font-size: 12px; 
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
}
#Header nav ul li.mobile { 
 	display: none;  
}
#Header nav ul.submenu { 
  	width: 100%; 
    background: #be5754; 
    color: #e6d2d1; 
  	border: 0; 
}
#Header nav ul.submenu a { 
    color: #e6d2d1; 
}
#Header nav ul.submenu a:hover, 
#Header nav ul.submenu .active a { 
    color: #ffffff; 
}
#Header nav a.mobile, 
#Header #MainNav ul.submenu { 
    display: none; 
}


#Header nav ul li.has-sub-nav > a:after { 
    font-family: FontAwesome;
 	content: ' \f107'; 
  	padding-left: 5px; 
}

/* Dropdown */ 
#Header #MainNav ul.submenu { 
  	display: none; 
  	position: absolute; 
  	top: 100%; 
  	left: 0; 
  	right: 0; 
  	z-index: 999; 
}
#Header nav ul li.back { 
  	display: none; 
}


#TopBar { 
	width: 100%; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	text-align: right; 
	padding: 20px 30px 0; 
	z-index: 1;
    font-size: 14px; 
}
#TopBar #CartButton { 
	margin: 0 0 0 15px; 
}
#TopBar a, 
#TopBar span.welcome { 
	text-decoration: none;
	display: inline-block;
	margin: 0 0 10px 15px; 
    color: #be5754; 
}
#TopBar a.mobile { 
 	display: none;  
}
#TopBar a:hover, 
#TopBar a:hover span, 
#SearchToggle.open, 
#SearchToggle.open .search-toggle {
	color: #a14243;
}
#TopBar #SearchToggle { 
  	margin-left: 0; 
 	float: left;  
}

.search { 
    position: relative; 
  	border-bottom: 1px solid #e4e4e4; 
  	height: auto; 
    max-height: 0; 
    width: 100%; 
    z-index: 1000; 
    background: #f4f4f4; 
    overflow: hidden; 
	-webkit-transition: max-height 0.2s ease-in-out;
	-moz-transition: max-height 0.2s ease-in-out;
	-o-transition: max-height 0.2s ease-in-out;
	-ms-transition: max-height 0.2s ease-in-out;
	transition: max-height 0.2s ease-in-out;
}
.search.open { 
    border-top: 1px solid #e4e4e4; 
    max-height: 100px; 
}
.search-toggle { 
	font-size: 11px; 
	display: inline-block; 
	margin: 0 0 0 5px; 
	background: transparent; 
	border: 0; 
  	position: relative; 
  	top: -1px; 
  	right: 1px; 
}
.search input:focus{ 
	outline: none;
}
.search .search-query { 
	padding: 0 80px 0 30px;
	height: 100px; 
	color: #666666;
	font-size: 30px;
	background: transparent; 
	outline:none;
	margin: 0; 
	border: 0; 
	width: 100%; 
	font-family: "Lato",  Helvetica, Arial, sans-serif;
}
.search .remove-search { 
  	position: absolute; 
  	right: 30px; 
  	top: 25px; 
  	cursor: pointer; 
	color: #666666; 
  	width: 50px; 
  	height: 50px; 
}
.search .remove-search:before, 
.search .remove-search:after { 
    content: '';
    position: absolute;
    width: 50px;
    top: 50%;
  	left: 0; 
    height: 1px;
    background: #666666; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.search .remove-search:after { 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search .remove-search:hover:before, 
.search .remove-search:hover:after { 
 	background: #be5754;  
}

/* promo bar */ 

.promo { 
  	text-align: center; 
 	padding: 8px 30px 6px;  
    font-size: 15px; 
  	color: #333333; 
    background: #efefef; 
}
.promo strong { 
  	display: inline-block; 
  	margin-right: 5px; 
    color: #a14243;
}

/**
 * Content
 */
.content-wrapper {
	margin:0;
	padding:0 0 40px 0;
	min-width:100%;
	/*overflow:hidden;*/
	display:block;
	position:relative;
	text-align:center;
}
.template-product .content-wrapper, 
.template-index .content-wrapper, 
.template-collection .content-wrapper, 
.template-list-collections .content-wrapper, 
.template-search .content-wrapper
{
	padding:0;
}

/*****************************************************************************
/* 04. Index */

#Hero { 
    position: relative;  
    
    overflow: hidden; 
  
}
#Hero img { 
 	display: block; 
  	margin: auto; 
  	width: 100%; 
}

/**
 * Video
 */

#HeroVideo iframe { 
	position: absolute; 
  	top: 0; 
  	left: 0; 
  	width: 100%; 
  	height: 100%;
}

/**
 * Fader/slideshow
 */

.fader {
    position: relative;
	width: 100%; 
	margin: 0 auto;
	-webkit-transform: translate3d(0, 0, 0);
    /*overflow: hidden; -- breaks fade transition */
} 
.fader .slide {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
    font-size: 0.001px; 
}
.fader .slide > * { 
  	width: 100%; 
  	display: inline-block; 
  	position: relative; 
}
.fader .slide .hero-left, 
.fader .slide .hero-right { 
  	width: 50%; 
}
.fader .slide img { 
  	max-width: 100%; 
}
/* loading */ 
.fader.loading { 
	background:url(//carterandsontoolworks.com/cdn/shop/t/13/assets/loading.gif?v=80102107862799239311651065765) no-repeat center center;
  	min-height: 600px; 
}
.fader.loading:after { 
  content: 'loading'; 
  display: block; 
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9999;
  margin-top: 15px;
  font-style: italic;
  font-size: 12px;
  font-family: 'Georgia', times new roman, serif; 
}
.fader.loading .slide { 
 	opacity: 0;
}
/* end loading ****/ 

.hero .slide-pos { 
   	position: absolute; 
  	bottom: 0; 
  	left: 0; 
  	right: 0; 
  	width: 100%; 
  	text-align: center; 
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
  
   	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.hero.hero-right .slide-pos { 
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.active .hero .slide-pos { 
    bottom: 68px; 
    opacity: 1;  
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.hero .slide-details { 
  	z-index: 999; 
  
  	background: rgba(255,255,255,0.7); 
  
  	display: inline-block; 
  	margin: auto; 
  	padding: 30px; 
  	max-width: 85%; 
  	min-width: 25%; 
  	position: relative; 
    -webkit-transition: top 0.15s ease-out;
    -moz-transition: top 0.15s ease-out;
    -ms-transition: top 0.15s ease-out;
    -o-transition: top 0.15s ease-out;
    transition: top 0.15s ease-out;
  	top: 0; 
  	left: 0; 
}
.hero-left .slide-details, 
.hero-right .slide-details { 
 	min-width: 50%;  
}

.rgba .hero .slide-details:hover { 
 	top: -5px; 
}

.hero .slide-details h3 { 
  	font-size: 24px; 
  	margin: 0 0 0.5em; 
  	text-transform: none; 
}
.hero .slide-details p { 
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  	font-size: 15px; 
  	margin: 0; 
}
.hero .slide-details h3, 
.hero .slide-details p { 
  
  	color: #555555; 
  
}
.bx-prev,
.bx-next{
	position: absolute;
	height: 80px;
	line-height: 80px;
	width: 100px;
	font-size: 80px;
	text-align: center;
	color: #fff;
	top: 50%;
	left: 0;
	z-index: 99;
	margin-top: -40px;
	cursor: pointer;
	opacity:0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
#Hero:hover .bx-prev, 
#Hero:hover .bx-next { 
	opacity:0.7;
}
#Hero:hover .bx-prev:hover,
#Hero:hover .bx-next:hover{
	opacity:1;
  	color: #fff; 
}
.bx-next{
	left: auto;
	right: 0;
}
.bx-pager div:hover,
.bx-pager div.active{
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1;
}

.bx-pager {
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: 0px;
	text-align: center;
	z-index: 99;
	padding: 0;
  	margin: 0; 
}
.bx-pager > div {
	display: block;
	width: 50%;
	height: 5px;
	margin: 0;
  	background: #ffffff; 
	background: rgba(255,255,255,0.5);
	cursor: pointer;
  	text-align: left; 
  	float: left; 
}
.bx-pager div a { 
  display: block; 
  height: 5px; 
  text-indent: -9999em;
  width: 0; 
  background: #e4e4e4; 
  visibility: hidden; 
}
.bx-pager div.active a { 
  	visibility: visible; 
 	width: 100%;  
    -webkit-transition: width 8s linear;
    -moz-transition: width 8s linear;
    -o-transition: width 8s linear;
    -ms-transition: width 8s linear;
    transition: width 8s linear;
}

/**
 * Homepage content boxes
 */

.hero-bottom {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
.hero-bottom > div {
	width:33.33%;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
    background: #be5754; 
    color: #e6d2d1; 
  	border: 0; 
  	
  	/*float: left; /*for firefox? */
}
/*.hero-bottom > div:last-child { 
 	border-right: 0;  (firefox issues?)
}*/
.hero-bottom > div .content { 
  	padding: 10%; 
}
.hero-bottom > div > a { 
 	display: block; 
  	position: relative; 
  	width: 100.5%; 
  	height: 100%; 
  	margin: -1px; 
}
.hero-bottom > div .content * { 
    color: #ffffff; 
}
.hero-bottom > div .content a { 
     color: #e6d2d1;  
}
.hero-bottom > div .content a:hover { 
     color: #ffffff;  
}
.hero-bottom > div:last-child:after { 
 	background: transparent;  
}
.hero-bottom > div .caption { 
 	position: absolute; 
  	z-index: 99; 
  	bottom: 0; 
  	left: 0; 
  	right: 0; 
    background: #ffffff; 
  	opacity: 0.8; 
  	*filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    color: #666666; 
    padding: 10px 20px; 
  	
  	min-height: 4em; 
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear;
}
.hero-bottom > div a .caption { 
    color: #be5754;  
}
	.hero-bottom > div a:hover .caption { 
      color: #a14243; 
      opacity: 1; 
      *filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
/* full-bleed hero bottom images? */ 
.hero-bottom > div.img { 
  	background-repeat: no-repeat; 
  	background-position: center center; 
 	background-size: cover;
    background-color: #ffffff; 
}
.hero-bottom > div img { 
 	opacity: 0;  
  	visibility: hidden; 
}
/* end full-bleed */ 
.hero-bottom > div img {
	position:relative;
	border:none;
	outline:none;
	display:block;
	width:101%;
	margin:0;
	padding:0;
}
#FrontpageColl li { 
 	width: 25%;  
}

/** 
* Homepage Promo Modal 
*/

#PromoModal .product { 
 	max-width: 450px; 
  	text-align: center; 
}
#PromoModal .product .theme { 
 	text-align: center;  
}
#PromoModal span.close { 
  	top: 10px; 
  	right: 10px; 
  	width: 18px; 
  	height: 18px; 
  	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/icons.png?v=118372997153998466541651065761) -67px -7px no-repeat transparent; 
}
#PromoModal span.close:hover { 
 	background-position: -67px -37px; 
}

/****************************************************************************
/*  05. Collections

/*  Filter Nav */
.filter-tag {
	position:relative;
	margin:0;
	padding:0;
	overflow:visible;
	display:block;
	padding:0px 50px;
	min-height:45px;
	text-align:center;
	background: #f2f2f2;
  
}
.filter-tag ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.filter-tag li {
	position:relative;
	margin:0;
	padding:0;
	display:inline-block;
	text-decoration:none;
  	text-transform: capitalize;
	color: #000000; 
	font-weight:500;
}
.filter-tag li a {
	text-decoration:none;
	color: #666666;
	-webkit-transition: color 0.15s ease-in;
	-moz-transition: color 0.15s ease-in;
	-ms-transition: color 0.15s ease-in;
	-o-transition: color 0.15s ease-in;
	transition: color 0.15s ease-in;
	padding: 15px; 
	display:block;
}
.filter-tag li.back a {
	margin-left:0px;
}
.filter-tag li a:hover, 
.filter-tag li.active a { 
	text-decoration:none;
	color: #be5754;
}

/**/ 
/* Product Grid */
/**/ 

h2.coll-heading { 
  
    color: #666666; 
  	margin: 0; 
  	padding: 20px 0; 
  	font-weight: normal; 
	font-size: 18px;
}
ul.product-grid {
	position:relative;
  	z-index: 10; 
	margin:0;
	padding:0;
	overflow:visible;
	list-style:none;
	width:100%;
	display:block;
	text-align:left;
}
ul.product-grid li {
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
	vertical-align:top;
  	width: 50%; 
  
  	border-top: 0; 
  	border-left: 0; 
  	border-right: 0; 
  	overflow: hidden;
}

.template-index ul.product-grid li:last-child:after { 
 	background: transparent;  
}
@media screen and (min-width: 2401px) { 
 	ul.product-grid li {
    	width: 16.66%; 
  	}
}
@media screen and (min-width: 1921px) and (max-width: 2400px) { 
 	ul.product-grid li {
    	width: 20%; 
  	}
}
@media screen and (min-width: 1441px) and (max-width: 1920px) { 
 	ul.product-grid li {
    	width: 25%; 
  	}
}
@media screen and (min-width: 961px) and (max-width: 1440px) { 
 	ul.product-grid li {
    	width: 33.33%; 
  	}
}
@media screen and (max-width: 960px) { 
 	ul.product-grid li {
    	width: 50%; 
  	}
}
@media screen and (max-width: 320px) { 
 	ul.product-grid li {
    	width: 100%; 
  	}
}
ul.product-grid li > div {
	position:relative;
	margin:0;
	padding:0;
	outline:none;
	display:block;
	overflow:hidden;
	vertical-align:top;
	min-height:100%;
	min-width:100%;
	background-repeat:no-repeat;
	background-position: center center;
  
  	background-size: cover; 
  
}
ul.product-grid li img {
	position:relative;
	margin:0 auto;
	padding:0;
	outline:none;
	display: block;
	max-width:100%;
  	opacity: 0; 
  
  	-webkit-transition: opacity 0.15s ease-in;
	-moz-transition: opacity 0.15s ease-in;
	-ms-transition: opacity 0.15s ease-in;
	-o-transition: opacity 0.15s ease-in;
	transition: opacity 0.15s ease-in;
  	z-index: 1; 
}
ul.product-grid li .img-outer { 
  	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/loading.gif?v=80102107862799239311651065765) center center no-repeat #fff; 
  	position: relative; 
  	width: 100%; /* 100.5% */ 
}

ul.product-grid li .img-outer.loaded { 
  	background-size: cover; 
}
ul.product-grid li .loaded img { 
  	visibility: hidden; 
}

ul.product-grid .view { 
 	display: inline-block; 
  	width: 36px; 
  	height: 36px; 
  	margin-right: 10px; 
  	float: left; 
}
ul.product-grid .quick-view { 
  	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/icons.png?v=118372997153998466541651065761) 0 -36px no-repeat transparent;  
}
ul.product-grid .view-details { 
  	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/icons.png?v=118372997153998466541651065761) 0 0 no-repeat transparent;  
}
ul.product-grid .sale-box {
	position:absolute;
	right:0;
	bottom:0;
  	z-index: 3; 
	height:35px;
	width:80px;
	overflow:hidden;
	font-size:14px;
	line-height:35px;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
	background:#aa0000;
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
}
ul.product-grid .product-information {
  	background: #ffffff;
	opacity:1;
	width:100%;
	font-size:14px;
	overflow:hidden;
	padding:10px 20px 15px 10px;
	display:block;
	font-weight:normal;
	color:#666666;
  	min-height: 4em; 
  
  	position: relative; 
  	z-index: 10; 
}
ul.product-grid .product-information span.title {
  	display: inline; 
    color: #666666; 
}
ul.product-grid .product-information span.title:after { 
 	content: ' / ';  
  	padding: 0; 
}
ul.product-grid .product-information span.price {
  	display: inline-block; 
	padding:0;
	font-weight:500;
    color: #666666; 
}
ul.product-grid a:hover .product-information span.price, 
ul.product-grid a:hover .product-information span.title { 
    color: #be5754;  
}
ul.product-grid .product-information span.price.sale, 
ul.product-grid a:hover .product-information span.price.sale, 
span.price.sale {
	color:#aa0000;
}
ul.product-grid .product-information span.old-price {
	margin:0 5px 0 0;
	text-decoration: line-through;
	color: #666666;
	font-weight:500;
}
ul.product-grid .product-information span.sold-out {
	color:#aa0000;
	font-weight:500;
}
.max-width { 
  	position: relative; 
}

/**/ 
/* Collection Page Header Items */
/**/ 

.collection-top img { 
	display: block; 
  	width: 100%; 
  
}
.collection-description { 
	display: block; 
    background: #f2f2f2; 
    color: #000000; 
  	padding: 20px; 
  
}

/**/ 
/* Quick View Modal */
/**/ 
.slideup { 
	font-size: 15px; 
    height: 50px;
  
    position: absolute;
    bottom: -50px;
  	-webkit-transition: bottom 0.25s ease-in;
	-moz-transition: bottom 0.25s ease-in;
	-ms-transition: bottom 0.25s ease-in;
	-o-transition: bottom 0.25s ease-in;
	transition: bottom 0.25s ease-in;
  	z-index: 9; 
  	width: 100%; 
    background: #ffffff; 
  	opacity: 0.8; 
}
.no-touch .slideup.up { 
 	bottom: 0; 
}
.slideup span { 
  	padding: 15px; 
 	text-decoration: none;  
  	display: block; 
    color: #666666; 
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
}
.no-touch .slideup span:hover { 
    color: #be5754;  
}
.modal-overlay { 
 	position: fixed; 
  	top: 0; 
  	left: 0; 
  	right: 0; 
  	bottom: 0; 
  	width: 100%; 
  	height: 100%; 
  	background: transparent; 
  
  	z-index: 9999; 
  	display: none; 
}
.quick-modal { 
  	position: absolute; 
   	top: 0; 
  	left: 0; 
  	right: 0; 
  	bottom: 0; 
   	width: 100%; 
  	height: 100%;  	
  	background: rgba(0,0,0,0.6); 
  	font-size: 0.1px; 
  	
  	z-index: 901; 
  	display: table; 
}
.quick-modal .add-message { 
	margin: 1em 0 0.5em; 
	color: #be5754; 
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
  	-webkit-transition: opacity 0.25s ease-in;
	-moz-transition: opacity 0.25s ease-in;
	-ms-transition: opacity 0.25s ease-in;
	-o-transition: opacity 0.25s ease-in;
	transition: opacity 0.25s ease-in;
}
.quick-modal .add-message.visible { 
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1;
}
.quick-modal .product { 
    background: #ffffff;
  	padding: 50px;
  	max-width: 960px; 
  	margin: 0 auto; 
  	position: relative; 
}
.quick-modal span.close { 
 	display: block; 
  	width: 30px; 
  	height: 30px; 
  	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/icons.png?v=118372997153998466541651065761) -60px 0 no-repeat transparent; 
  	position: absolute; 
  	top: 20px; 
  	right: 20px; 
  	z-index: 20; 
  	cursor: pointer; 
}
.quick-modal span.close:hover { 
 	background-position: -60px -30px; 
}
.quick-modal .table-cell.img { 
 	width: 50%; 
  	padding: 0 30px 0 0; 
  	text-align: center; 
}
.quick-modal .img-outer img { 
 	max-width: 100%;  
}
.quick-modal .table-cell.top { 
  	vertical-align: top; 
  	font-size: 15px; 
  	text-align: left; 
}
.quick-modal header { 
 	text-align: left;  
}
.quick-modal .product-information { 
 	width: 100%;  
}
.quick-modal .product-information .desc { 
 	line-height: 1.7;  
}
.quick-modal a.more { 
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
 	text-decoration: none;  
}
.quick-modal a.prev, 
.quick-modal a.next { 
 	display: block; 
  	width: 30px; 
  	height: 30px; 
  	position: absolute; 
  	top: 20px; 
  	z-index: 20; 
  	text-indent: -9999px; 
  	margin: 0; 
  	opacity: 1; 
}
.quick-modal a.prev { 
	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/icons.png?v=118372997153998466541651065761) 0 0 no-repeat transparent; 
  	right: 100px; 
  	left: auto; 
}
.quick-modal a.prev:hover { 
 	background-position: 0 -30px;  
}
.quick-modal a.next { 
	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/icons.png?v=118372997153998466541651065761) -30px 0 no-repeat transparent; 
  	right: 60px;  	 
}
.quick-modal a.next:hover { 
 	background-position: -30px -30px;  
}
.product.just { 
 	text-align: justify;  
}

/* pagination */ 

.pagination { 
  	text-align: center; 
  	padding: 20px 0; 
}
.pagination span { 
  	margin: 0 5px; 
}
.pagination .current { 
  	font-weight: bold; 
}
.pagination a { 
 	 text-decoration: none; 
}

/*****************************************************************************
 * 06. Product Page
 */
.product {
	position:relative;
	margin:0;
	padding:20px 30px 60px;
	overflow:visible;
	display:block;
	text-align:left;
}
.product .theme { 
 	text-align: left;  
}
.breadcrumbs { 
  	padding: 20px 30px 0; 
 	text-align: left;  
}
#ProductGallery {
	position:relative;
	display:inline-block;
	overflow:hidden;
	margin:0;
	padding:0;
	width:48%;
}
#ActiveWrapper {
	position:relative;
	margin:0 auto;
	padding:0;
	width:99.99%;
	/*overflow:hidden;*/
	max-width:700px;
  	min-height: 500px; 
  
}
#ActiveWrapper.loading { 
   	background:url(//carterandsontoolworks.com/cdn/shop/t/13/assets/loading.gif?v=80102107862799239311651065765) no-repeat center center; 
}
#ActiveWrapper.loading:after { 
  content: 'loading'; 
  display: block; 
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9999;
  margin-top: 15px;
  font-style: italic;
  font-size: 12px;
  font-family: 'Georgia', times new roman, serif; 
}
#ActiveWrapper img {
	position:relative;
	margin:0 auto;
	padding:0;
	display:block;
	border:none;
	outline:none;
	max-width:100%;
  	-webkit-transition: opacity 0.05s ease-in;
	-moz-transition: opacity 0.05s ease-in;
	-ms-transition: opacity 0.05s ease-in;
	-o-transition: opacity 0.05s ease-in;
	transition: opacity 0.05s ease-in;
}
#ActiveWrapper.zoom-on img { 
  	min-width: 150%; 
 	max-width: 1000%;  
}
#ActiveWrapper.loading img {
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
}
#ActiveWrapperUL li { 
 	float: left;  
}
#ActiveWrapperUL { 
 	margin: 0; 
  	padding: 0; 
  	list-style: none; 
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
}
#ActiveWrapperUL.loaded { 
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1;
}

/* previous / next arrows */ 

#ActiveWrapper .product-next, 
#ActiveWrapper .product-prev { 
  	display: block; 
	position: absolute; 
  	z-index: 100; 
  	top: 50%; 
  	margin-top: -25px; 
  	text-indent: -9999em; 
  	cursor: pointer; 
  	width: 40px; 
  	height: 50px; 
  	background-color: rgba(0,0,0,0.3);  
  
  	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
#ActiveWrapper:hover .product-next, 
#ActiveWrapper:hover .product-prev { 
  	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  	opacity: 1; 
}
#ActiveWrapper .product-prev { 
 	left: 0; 
}
#ActiveWrapper .product-next { 
 	right: 0;  
}
#ActiveWrapper .bx-prev, 
#ActiveWrapper .bx-next { 
	position: relative;
  	top: 10px; 
  	left: 5px; 
	display: block; 
  	width: 30px; 
  	height: 30px; 
  	opacity: 1; 
  	margin: 0; 
}
#ActiveWrapper .bx-prev { 
   	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/icons.png?v=118372997153998466541651065761) 0 -30px no-repeat transparent; 
}
#ActiveWrapper .bx-next { 
   	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/icons.png?v=118372997153998466541651065761) -30px -30px no-repeat transparent; 
}
#ActiveWrapper.zoom-on .bx-viewport { 
 	z-index: 101;  
}

#ProductThumbs{
	position:relative;
	margin:0 auto;
	padding:0;
	list-style:none;
	max-width:700px;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
  	font-size: 0.0001px; 
}
#ProductThumbs:after { 
  	clear: both; 
 	content: ''; 
  	display: block; 
  	width: 100%; 
  	height: 0; 
}
#ProductThumbs.loaded { 
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1;
}
#ProductThumbs li {
	position:relative;
	margin:0;
	padding:0;
	display:table;
  	float: left; 
	width:25%;
    background-color: #f2f2f2; 
	background-image :url(//carterandsontoolworks.com/cdn/shop/t/13/assets/loading.gif?v=80102107862799239311651065765); 
  	background-position: center center; 
  	background-repeat: no-repeat; 
  	vertical-align: middle; 
  	height: 100%; 
    background: #f2f2f2; 
}
#ProductThumbs .spacer { 
  	display: block; 
 	position: relative; 
  	width: 100%; 
  	height: 0; 
  	padding-top: 100%; 
}
#ProductThumbs a {
	position:absolute;
  	top: 0; 
  	left: 0; 
  	right: 0; 
  	bottom: 0; 
	margin:0;
	padding:0;
	display:block;
	width:100%;
	height:100%;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
  	z-index: 10; 
}
#ProductThumbs .img-outer { 
 	display: table-cell; 
  	width: 100%; 
  	height: 100%; 
  	vertical-align: middle; 
}
#ProductThumbs img {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	border:none;
	outline:none;
  	display: inline-block; 
  	vertical-align: middle; 
}

/* description */ 

.product article {
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	width:48%;
  	text-align: left; 
}
.product article header {
	position: relative;
	margin: 0 0 20px;
	z-index: inherit;
	vertical-align:baseline;
  	text-align: left; 
}
.product .hr { 
 	margin-bottom: 30px;  
}
.product article header h3 {
	color: #666666;
}
.product article .old-price { 
	color: #666666;
	font-weight:normal;
  	display: inline-block; 
  	vertical-align: baseline; 
  	margin-left: 3px; 
	font-size: 16px;
  	opacity: 0.8; 
  	text-decoration: line-through; 
}
.product article .vendor { 
    font-size: 14px;  
  	padding: 20px 0 10px; 
  	display: block; 
}
.product article form {
	padding:0;
	position:relative;
}
.product article form label {
    font-size: 11px;
	line-height:28px; /* 34px? */ 
	padding:0;
	font-weight:500;
	margin:0;
	min-width:80px;
	display:inline-block;
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
}
.product article .select { 
  	font-size: 0.1px; 
 	margin: 0;
}
.product article .select.single, 
.product .selector-wrapper, 
.product article .select.qty { 
	margin: 0 0 15px;  
  	display: inline-block; 
	padding:0;
}
.product .select.single .selector-wrapper { 
 	margin: 0;  
  	display: inline-block;
}
.product article .select.qty, 
.product article .select.single, 
.product article .select .selector-wrapper { 
 	display: block;  
}
.product article form select {
	margin:0;
}
.product article form .quantity {
  	text-align: center; 
}
.product article form .btn {
	display:inline-block;
	margin-top:10px;
	height:45px;
  	line-height: 45px; 
	padding:0 15px;
}
.product article .description {
	margin:20px 0 0 0;
	padding:0;
	display:block;
	position:relative;
}

/* tabs */ 

.product article .description ul.tabs {
	position:relative;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	list-style:none;
	width:100%;
	height:41px;
	overflow:visible;
	border-bottom: 1px solid #e8e8e8;
  	white-space: nowrap; 
  	font-size: 0.1px; 
}
.product article .description ul.tabs li {
	position:relative;
	margin:0;
	padding:0 15px; 
	display:inline-block;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:11px;
	border: 1px solid #e8e8e8;
	border-bottom:0;
  	border-left:0; 
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	background: #f2f2f2;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	-ms-transition: background 0.25s ease-in;
	-o-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
}
.product #DescriptionContent { 
 	padding: 20px 0; 
}
.product #DescriptionContent.tabbed { 
 	padding: 20px;  
}
.product article .description ul.tabs li:first-child { 
  	border-left: 1px solid #e8e8e8;
}
.product article .description ul.tabs li:hover { 
    cursor:pointer; 
}
.product article .description ul.tabs li.active { 
    background:#ffffff; 
    border-bottom:1px solid #ffffff; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
}
.product article .description ul.tabs li.active:hover { 
    cursor:default;
}
.product article .description .tab-content {
	font-weight:normal;
    font-size:15px;
  	line-height: 1.5; 
	max-width:95%;
  	text-align: left; 
	display:none;
}
.product article .description .tab-content.current {
	display:block;
}
.product article .description .tab-content p {
	font-weight:normal;
}
.product .tab-content .form-field, 
.product .tab-content .contact-form .message { 
 	margin: 0 0 15px;  
}

/* zoom */ 

.zoom-message-outer { 
	position: absolute; 
  	top: 50%; 
  	left: 0; 
  	width: 100%; 
  	text-align: center; 
  	margin-top: -15px; 
  	opacity: 0; 
  	z-index: 99; 

    -webkit-transition: opacity 0.15s ease-in;
    -moz-transition: opacity 0.15s ease-in;
    -ms-transition: opacity 0.15s ease-in;
    -o-transition: opacity 0.15s ease-in;
    transition: opacity 0.15s ease-in;
}
.zoom-message { 
 	background: black; 
  	background: rgba(0,0,0,0.75); 
  	color: #fff; 
  	font-weight: bold; 
  	text-transform: uppercase; 
  	padding: 0 20px; 
  	font-size: 11px; 
  	display: inline-block; 
  	height: 30px; 
  	line-height: 30px; 
  	cursor: pointer; 
}
#ActiveWrapper:hover .zoom-message-outer { 
	opacity: 1; 
}
#ActiveWrapper.loading .zoom-message-outer,
#ActiveWrapper.zoom-on .zoom-message-outer, 
.touch #ActiveWrapper .zoom-message-outer { 
 	display: none; 
}

/* meta */ 

.product-meta { 
    font-size: 14px;  
}

/**
* Add to cart modal
*/ 

#AddModal .product { 
	max-width: 500px; 
  	padding: 60px 0; 
}
#AddModal .center { 
  	padding: 20px; 
}
#AddModal .buttons { 
 	padding-top: 0;  
}
#AddModal .btn { 
 	margin: 0 10px;  
  	text-decoration: none; 
}
#AddModal li { 
 	height: auto !important;  
}

/* social */ 

.fb_iframe_widget span { 
	vertical-align: top !important;  
}

/****************************************************************************

/* recently viewed */ 

script, 
#recently-viewed-product-template { 
 	display: none !important;  
}
#RecentlyViewed { 
  
  	overflow: hidden; 
  	display: none; 
  	opacity: 1; 
}
#RecentlyViewed.loading { 
 	opacity: 0;  
}
#RecentlyViewed > h4 { 
    background: #f2f2f2; 
    color: #000000; 
  	margin: 0; 
  	padding: 20px 0; 
}
#recently-viewed-products li { 
	width: 100%; 
  	height: 100%; 
}
#recently-viewed-products > li { 
 	display: none;  
}

#recently-viewed-products span.title { 
  	padding: 0 0 10px;
  	white-space: normal; 
  	display: inline-block; 
}
#recently-viewed-products span.title:after { 
 	content: '';  
}
#recently-viewed-products a { 
 	opacity: 1;
  	width: auto; 
  	height: auto; 
  	line-height: 1; 
  	display: block; 
}

/* 
 * 	Core Owl Carousel CSS
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor: move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/* sharing (product, blog) */ 

.sharing {
	padding:20px 0;
	position:relative;
	overflow:visible;
	width:100%;
	display:block;
}
.sharing ul {
	border:0;
	margin:0;
	padding:0;
	overflow:visible;
	height:20px;
	display:block;
}
.sharing ul li {
  	float: left; 
	display:inline-block;
	height:33px;
}

/****************************************************************************
/*  07. Secondary pages
*/

.page {
	position:relative;
	text-align:left;
	margin:40px auto;
	max-width:670px;
	padding:0px 30px;
}
.page img, 
.page iframe {
	max-width:100%;
}

/* Page Search */

.search-page { 
  	margin: 20px auto 0; 
  	padding: 0; 
 	max-width: 100%;  
}
.search-page h2.coll-heading { 
 	padding: 0 0 20px;  
}
.search-outer { 
 	max-width: 460px; 
  	padding: 0 30px; 
  	margin: 10px auto 40px; 
}
.search-form { 
 	position: relative;  
}
.search-form input[type="text"] { 
 	width: 100%;  
}
.search-submit { 
  	position: absolute; 
  	top: 0; 
  	bottom: 0; 
  	right: 0; 
  	border: 0; 
  	padding: 0 10px; 
  	margin: 0; 
}

/* 404 */

.404 {
	position:relative;
	text-align:left;
	margin:20px auto;
}

/* Contact Form */

.page .contact-form {
	margin:20px 0;
}
.form-field { 
	width: 100%;    
  	max-width: 400px; 
	margin: 0 auto 15px; 
  	line-height: 1; 
  	text-align: left; 
}
.form-field input[type="text"], 
.form-field input[type="password"], 
.form-field input[type="email"], 
.form-field textarea { 
  	display: block; 
 	width: 100%;  
  	outline: none; 
}
.contact-form .message { 
	margin-top:8px;
}
.contact-form label, 
.comment-form label, 
.form-field label { 
	font-size: 14px;  
	padding-bottom: 10px; 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	width: 100%; 
  	margin: 0; 
	vertical-align:top;
}
form .btn {
	margin:10px 0;
	display: inline-block; 
}
.page span.red { 
	color: #bb0000;    
}

/*  Blog */

.blog {
	position:relative;
	text-align:left;
}
.blog, 
.blog p { 
 	line-height: 1.75; 
  	margin-bottom: 0.75em; 
}
.blog .meta-top {
	padding:15px 0 0 0;
    font-size: 13px;  
  	opacity: 0.9; 
}
.blog .meta { 
  	margin: 0; 
  	padding: 0 0 10px; 
	font-size: 13px; 
  	opacity: 0.9; 
}
.blog .separator { 
 	margin: 0 5px;  
  	opacity: 0.75; 
}
.comments-form {
	margin-top:20px;
	position:relative;
}
.comments-form .btn { 
 	margin: 10px 0;  
}
.flash { 
 	margin-bottom: 1em;  
}
.blog .flash { 
 	text-align: center;  
}
.blog .comments {
	margin:10px 0 20px;
	padding-top:20px;
	position:relative;
}
.blog .comments .gravatar {
	float:left;
	margin-right:15px;
	width:50px;
}
.blog .comments .label {
	font-size: 13px;  
	float: right;
}
.blog .comments .comment {
	padding-bottom:10px;
	margin-top:10px;
	border-bottom: 1px solid #e8e8e8;
}
.blog .comment-body {
	overflow:hidden;
}
.blog .paginate { 
 	text-align: center;  
}
.paginate .num { 
 	margin: 0 5px;  
}

/*****************************************************************************
 * 08. Cart
 */

.cart {
	width:auto;
	padding:0 20px;
	position:relative;
	margin:40px auto 0;
	overflow:visible;
	display:block;
	text-align:left;
	max-width:1100px;
}
.cart .theme { 
 	text-align: left;  
}
.cart .empty .theme { 
 	text-align: center;  
}
.cart a { 
 	text-decoration: none;  
}
.cart .empty {
	text-align:center;
}
.cart table {
	margin:20px 0px;
  	width: 100%; 
  	border: 0; 
}
.cart table th { 
 	border-right: 0;  
    font-size: 15px; 
    color: #666666; 
}
.cart table thead th:last-child {
	text-align:right;
}
.cart table tbody td {
	border-top:none;
	border-left:none;
	border-right:none;
	padding:10px;
	vertical-align:middle;
	font-size:13px;
	font-weight:300;
	font-family:Open+Sans;
}
.cart table tbody td:last-child {
	text-align:right;
}
.cart table tbody td input:focus {
	outline:none;
}
.cart table tbody td a.remove-from-cart {
  	font-size: 11px; 
  	text-transform: uppercase; 
}
.cart table tbody td a.remove_from_cart:hover {
	color:white;
}
.cart table tbody td img {
	max-height:50px;
}
.cart table tfoot td {
	border:none;
}
#CartOuter { 
 	width: 68%; 
}
.cart-info-container {
	text-align:left;
  	width: 25%; 
  	margin: 20px 0; 
}
.cart-info-container small { 
 	font-size: 0.9em; 
}
.cart-info-container small.additional-checkout { 
 	display: block; 
  	line-height: 2; 
}
.cart-info-container h3 span {
	font-weight:normal;
	margin-right:10px;
  	font-size: 0.9em; 
}
.cart-info-container .additional {
  	text-align: center; 
	margin-top:0px;
}
.cart-info-container input[type="image"] { 
  	clear: both; 
 	background: transparent;  
}
.cart-info-container textarea {
	width:100%;
	height:100px;
  	outline: none; 
  	font-size: 14px; 
}
.cart input.quantity { 
 	text-align: center;  
}

.proceed .large-btn {
	width: 100%; 
  	margin-top: 15px; 
  	font-weight: bold; 
 	padding: 15px; 
}
.cart-extra { 
 	margin: 20px 0;  
}
#NoteForSeller,
#ShippingCalculator { 
 	display: none;  
    font-size: 14px; 
}
#NoteForSeller { 
 	margin: 0 0 20px;  
}
.show-note:before, 
.show-calculator:before { 
  content: '+'; 
  display: inline-block; 
  width: 16px; 
}
.show-note.open:before, 
.show-calculator.open:before { 
  content: '\2014'; 
  display: inline-block; 
  width: 16px; 
}
#ShippingCalculator { 
  	border: 1px solid #e8e8e8;  
  	padding: 20px; 
}
#ShippingCalculator label { 
 	display: block;  
  	margin-bottom: 5px; 
    font-size: 12px; 
}
#ShippingCalculator input, 
#ShippingCalculator select { 
 	margin: 0;  
  	width: 100% !important; 
}
#ShippingCalculator .btn { 
 	margin: 20px 0 0;  
}
#ShippingCalculator p#shipping-rates-feedback { 
    font-size: 14px; 
    font-style: italic; 
}
#ShippingCalculator #wrapper-response { 
 	margin-top: 20px;  
}
.error, 
p.error, 
label.error { 
 	color: #bb0000;  
}

/*****************************************************************************
 * 09. Account
 */

#Login.just { 
 	text-align: justify;  
}
#Login.just h2.theme { 
 	 text-align: left; 
}
#Login { 
 	text-align: center;  
}
#Login input[type="text"], 
#Login input[type="email"], 
#Login input[type="password"], 
#Login label, 
#Register input[type="text"], 
#Register input[type="email"], 
#Register input[type="password"], 
#Register label{ 
 	width: 100%;  
}
.account { 
  	padding: 0 30px; 
 	max-width: 1160px; 
  	margin: 40px auto; 
}
.account .col { 
  	display: inline-block; 
  	width: 45%; 
}
.account form { 
 	padding: 20px 0; 
}
.account .forgot-password { 
 	display: inline-block; 
  	width: 100%; 
  	padding: 20px 0; 
  	text-align: right; 
}
.account .forgot-password a { 
  	font-size: 0.85em; 
  	text-decoration: none; 
}
.errors ul { 
  	text-align: left; 
  	color: #bb0000;  
}
.action-bottom .note { 
 	margin: 0 10px;  
}
.note > a { 
  	margin-left: 5px; 
}
.align-left .form-field { 
 	margin: 0 0 15px;  
}

/* account landing */ 

.account table { 
 	width: 100%;  
}
.account table th { 
 	background: #be5754; 
    color: #ffffff; 
  	border: 1px solid #be5754; 
	-webkit-backface-visibility: visible;
}
.account-sidebar { 
 	width: 22%; 
}
.account-sidebar ul { 
 	list-style: none;  
  	margin: 0; 
}
.account-sidebar li { 
 	margin: 8px 0;  
}
.account-main { 
 	width: 74%;  
}

/* account addresses */ 

.account-main h2.theme, 
.account h4.theme { 
 	text-align: left;  
}
.account table.customer-address-table, 
.account table.customer-address-table th, 
.account table.customer-address-table td { 
 	border: 0;  
  	padding: 15px 0 0; 
}
.account table.customer-address-table input[type="text"] { 
 	width: 100%;  
  	font-size: 14px;
}
.account select { 
 	margin: 0; 
  	width: auto !important; 
}
.address-table, 
#AddAddress { 
 	width: 47%;  
  	font-size: 14px;
  	margin-bottom: 20px; 
}
.address-tables { 
 	padding-top: 10px;  
}
.address-actions { 
 	font-size: 0.9em;  
}
.account .edit-address table, 
.account .edit-address form { 
 	margin: 0; 
  	padding: 0; 
}
.account .edit-address table td { 
 	padding: 0 0 15px;  
}
.account .edit-address select { 
 	max-width: 150px;  
}
.account .edit-address label { 
 	padding: 0 15px 0 0;  
}

/* orders */

#OrderAddress .col { 
  	width: auto; 
  	margin-right: 40px; 
}
#OrderInfo { 
  	width: 100%; 
  	margin-bottom: 30px; 
}
#OrderInfo p { 
   	font-size: 14px;
  	line-height: 1; 
}
#OrderInfo span.status { 
  font-style: italic;  
}

/*****************************************************************************
 * 10. Footer
 */

footer, 
footer nav ul, 
footer p, 
footer .newsletter-signup input[type="email"], 
footer .newsletter-signup input[type="text"], 
footer .newsletter-signup input.btn, 
footer.footer-bottom .just > *, 
#currencies { 
    font-size: 14px; 
}
footer {
	padding: 40px 30px 20px;
	margin:-1px 0 0 0;
	clear: both;
	overflow: visible;
	bottom:0px;
	left:0px;
	right:0px;
	display:block;
  
	background: #f7f4f2;
	color: #666666;
}
.template-product footer { 
 	margin: 0;  
}
footer a {
	-webkit-transition: color 0.15s ease-in;
	-moz-transition: color 0.15s ease-in;
	-ms-transition: color 0.15s ease-in;
	-o-transition: color 0.15s ease-in;
	transition: color 0.15s ease-in;
}
footer nav {
	display: inline-block; 
	position:relative;
	text-align:left;
	width:22%;
  	margin-bottom: 40px; 
  	padding-right: 20px; 
}
footer nav h5 {
	font-size: 12px;
	margin-bottom:15px;
	font-weight normal;
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	color: #666666; 
  	font-weight: normal; 
}
footer nav ul {
	list-style: none;
	margin: 0;
}
footer nav.linklist { 
 	width: 17%;  
}
footer nav.newsletter { 
  	width: 27%; 
}
footer nav ul li {
	display:block;
	color: #666666;
}
footer nav ul li a {
	text-decoration:none;
	color: #be5754;
	line-height:1.7em;
}
footer nav ul li a:hover{ 
  color: #a34141;
}
footer p { 
	line-height: 1.5em;
	display:block;
	margin: 0 0 1.2em; 0; 
	position:relative;
	color: #666666;
}
footer p a { 
	text-decoration:none;
	color: #be5754;
}
footer p a:hover { 
	text-decoration:none; 
	color:#a34141;
}
footer .newsletter-signup input[type="email"], 
footer .newsletter-signup input[type="text"] {
	font-weight:normal;
	padding: 7px 20px 7px 7px;
	margin:0 0 10px;
  	font-family:Lato, Helvetica, Arial, sans-serif;
	border: 1px solid #ffffff; 
	border-right:0px;
  	background: #ffffff; 
  	color: #666666; 
  	width: 100%;
  	height: 35px; 
}
footer .mc-field-group { 
 	position: relative;  
  	max-width: 300px; 
}
footer .newsletter-signup input.btn {
  	position: absolute; 
  	top: 0; 
  	right: 0; 
  	z-index: 20; 
	padding: 0 15px;
	margin:0 0 10px;
	border: 0; 
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  	height: 35px; 
  	line-height: 35px; 
  	background: #be5754; 
  	color: #ffffff; 
}
footer .newsletter-signup input.btn:hover { 
  	color: #ffffff; 
 	background: #a34141; 
}
footer .newsletter-signup input:focus {
	outline:none;
}
footer div.mce_inline_error { 
 	color: #990000; 
}
nav.social ul li {
	display:block;
	float:left;
	margin-right:8px;
	margin-bottom:5px;
	width: 25px;
	height: 25px;
	padding:0 0 0;
	overflow:visible;
}
nav.social ul li a {
	display:block;
	font-size:20px;
	padding:0;
	line-height:25px;
	text-align:center;
	width:25px;
	color:#be5754;
}
nav.social ul li a:hover { 
  color:#a34141;
}
aside.payment img {
	height:25px;
	margin-right:5px;
}
footer.footer-bottom { 
 	padding-top: 20px;  
}
footer.footer-bottom .just > * { 
    vertical-align: middle; 
}
#currencies { 
  	display: block; 
  	text-align: right; 
  	margin: 15px 0; 
}
#currencies > span { 
 	cursor: pointer;
}
#currencies > span.selected { 
    border-bottom: 1px solid #666666; 
}


/*****************************************************************************
 * 11. Utils
 */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.left{ float: left; }
.right{ float: right; }
.center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }


/**********************************************************
***********************************************************
**** MEDIA QUERIES ****************************************
***********************************************************
***********************************************************/

/* 01. BASE CONTENT STYLES ********************************/ 

@media screen and (max-width: 1023px) { 
 	h1 { 
        font-size: 42px;
    }
    h2 { 
        font-size: 30px;
    }
    h3 { 
        font-size: 18px;
    }
    h4 { 
        font-size: 14px;
    }
    h5 { 
        font-size: 13px;
    }
    h6 { 
        font-size: 12px;
    }
  	p, 
  	.blog p { 
    	line-height: 1.5; 
  	}
}
@media screen and (max-width: 639px) { 
  	h1 { 
        font-size: 22px;
    }
    h2 { 
        font-size: 18px;
    }
    h3 { 
        font-size: 18px;
    }
    h1.theme, 
    h2.theme, 
    h3.theme, 
    h4.theme, 
    h5.theme, 
    h6.theme { 
    	font-size: 18px; 
  	}
  	h4.theme, 
    h5.theme, 
    h6.theme { 
    	font-size: 14px; 
  	}
  	.content-wrapper { 
    	padding: 0; 
  	}
  	p, 
  	.blog p { 
    	line-height: 1.3; 
  	}
  	h2.coll-heading { 
    	padding: 15px 0; 
  	}
}
@media screen and (max-width: 480px) { 
  	h1.theme, 
    /*h2.theme, */
    h3.theme, 
    h4.theme, 
    h5.theme, 
    h6.theme { 
    	margin-bottom: 1em; 
  	}
  	h2.coll-heading { 
    	padding: 10px 0; 
  	}	
}

/* 03. HEADER *********************************************/ 

@media screen and (max-width: 1024px) { 
 	.search .search-query { 
    	padding: 0 70px 0 30px; 
    	height: 80px; 
    	font-size: 20px; 
  	}
    .search .remove-search { 
        top: 20px; 
        width: 40px; 
        height: 40px; 
    }
    .search .remove-search:before, 
    .search .remove-search:after { 
        width: 40px;
    }
}

@media screen and (max-width: 640px) { 
    .desktop { 
    	display: none; 
  	}
  	.mobile, 
  	#Header nav a.mobile { 
    	display: block; 
  	}
  	#Header h1 { 
    	margin: 10px auto; 
  	}
  	#Header h1 a { 
    	min-height: 0; 
  	}
  	#Header h1 a img { 
    	width: auto; 
    	height: auto; 
    	max-height: 100px; 
  	}
  	#TopBar #SearchToggle { 
    	float: none; 
    	margin-left: 15px; 
  	}
  	#NavMenus { 
        position: fixed; 
        top: 0; 
    	right: -200px; 
    	bottom: 0; 
        width: 200px; 
        z-index: 998; 
        -webkit-overflow-scrolling: touch;
		border-left: 1px solid #e8e8e8; 
    	background: #f2f2f2; 
  	}
  	.touch #NavMenus { 
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
  	}
  	#NavMenus.active { 
    	right: 0; 
  	}
    #Header nav span.mobile { 
    	display: block; 
    	text-align: left; 
    	padding: 10px 20px; 
      	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/icons-carat.png?v=80475415077807367201651065760) right center no-repeat #f4f4f4; 
    	cursor: pointer; 
  	}
  	#Header nav ul { 
		border: 0; 
  	}
  	#Header #MainNav ul.submenu { 
    	display: block; 
    	-webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    	position: fixed; 
    	top: 0; 
    	right: -200px; 
    	bottom: 0; 
    	width: 200px; 
    	z-index: 999; 
        background: #f2f2f2; 
  	}
  	#Header #MainNav ul.submenu a { 
        color: #666666; 
  	}
  	#Header #MainNav ul.submenu a:hover { 
    	color: #be5754; 
  	}
  	#Header #MainNav ul.submenu.active { 
    	right: 0; 
  	}
  	#Header #MainNav li.back a { 
    	margin-left: -0.5em; 
  	}
   	#Header nav ul li, 
  	#Header nav ul li.mobile, 
    #Header nav a{ 
    	display: block; 
    	text-align: left; 
  	}
  	#Header nav ul > li { 
        border-bottom: 1px solid #e8e8e8; 
    	/*position: relative; */
  	}
  	#Header nav a { 
    	padding: 0 20px; 
    	height: 35px; 
    	line-height: 35px; 
  	}
  	#TopBar a.toggle-menus { 
    	display: inline-block; 
    	float: right; 
    	margin: 0; 
    	padding: 0 20px; 
    	float: right; 
    	position: relative; 
    	z-index: 9999; 
  	}
  	.touch #TopBar a.toggle-menus { 
    	-webkit-transition: right 0.4s ease-in-out;
        -moz-transition: right 0.4s ease-in-out;
        -ms-transition: right 0.4s ease-in-out;
        -o-transition: right 0.4s ease-in-out;
        transition: right 0.4s ease-in-out;
  	}
  	#TopBar { 
    	padding: 0; 
    	z-index: 5; 
  		text-align: left; 
        border-bottom: 1px solid #e8e8e8; 
  	}
  	#TopBar a { 
        display: inline-block;  
    	margin: 0 15px; 
    	height: 35px; 
    	line-height: 35px; 
    	float: none; 
    }
  	#TopBar #CartButton { 
    	display: inline-block; 
    	float: right; 
    	margin: 0 0 0 15px; 
  	}
  	#TopBar a.toggle-menus.open { 
        background: #f2f2f2;
        border-left: 1px solid #e8e8e8; 
    	border-bottom: 1px solid #e8e8e8; 
    	position: fixed; 
    	top: 0; 
    	right: 200px; 
  	}
  	#Header li.has-sub-nav > a:after { 
    	display: inline-block; 
    	content: '\3009'; 
    	position: absolute; 
    	top: 0; 
    	right: 0; 
    	height: 35px; 
    	line-height: 35px; 
    	width: 20px; 
  	}
  	
        #Header #MainNav ul.submenu { 
            left: auto; 
        } 
        #Header nav ul li.back { 
            display: block; ; 
        }
        #Header nav ul li.has-sub-nav > a:after { 
            content: ''; 
        }
    
  
  	.search .search-query { 
    	height: 60px; 
    	font-size: 16px; 
    	padding: 0 40px 0 15px; 
  	}
    .search .remove-search { 
    	right: 15px; 
        top: 15px; 
        width: 30px; 
        height: 30px; 
    }
    .search .remove-search:before, 
    .search .remove-search:after { 
        width: 30px;
    }
}

/* 04. INDEX (homepage) ********************************************/ 

@media screen and (max-width: 1024px) { 
	.hero .slide-details { 
    	padding: 20px; 
  	}
  	.hero .slide-details:hover { 
        top: 0; 
    }
    .hero .slide-details h3 { 
    	font-size: 20px; 
  	}
  	.active .hero .slide-pos { 
    	bottom: 40px; 
  	}
}
@media screen and (max-width: 639px) { 
 	.fader .slide > * { 
    	vertical-align: top; 
  	}
 	.hero .slide-pos, 
  	.active .hero .slide-pos { 
    	position: relative; 
    	z-index: 1; 
    	left: auto; 
    	top: auto; 
    	bottom: auto; 
  	}
  	.hero .slide-details { 
    	max-width: 100%; 
    	padding: 15px 20px; 
    	background: transparent; 
  	}
    .hero .slide-details h3 { 
    	font-size: 14px;
    	color: #666666;
  	}
	.hero .slide-details p { 
    	font-size: 14px; 
    	color: inherit; 
  	}
    .bx-pager, 
  	.bx-controls-direction { 
    	display: none; 
  	} 
  	#FrontpageColl li { 
    	width: 50%; 
  	}
}
@media screen and (max-width: 480px) { 
  	.hero-bottom, 
  	.hero-bottom > div { 
    	display: block; 
    	width: 100%; 
  	}
}

/* 05. COLLECTIONS ********************************************/ 

@media screen and (max-width: 768px) { 
  	.quick-modal .img-outer { 
      width: 36%; 
    }
  	.quick-modal .product-information { 
      width: 60%; 
    }
}
@media screen and (max-height: 500px) { 
    .quick-modal .img-outer { 
      width: 36%; 
    }
  	.quick-modal .product-information { 
      width: 60%; 
    }
}
@media screen and (max-width: 640px) { 
    .quick-modal .product { 
      max-width: 480px;
    }
    .quick-modal .img-outer,
    .quick-modal .product-information { 
        width: 100%; 
        margin: 0; 
    }
    .quick-modal .img-outer { 
        margin-bottom: 20px; 
    }
  
    ul.product-grid li img { 
      	max-height: 320px;   
  	}
  
  	/* dropdown */ 
  	.filter-tag { 
    	margin: 20px; 
    	padding: 0; 
    	text-align: left; 
    	min-height: 0; 
    	border: 0; 
  	}
  	.filter-tag .mobile { 
    	display: block; 
    	padding: 15px; 
    	cursor: pointer; 
    	position: relative; 
    	text-transform: capitalize; 
  	}
  	.filter-tag .mobile:after { 
        font-family: FontAwesome;
        content: ' \f107';
    	position: absolute; 
    	right: 20px; 
    	top: 35%; 
    	z-index: 10; 
  	}
 	.filter-tag ul { 
        position: absolute;
        z-index: 99;
		background: #f2f2f2;
        top: 100%;
        left: 0;
        right: 0;
    	max-height: 0; 
    	overflow: hidden; 
        -webkit-transition: max-height 0.5s ease-in;
        -moz-transition: max-height 0.5s ease-in;
        -ms-transition: max-height 0.5s ease-in;
        -o-transition: max-height 0.5s ease-in;
        transition: max-height 0.5s ease-in;
  	}
  	.filter-tag ul.visible { 
    	max-height: 400px; 
    	overflow-y: scroll; 
  	}
  	.filter-tag li { 
    	display: block; 
    	border-top: 1px solid #e8e8e8; 
  	}
}

@media screen and (max-width: 480px) { 
  ul.product-grid .product-information span.title, 
  ul.product-grid .product-information span.price {
      width: 100%; 
      max-width: 100%; 
      text-align: left; 
      display: block; 
      padding: 0 0 6px; 
  }
  ul.product-grid .product-information span.title:after { 
      padding: 0; 
      content: ''; 
  }
  ul.product-grid .product-information span.price {
      padding-bottom: 16px; 
  }
  ul.product-grid .sale-box {
      display: none; 
  }
  .slideup { 
      display: none !important; 
  }
  ul.product-grid li img { 
      max-height: 200px;   
  }
}
@media screen and (max-width: 320px) { 
  ul.product-grid li img { 
      max-height: 320px;   
  } 
}

/* 06. PRODUCT ********************************************/ 

@media screen and (max-width: 767px) { 
    .product { 
      padding: 20px 30px 40px; 
    }
  #ProductGallery, 
    .product article { 
      width: 100%; 
    }
    #ProductGallery { 
      margin-bottom: 2em; 
    }
}
@media screen and (max-width: 640px) { 
   	#AddModal .product { 
      max-width: 92%; 
    } 
}
@media screen and (max-width: 480px) { 
  	.product .mobile, 
    .product article .description .tab-content { 
      display: block; 
    }
    .product article .description .tab-content { 
      margin-bottom: 30px; 
      max-width: 100%; 
    }
    .product article .description ul.tabs { 
        display: none;  
    }
    .product #DescriptionContent, 
  	.product #DescriptionContent.tabbed { 
      padding: 20px 0; 
    }
  	#ActiveWrapper {
  		min-height: 200px; 
	}
    #ActiveWrapper .product-next, 
    #ActiveWrapper .product-prev, 
    .zoom-message-outer {  
      display: none; 
    }
  	#ProductThumbs { 
    	position: absolute; 
    	bottom: 0; 
    	left: 0; 
    	right: 0; 
    	width: 100%; 
    	z-index: 99; 
    	text-align: center; 
    	background: rgba(0,0,0,0.25); 
  	}
  	#ProductThumbs li { 
    	float: none; 
    	display: inline-block; 
    	width: 10px; 
    	height: 10px; 
    	margin: 10px 5px; 
    	background: transparent; 
  	}
  	#ProductThumbs a { 
    	background: #f2f2f2; 
    	text-indent: -9999px; 
    	opacity: 0.5; 
    	-moz-border-radius: 5px; 
    	border-radius: 5px; 
  	}
  	#ProductThumbs a.active { 
    	opacity: 0.8; 
  	}
  	.quick-modal span.close { 
    	top: 10px; 
    	right: 10px; 
    	width: 20px; 
    	height: 20px; 
    	background-position: -65px -5px; 
  	}
  	.quick-modal span.close:hover { 
    	background-position: -65px -35px; 
  	}
  	#AddModal .center { 
    	padding: 20px 40px 0; 
  	}
  	#AddModal .buttons { 
    	padding: 10px 40px; 
  	}
  	#AddModal .btn { 
    	margin: 0 10px 10px; 
    	display:block; 
  	}
  	.product article form .btn { 
    	display: block; 
    	width: 100%; 
  	}
}


/* 08. CART ***********************************************/ 

@media screen and (max-width: 768px) { 
 	.cart table tbody td img {
  		max-width: 75px; 
	}
}

@media screen and (max-width: 767px) { 
 	.cart table tbody td img {
  		max-width: 75px; 
	}
	#CartOuter, 
	.cart-info-container { 
  		width: 100%; 
	}
  	.cart h3 { 
    	font-size: 24px; 
  	}
	.cart-info-container .proceed, 
	.cart-info-container .cart-extra { 
    	display: inline-block; 
  		width: 48%; 
    	vertical-align: top; 
	}
  	.cart-info-container .cart-extra { 
    	margin: 10px 0 0 3%; 
  	}
  	#ContinueShopping { 
    	font-size: 14px; 
  	}
}
@media screen and (max-width: 639px) { 
  	.cart { 
    	margin: 20px auto; 
  	}
  	.cart .remove { 
    	display: none; 
  	}
 	.cart-info-container .proceed, 
	.cart-info-container .cart-extra { 
  		width: 100%; 
    	margin: 20px 0; 
	}
}
@media screen and (max-width: 480px) {  
  	.cart table { 
    	margin-top: 0; 
  	}
 	.cart table th, 
  	.cart .desc, 
  	.cart .total { 
    	display: none; 
    }
  	.cart input.quantity { 
    	font-size: 12px; 
  	}
  	.cart .update { 
    	padding: 10px 0; 
  	}
  	.cart .update .btn { 
    	margin: 0; 
  	}
  	.cart table tbody tr:first-child > td { 
        border-top: 1px solid #e8e8e8; 
  	}
  	.cart-info-container .proceed, 
	.cart-info-container .cart-extra { 
    	margin: 0 0 20px; 
    }
}


/* 09. ACCOUNT ********************************************/ 

@media screen and (max-width: 767px) { 
 	.account-sidebar, 
  	.account-main { 
    	width: 100%; 
    	margin: 0 0 20px; 
  	}
  	.address-table, 
  	#AddAddress { 
    	width: 100%; 
  	}
	.account { 
    	margin: 20px 0 0; 
  	}
}
@media screen and (max-width: 640px) { 
 	/* dropdown */ 
  	.account-sidebar { 
    	margin: 0 0 20px; 
    	padding: 0; 
    	text-align: left; 
    	min-height: 0; 
    	position: relative; 
    	background: #f2f2f2;
  	}
  	.account-sidebar .mobile { 
    	display: block; 
    	padding: 15px; 
    	cursor: pointer; 
    	position: relative; 
  	}
  	.account-sidebar .mobile:after { 
        font-family: FontAwesome;
        content: ' \f107';
    	position: absolute; 
    	right: 20px; 
    	top: 35%; 
    	z-index: 10; 
  	}
 	.account-sidebar ul { 
        position: absolute;
        z-index: 999;
		background: #f2f2f2;
        top: 100%;
        left: 0;
        right: 0;
    	max-height: 0; 
    	overflow: hidden; 
        -webkit-transition: max-height 0.5s ease-in;
        -moz-transition: max-height 0.5s ease-in;
        -ms-transition: max-height 0.5s ease-in;
        -o-transition: max-height 0.5s ease-in;
        transition: max-height 0.5s ease-in;
  	}
  	.account-sidebar ul.visible { 
    	max-height: 640px; 
  	}
  	.account-sidebar li { 
    	margin: 0; 
    	display: block; 
    	border-top: 1px solid #e8e8e8; 
  	}
  	.account-sidebar a { 
    	display: block; 
    	padding: 15px; 
  	}
}
@media screen and (max-width: 480px) { 
  	.account { 
        padding: 0 30px; 
    }
    .account .col { 
        width: 100%; 
    }
  	.account .edit-address table td { 
    	display: block; 
    	padding: 0 0 10px; 
  	}
  	.account table .payment-status, 
  	.account table .total { 
    	display: none; 
  	}
  	#OrderAddress .col { 
    	width: 100%; 
    	margin: 0 0 15px; 
    	font-size: 14px; 
  	}
  	#OrderDetailsM, 
  	#OrderDetailsM td { 
    	border: 0; 
    	vertical-align: top; 
    	font-size: 14px; 
  	}
  	#OrderDetailsM p { 
    	font-size: 14px; 
    	margin: 0; 
  	}
}

/* 10. FOOTER ********************************************/ 

@media screen and (max-width: 880px) { 
    footer { 
        padding: 30px; 
    }
  	.footer-inner > nav, 
    footer nav.linklist, 
    footer nav.newsletter { 
        width: 47%; 
  	}
    footer .newsletter-signup input[type="email"], 
    footer .newsletter-signup input[type="text"] { 
        width: 100%; 
    }
}
@media screen and (max-width: 640px) {  
  	#currencies { 
    	text-align: left; 
  	}
 	 
}
@media screen and (max-width: 480px) { 
  	footer { 
    	padding: 20px 30px 0; 
  	}
  	footer p { 
    	margin: 0; 
  	}
  	.footer-inner > nav, 
    footer nav.linklist, 
    footer nav.newsletter { 
        width: 100%; 
  	}
    footer nav { 
        margin-bottom: 20px; 
    }
  	footer nav h5 { 
    	margin-bottom: 10px; 
  	}
  	footer.footer-bottom { 
    	padding: 0 30px 20px; 
  	}
  	.payment { 	
    	margin-top: 20px; 
  	}
  	footer, 
    footer nav ul, 
    footer p, 
    footer .newsletter-signup input[type="email"], 
    footer .newsletter-signup input[type="text"], 
    footer .newsletter-signup input.btn, 
    footer.footer-bottom .just > *, 
    #currencies { 
        font-size: 13px; 
    }
}


/* 01. Base Content Styles*/ 
.no-rgba body { 
 	min-width: 800px; 
	
}

.no-rgba select { 
  	padding: 5px; 
  	height: auto; 
}

/* 03. Header */ 

.no-rgba .search .search-query { 
 	line-height: 100px;  
}
.no-rgba .search .remove-search:before, 
.no-rgba .search .remove-search:after { 
    content: '';
    position: absolute;
    width: 50px;
    top: 0;
    height: 0px;
    background: transparent; 
}
.no-rgba .search .remove-search:after { 
 	content: '×'; 
  	font-size: 100px; 
  	top: -30px; 
  	line-height: 1; 
}

/* 04. Index */ 
.no-rgba .fader .slide {
    opacity: 1; 
	/*filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}
.no-rgba .fader.loading .wrapper { 
    opacity: 1; 
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.no-rgba .hero .slide-details { 
    background: transparent; 
  	zoom: 1; 
  
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff,endColorstr=#90ffffff); 
  
}
.no-rgba .hero .slide-pos { 
 	bottom: 68px;  
}
.no-rgba .bx-prev,
.no-rgba .bx-next{
	opacity: 1; 
}
.no-rgba .hero-bottom > div > a { 
  	position: static; 
}

/* 05. Collections */ 
.no-rgba ul.product-grid li {
 	width: 25%;  
}
/*.no-rgba ul.product-grid li .img-outer,
.no-rgba ul.product-grid li img { 
	height: auto !important; 
}*/
.no-rgba ul.product-grid .table, 
.no-rgba ul.product-grid .table-cell { 
 	display: block;  
}
.no-rgba .quick-modal { 
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); 
    zoom: 1; 
}
.no-rgba #ActiveWrapper .product-next, 
.no-rgba #ActiveWrapper .product-prev { 
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); 
    zoom: 1; 
}

/* forget background images in IE8 */ 
.no-rgba .hero-bottom > div, 
.no-rgba .img-outer { 
    background-image: none !important; 
}

/*
.no-rgba #recently-viewed-products img { 
    visibility: visible; 
    opacity: 1; 
    min-width: 100% !important; 
    min-height: 100% !important; 
    max-width: inherit !important; 
  	width: auto !important; 
}*/

/* disable table-cells for display */ 
.no-rgba .product-grid .table-cell, 
.no-rgba .product-grid .table { 
 	display: block;  
}
/* disable max-width positioning */ 
.no-rgba .product-grid .max-width { 
 	top: 0 !important; 
  	left: 0 !important; 
  	width: 100% !important; 
  	position: static; 
}
/* overflow issues */ 
.no-rgba .product-grid .table-cell, 
.no-rgba #recently-viewed-products .img-outer { 
  	position: relative; 
 	overflow: hidden;  
}
.no-rgba .hero-bottom > div img.orig, 
.no-rgba .product-grid .img-outer img.orig { 
 	visibility: hidden; 
  	opacity: 0; 
}
.no-rgba .hero-bottom > div img.duplicate, 
.no-rgba .product-grid .img-outer img.duplicate { 
  	visibility: visible; 
  	opacity: 1; 
  	position: absolute; 
  	top: 0; 
  	left: 0; 
    min-width: 100%; 
    min-height: 100%; 
    max-width: inherit; 
  	width: auto; 
    height: auto; 
}
/* recently viewed items are different...*/ 
.no-rgba #recently-viewed-products .img-outer img.orig { 
 	visibility: visible; 
  	opacity: 1; 
  	min-width: 100%; 
  	min-height: 100%; 
  	max-width: inherit; 
}




/* cart */ 

.no-rgba .content-wrapper:after {
	content: ''; 
  	display: inline-block; 
  	width: 100%; 
  	height: 1px; 
  	clear: both; 
}



/* EXTRA: PLUGINS ********************************************/ 

/* EASYDROPDOWN DEFAULT THEME */

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}

/* WRAPPER */

.dropdown{
  	display: inline-block; 
	position: relative;
	min-width: 150px;
  	padding-right: 30px; 
    border: 1px solid #e4e4e4;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
  	background: url(//carterandsontoolworks.com/cdn/shop/t/13/assets/icons-carat.png?v=80475415077807367201651065760) right center no-repeat #f4f4f4; 
}
.dropdown.open{
	z-index: 9999;
}

/* OLD SELECT (HIDDEN) */

.dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}
.dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}
.dropdown.touch .old{
	width: 100%;
	height: 100%;
}
.dropdown.touch select{
	width: 100%;
	height: 100%;
	opacity: 0;
}
/* SELECTED FEEDBACK ITEM */ 

.dropdown .selected,
.dropdown li{
	display: block;
    font-size: 14px;
  	height: 30px; 
	line-height: 30px;
  	padding: 0 5px; 
    color: #666666;
	overflow: hidden;
	white-space: nowrap;
}
.dropdown.disabled .selected{
	opacity: 0.8; 
}

/* DROP DOWN WRAPPER */

.dropdown div{
	position: absolute;
	height: 0;
	left: -1px;
	right: -1px;
	top: 100%;
	margin-top: -1px;
  	background: #f4f4f4;
    border: 1px solid #e4e4e4;
	overflow: hidden;
	opacity: 0;
}

.touch .dropdown div{ 
	max-height: 350px;  
  	overflow-y: scroll; 
}
@media screen and (max-width: 640px) { 
 	.dropdown div{ 
		max-height: 350px;  
  		overflow-y: scroll; 
	}
}

/* Height is adjusted by JS on open */

.dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	
	box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

.dropdown ul{
	position: absolute;
	left: 0;
	top: 0;
	min-height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

.dropdown li{
	list-style: none;
	padding: 0 5px;
  	margin: 0; 
}

/* .focus class is also added on hover */

.dropdown li.focus{
	position: relative;
	z-index: 3;
	font-weight: 700;
}
.dropdown li.active{
	font-weight: 700;
}

/* ----- iWish ----- */
.iwishBuyBtn{display:block !important;}
.iwishItem img{opacity:1 !important;}
.iWishView {float: right !important;}
.iWishAdd{color:#be5754;font-weight: normal;font-family: "Droid Sans", Helvetica, Arial, sans-serif;font-size: 12px;}
.iWishAdd:hover{color:#a14243;}
.iwishAddWrap {margin: 15px 0;}
.iWishLoginMsg {font-size: 13px;}