/*________ GLOBAL ELEMENTS ________*/

* {
	margin: 0;
	padding: 0;
}

img {
	display: block;
	border: 0;
}
a {
	outline: none;
	text-decoration: none;
	color: #222;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
html {
	font-size: 100%;
}
body {
	font-family: 'Roboto', Arial, Verdana, Sans Serif;
	font-size: 14px;
	font-size: 0.875rem;
	color: #212121;
	background: #fff url(/includes/templates/esteemV2/images/bg-body.gif) repeat-x top;
}
body .container {
	width: 97.92%;
	padding: 0 1.04%;
	max-width: 940px;
	margin: 0 auto;   
}
.robotoCon {
	font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
}
.spaced {
	letter-spacing: 0.85px;
}

/*________ HEADER & NAV ________*/

.header {
margin: 0 0 30px 0;
padding-top: 10px;  
}
.home .header {
margin: 0 0 1px 0;  
}

.header .headOptions {
float: right;
}
  
.header h1 {
float: left;
max-width: 265px; 
}

.header .headCart,
.header .accountNav,
.header .subscribe {
 	float: right;
  font-size: 10px;
  font-size: 0.625rem; 
}

.header .headCart {
background: #111111;
color: #fff;
padding-left: 16px;
padding-left: 1rem;
margin: 0 0 45px 16px;
margin: 0 0 2.8125rem 1rem;        
}
      
.header .headCart .items {
color: #00c5b5;
text-transform: uppercase;            
}
          
.header .headCart .checkout {
background: #3eddd0;
display: inline-block;
padding: 5px 10px;
padding: 0.3125rem 0.625rem;                
color: #232323;
text-transform: uppercase;
font-size: 12px;
font-size: 0.75rem;
margin-left: 10px;                
margin-left: 0.625rem;                
}
    
.header .accountNav {
	list-style-type: none;
  margin: 10px 0 45px 0;
  margin: 0.625rem 0 2.8125rem 0;
  overflow: hidden;
}
.header .accountNav li {
	float: left;
  margin-left: 10px;
  margin-left: 0.625rem;
  padding-left: 10px;
  padding-left: 0.625rem;
	border-left: 1px solid #c4c4c4;
}
.header .accountNav li.left {
border: 0;    
}
.header .accountNav li a {
color: #232323;
padding: 5px 0;
padding: 0.3125rem 0;  
}

.header #hmemberLogin,
.header #hnewsletterSignup,  
.hmemberLogin .hide {
	display: none;
}

#hmemberLogin h2,
#hnewsletterSignup h2 {
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
font-size: 24px;
font-size: 1.5rem;  
font-weight: 400;
text-transform: uppercase;
padding-bottom: 10px;
padding-bottom: 0.625rem;
  }

#hnewsletterSignup #mce-success-response {
color: #0f860f;
padding-bottom: 5px;  
}

#hnewsletterSignup .indicates-required {
float: right;
padding-bottom: 5px;  
font-size: 11px;  
}

#hmemberLogin input[type="submit"] {
float: left;  
}

#hmemberLogin p {
float: right;
font-size: 11px;  
}

.header .subscribe {
text-transform: uppercase;
background: url(/includes/templates/esteemV2/images/icon-newsletter-subscribe.gif) no-repeat left;  
padding: 10px 0 10px 12px;
padding: 0.625rem 0 0.625rem 0.75rem;  
display: block;  
}

.header .searchForm {
	float: right;
	max-width: 200px;
	width: 100%;
	clear: right;
	margin-left: 16px;
	margin-left: 1rem;
}
.header .searchForm fieldset {
border: 1px solid #e1e1e1;
padding: 8px 10px 8px 16px;
padding: 0.5rem 0.625rem 0.5rem 1rem;  
}
.header .searchForm label {
	display: none;
}
.header .searchForm input[type="text"] {
border: none;
color: #777777;
font-family: 'Roboto', Arial, Verdana, Sans Serif;
font-size: 11px;
width: 156px;
float: left;
line-height: 14px;
line-height: 0.875rem;
height: 14px;
height: 0.875rem;
padding: 0;
margin: 0;  
}
.header .shipPromo {
	float: right;
	color: #00c5b5;
	text-transform: uppercase;
	padding: 8px 0 8px 16px;
	padding: 0.5rem 0 0.5rem 1rem;
}
.header .shipPromo u {
	text-decoration: underline;
	color: #000;
}

.mobileNav {
background: #00c5b5;
margin: 0 0 12px 0;
margin: 0 0 0.75rem 0;
display: none;
cursor: pointer;
border: 0;
border-radius: 4px;
border-radius: 0.25rem;
font-family: 'Roboto', Arial, Verdana, Sans Serif;
font-size: 20px;
font-size: 1.25rem;
text-transform: uppercase;
text-align: center;
width: 48%;
line-height: 44px;
line-height: 2.75rem;
position: relative;
outline: none;
float: left;
color: #fff;
}
.mobileNav:after {
content: '';
height: 0;
width: 0;
border: 4px solid transparent;
border-top-color: #fff;
position: absolute;
right: 10px;
top: 20px;
}
.mobileNav.shopByMob {
margin-left: 4%;
}

/* Solid MultiLevel Css Nav */
.mainNav {
	line-height: 100%;
  clear: both;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.5px;
position: relative;
z-index: 1000;
background: #00c5b5;
}
.mainNav li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	list-style: none;
}
.mainNav li.sale {
float: right;  
}
/* main level link */
.mainNav a {
	text-decoration: none;
	display: block;
	padding: 24px 16px;
	padding: 1.5rem 1rem;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.mainNav li.sale a {
background: #ff000a;
color: #fff;      
}
    
/* main level link hover */
.mainNav .current a, .mainNav li:hover > a {
	color: #fff;
  background: #009d90;
  text-shadow: 1px 1px 1px #00b1a3;
}
/* sub levels link hover */
.mainNav ul li:hover a, .mainNav li:hover li a {
padding: 12px 26px;
padding: 0.75rem 1.625rem;
color: #fff;
text-shadow: 1px 1px 1px #00b1a3;  
}
.mainNav ul a:hover {

}
/* level 2 list */
.mainNav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	font-size: 14px;
  background: url(/includes/templates/esteemV2/images/bg-nav-dropdown.png) left;
  border-top: 1px solid #17c8ba;
}
/* dropdown */
.mainNav li:hover > ul {
	display: block;
}
.mainNav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
.mainNav ul a {
}
.mainNav ul li a:hover {
color: #000;
}
/* level 3+ list */
.mainNav ul ul {
	left: 181px;
	top: -3px;
}

/* clearfix */
.mainNav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.mainNav {
	display: inline-block;
}
html[xmlns] .mainNav {
	display: block;
}
* html .mainNav {
	height: 1%;
}

.shopBy {
position: relative;
}
.shopBy p,
.shopBy .mainNav {
font-size: 14px;
font-size: 0.875rem;
}
.shopBy p {
float: left;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 700;
line-height: 100%;
}
.shopBy .mainNav {
border: 0;
z-index: 900;
clear: none;
background: transparent;
}
.shopBy p,
.shopBy .mainNav a {
padding: 24px 16px;
padding: 1.125rem 1rem;
color: #222;
}

.header .headBottom {
text-align: center;
color: #000;
border: 2px solid #000;
padding: 5px;
width: 99.25%;
margin: 0 auto;
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
font-size: 16px;
font-weight: 400;
-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
text-transform: uppercase;      
}
.header.mob .headBottom {
font-size: 12px;
font-size: 0.75rem;
}
    
.header .headBottom strong {
font-size: 20px;
margin-right: 12px;
margin-right: 0.75rem;
letter-spacing: 2px;  
}
.header.mob .headBottom strong {
font-size: 16px;
font-size: 1rem;
}

.header .headBottom span {
margin: 0 5px;  
}

/*________ CONTENT ________*/

.contentContainer {
	clear: both;
	overflow: hidden;
  padding: 0 0 40px 0;
	padding: 0 0 2.5rem 0;
}
.home .contentContainer {
padding: 0;  
}
.content {
overflow: hidden;
width: 100%;  
}
.content.right {
width: 79.57446808510638%;  
}

.content h1,
.content h2 {
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
padding-bottom: 10px;
padding-bottom: 0.625rem;  
}
.content h3 {
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 5px;
padding-bottom: 0.3125rem;
letter-spacing: 4px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 20px;
margin-bottom: 1.25rem;  
}
.content h4,
.footer h4 {
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
padding-bottom: 5px;
padding-bottom: 0.3125rem;  
}
.content h5 {

}
.content h6 {

}
.content p {
	margin: 0 0 16px;
	margin: 0 0 1rem;
	line-height: 1.5;
	font-weight: 300;
}
.content ul,
.content ol {
	margin: 0 0 16px 40px;
	margin: 0 0 1rem 2.5rem;
}
.content ul li,
.content ol li {
	line-height: 1.5;
}
.content blockquote {
	font-style: italic;
	margin: 0 0 16px 40px;
	margin: 0 0 1rem 2.5rem;
}

.content strong {
font-weight: 700;    
}

/*________ HOME ________*/

.content .homeSlider {
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
}
.content .homeSlider img {
	max-width: 100%;
}
.content .shipPromo {
	border: 1px solid #000;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	font-size: 1.125rem;
	padding: 16px;
	padding: 1rem;
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
}
.content .shipPromo p {
	padding: 0;
	margin: 0;
}
.content .features {
	margin-bottom: 28px;
	margin-bottom: 1.75rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.content .features .feature {
	position: relative;
	margin-bottom: 2.13%;
	flex-basis: 31.91%;
	max-width: 31.91%;
}
.content .features .feature .featImg {
	position: relative;
	z-index: 100;
	max-width: 100%;
}
.content .features .feature .featInfo {
	position: absolute;
	z-index: 200;
	bottom: 9%;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
	background: #00c5b5;
	color: #fff;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.85px;
	padding: 6px 0;
	padding: 0.375rem 0;
}
.content .features .feature:hover .featImg {
	opacity: 0.8;
}
.content .features .feature:hover .featInfo {
	background: #009d90;
}
.content .featuredProducts {
	margin-bottom: 32px;
	margin-bottom: 2rem;
	overflow: hidden;
}
.content .featuredProducts h2 {
	text-align: center;
	padding-bottom: 32px;
	padding-bottom: 2rem;
}

/*________ CATEGORY LISTING ________*/

.content .categoryIntro {
overflow: hidden;
}
.content .categoryImg img {
border: 1px solid #ccc;
float: left;
padding: 1px;
margin: 0 20px 20px 0;
margin: 0 1.25rem 1.25rem 0;
}
.content .catDescContent {
overflow: hidden;
}

.content .catsListing {
overflow: hidden;  
}
    
.content .catsListing .product {
overflow: hidden;
}
      
.content .catsListing .product h4 {
display: table;
width: 100%;
padding: 0;
margin: 0;
background: #e7e7e7;  
}
            
.content .catsListing .product h4 a {
display: table-cell;
vertical-align: middle;
height: 48px;
height: 3rem;  
padding: 0 10px;  
text-align: center;                    
}
  
/*________ PRODUCT LISTING ________*/
  
.content #prListWrap {
overflow: hidden;  
}
.content .productsListing .product,
.content .catsListing .product {
float: left;
width: 22.99465240641711%;
margin: 0 2.67379679144385% 24px 0;
margin: 0 2.67379679144385% 1.5rem 0;  
}
.home .content .productsListing .product {
width: 18.29787234042553%;
margin: 0 2.083333333333333% 24px 0;
margin: 0 2.083333333333333% 1.5rem 0;  
}

.content .productsListing .product.noRightMargin,
.content .catsListing .product.noRightMargin {
margin-right: 0;  
}

.content .productsListing .product .prodImg,
.content .catsListing .product .prodImg {
display: block;  
height: 235px;
height: 14.6875rem;  
border: 1px solid #e7e7e7;
padding: 1px;
position: relative; 
margin: 0 0 8px 0;
margin: 0 0 0.5rem 0;  
}

.content .productsListing .product .prodImg:hover,
.content .catsListing .product .prodImg:hover {
border: 1px solid #d5d5d5;
}
        
.content .productsListing .product .thumb,
.content .catsListing .product .thumb {
width: 100%;
height: auto;  
max-width: 168px;
max-height: 235px;  
position: absolute;
z-index: 100;
margin: auto;
top: 0; left: 0; bottom: 0; right: 0;  
}
               
.content .productsListing .product .flag {
position: absolute;
top: 1px;
right: 1px;
z-index: 500;
width: 41.07142857142857%;
max-width: 69px;  
}
.content .productsListing .product .shop {
position: absolute;  
bottom: 1px;
right: 1px;
z-index: 500;
width: 35.71428571428571%;
max-width: 60px;  
}

.content .productsListing .product h4 {
text-align: center;
padding: 0;  
}

.content .productsListing .product h4 a:hover {
text-decoration: none;
color: #00c5b5;
}

.content .productsListing .product .price {
text-align: center;
padding: 0;
margin: 0;
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
font-weight: 600;  
}

.content .productsListing .product .price .normalprice {
text-decoration: line-through;
margin-right: 5px;            
}
.content .productsListing .product .price .productSpecialPrice {
color: #ff000a;
}

.content .navSplitPagesLinks {
text-align: center;
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
font-weight: 400;
font-size: 18px;
display: none;  
}

.content .navSplitPagesLinks .current,
.content .navSplitPagesLinks a {
display: inline-block;
padding: 3px 8px;
margin-right: 10px;  
}

.content .navSplitPagesLinks .current {
color: #00c5b5;
font-weight: 400;            
background: #000000;
  
}

.content .navSplitPagesLinks a:hover {
text-decoration: none;
color: #696969;
}

.content .navSplitPagesLinks .next,
.content .navSplitPagesLinks .prev,
.content .navSplitPagesResult {
display: none;  
}

.content #prLoading {
margin: 0 auto;
padding: 30% 0;
}

/*________ PRODUCT DETAIL ________*/

.content #imagesArea {
float: left;
width: 30.85106382978723%;
margin-right: 2.127659574468085%;    
}

.content #productsImage {
margin-bottom: 20px;
margin-bottom: 1.25rem;      
}
  
.content #productsImage .imgHolder {
border: 1px solid #e7e7e7;
display: table-cell;
vertical-align: middle;
height: 397px;
height: 24.8125rem;  
padding: 1px;  
}
    
.content #productsImage .imgHolder img.smImg {
width: 100%;
height: auto;  
max-width: 284px;
max-height: 397px; 
}

.content #additionalImages a {
float: left;
margin: 0 4.166666666666667% 12px 0;
margin: 0 4.166666666666667% 0.75rem 0;  
width: 30.55555555555556%;
height: 123px;
height: 7.6875rem;
position: relative;  
}

.content #additionalImages a img {
max-width: 88px;
max-height: 123px;
width: 100%;
height: auto;
position: absolute;
margin: auto;
top: 0; left: 0; bottom: 0; right: 0;  
}

.content #additionalImages a.noRightMargin {
margin-right: 0;  
}

.content #productsDetail {










float: left;

width: 40.42553191489362%;
margin-right: 2.127659574468085%;  
}
  
.content #productsDetail h2 {
padding: 0;
margin: 0;
line-height: 1;      
}
  
.content #productsDetail .price {
color: #000000;
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
font-weight: 600;
font-size: 30px;
font-size: 1.875rem;  
border-bottom: 1px solid #e7e7e7;
padding-bottom: 2px;    
}

.content #productsDetail .price .normalprice {
text-decoration: line-through;
margin-right: 5px;            
}
.content #productsDetail .price .productSpecialPrice {
color: #ff000a;
}

.content .prOptions {
	margin: 20px 0 56px 0;
	margin: 1.25rem 0 3.5rem 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.content .prOptions label.attribsSelect {
	display: none;  
}
.content .prOptions input[type="text"],
.content .prOptions select {
	width: auto;
	margin: 0;
	padding: 0 4px;
	padding: 0 0.25rem;
	min-width:0;
}
.content .prOptions input[type="text"] {
	max-width: 50px;
	min-width: 24px;
	padding: 0;
	text-align: center;
	margin-right: 5%;
}
.content .prOptions select {
	margin-right: 5%;
}
.content .prOptions label {
	text-transform: uppercase;
	font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
	letter-spacing: 4px;
	margin-right: 2%;	
}

.content .prOptions .svButton.inactive {
	background: #ccc;
	cursor: default;
}

#prInfoPanel {
overflow: hidden;  
}

#prInfoPanel .panelNav {
list-style-type: none;
border-bottom: 1px solid #e7e7e7;
padding: 0;
margin: 0;  
height: 30px;
height: 1.875rem;
text-transform: uppercase;
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
font-weight: 400;
font-size: 12px;
font-size: 0.75rem; 
}

#prInfoPanel .panelNav li {
float: left;
line-height: 1;
margin-top: 5px;
margin-top: 0.3125rem;  
height: 26px;
height: 1.625rem;  
}

#prInfoPanel .panelNav li.current {
margin-top: 0;
height: 29px;
height: 1.8125rem;  
border-top: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
font-size: 14px;
font-size: 0.875rem;  
}

#prInfoPanel .panelNav li a {
display: block;
background: #ccc;
color: #000;
padding: 7px 20px;
padding: 0.4375rem 1.25rem;  
}

#prInfoPanel .panelNav li a:hover {
text-decoration: none;
background: #f6f6f6;
}

#prInfoPanel .panelNav li.current a {
background: #fff;
padding-top: 12px;
padding-top: 0.75rem;  
padding-bottom: 11px;
padding-bottom: 0.6875rem;  
color: #00c5b5;  
}

#prInfoPanel .panelContent {
overflow: hidden;
clear: both;
border: 1px solid #e7e7e7;
border-top: 0;
padding: 14px 14px 8px 20px;
padding: 0.875rem 0.875rem 0.5rem 1.25rem;  
}

.content #prInfoPanel .panelContent * {
font-size: 11px;
font-size: 0.6875rem;  
color: #676767;  
}

.content #crossSell {
overflow: hidden;
padding: 50px 0 0 0;
padding: 3.125rem 0 0 0;  
}

.content #crossSell .product {
width: 47.82608695652174%;   
margin: 0 4.347826086956522% 10px 0;
margin: 0 4.347826086956522% 0.625rem 0;  
}
.content #crossSell .product.noRightMargin {
margin-right: 0;    
}

.content #crossSell .product .prodImg {
height: 132px;
height: 8.25rem;   
}
        
.content #crossSell .product .thumb {  
max-width: 106px;
max-height: 128px;    
}

.content #crossSell .product h4 {
font-size: 12px;
font-size: 0.75rem;    
}

/*________ SHOPPING CART ________*/

#cartContentsDisplay {
border-bottom: 1px solid #e6e6e6;
clear: both;
}

#cartContentsDisplay tr th {
border-bottom: 1px solid #e6e6e6;
padding: 5px;
font-weight: bold;
text-align: left;
background: #e6e6e6;
}

#cartContentsDisplay tr td {
padding: 10px 5px;
border-bottom: 1px dotted #e6e6e6;
vertical-align: top;
}

#shoppingcartBody #cartContentsDisplay tr td.cartQuantity {
width: 160px;
}

.content #cartContentsDisplay tr td.cartQuantity fieldset {
float: left;
margin-right: 5px;
}

.content #cartContentsDisplay tr td.cartQuantity input {
margin: 0;  
}

.content #cartContentsDisplay tr td.cartQuantity fieldset input {
float: left;
width: auto;
}

#cartContentsDisplay tr .cartProductDisplay .shImg {
border: 1px solid #e6e6e6;
float: left;
padding: 1px;
margin-right: 5px;
}

#cartContentsDisplay tr .cartProductDisplay .shImg img {
max-width: 48px;
max-height: 48px;
margin: auto;
}

#cartContentsDisplay tr .cartProductDisplay h4 {
padding: 0;
margin: 0;  
}

#cartContentsDisplay tr .cartProductDisplay p.att {
padding: 0;
margin: 0;  
font-size: 75%;
}

#cartContentsDisplay .markProductOutOfStock {
margin-left: 3px;  
}

#cartSubTotal {
text-align: right;
padding: 5px;
font-weight: bold;
margin-bottom: 10px;
border-bottom: 1px solid #e6e6e6;
background: #e6e6e6;
}

#buttons .forward {
float: right;
}

/*________ LOGIN / SIGNUP ________*/

.content form #lg_login {
margin-right: 5px;
}

.content .forgotPassword {
font-size: 91%;
}

.content .alert {
text-align: right;
overflow: hidden;
font-weight: bold;
margin-bottom: 5px;
}

/*________ ACCOUNT SUCCESS ________*/

#createAcctSuccess legend,
#addressBookDefault legend {
display: none;
}

#createAcctSuccess fieldset {
border: 0;
margin-bottom: 20px;
} 

#createAcctSuccess address {
float: left;
margin-right: 50px;
margin-bottom: 10px;
}

#createAcctSuccess .forward a {
margin-bottom: 5px;
}

#createAcctSuccess .addressBookDefaultName {
clear: both;
}

/*________ MY ACCOUNT ________*/

#accountDefault p.forward {
float: right;
}

#accountDefault table {
margin-bottom: 15px;
}

#accountDefault table tr th,
#accountHistInfo table tr th {
color: #fff;
background: #555555;
border-bottom: 1px solid #e6e6e6;
padding: 5px;
text-align: left;
}

#accountDefault table tr td,
#accountHistInfo table tr td {
border-bottom: 1px solid #e6e6e6;
padding: 10px 5px;
text-align: left;
}

#accountHistInfo #orderTotals {
padding-top: 5px;
}

#accountHistInfo p.forward {
float: right;
font-size: 91%;
}

#accountHistInfo #myAccountShipInfo {
float: left;
width: 50%;
}

#accountHistInfo #myAccountShipInfo,
#accountHistInfo #myAccountPaymentInfo {
padding: 20px 0;
}

#accountHistInfo p.shipBill {
font-weight: bold;
font-size: 116%;
padding: 7px 0 3px 0;
color: #fff;
}

#accountHistoryDefault fieldset {
border: 0;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}

#accountHistoryDefault legend {
margin-bottom: 3px;
font-weight: bold;
}

#accountHistoryDefault .view {
float: right;
}

#accountHistInfo #orderTotals .forward {
margin-bottom: 5px;
padding: 0 5px 5px 5px;
border-bottom: 1px solid #e6e6e6;
}

#accountHistInfo #orderTotals .forward img {
display: inline;
}

#accountHistInfo #orderTotals .amount {
float: right;
clear: right;
font-weight: bold;
border-bottom: 1px solid #e6e6e6;
}

#dcRedeem {
margin-bottom: 20px;  
}

/*________ ADDRESS BOOK ________*/

#addressBookDefault address {
margin-bottom: 15px;
}

#addressBookDefault fieldset {
border: 0;
}

#content #addressBookDefault .alert {
text-align: right;
margin-bottom: 5px;
float: none;
}

#addressBookDefault fieldset .address {
overflow: hidden;
border-bottom: 1px dotted #e6e6e6;
margin-bottom: 15px;
}

#addressBookDefault fieldset address {
float: left;
}

#addressBookDefault .forward {
float: right;
}

#addressBookDefault .forward a {
margin-bottom: 5px;
}

/*________ SIZE GUIDE  ________*/

#blogBody table,
.panelContent table {
border-collapse: collapse;
}
#blogBody table tr td,
.panelContent table tr td {
border: 1px solid #e7e7e7;
padding: 4px;
padding: 0.25rem;  
}

/*________ SIDEBAR ________*/

.sidebar {
float: left;
width: 18.29787234042553%;    
margin: 0 2.127659574468085% 20px 0;
margin: 0 2.127659574468085% 1.25rem 0;
}

.sidebar h2,
.sidebar h3,
.sidebar h4 {
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
text-transform: uppercase;
letter-spacing: 4px;    

}
  
.sidebar h2 {
font-size: 20px;
font-weight: 600;

border-bottom: 1px solid #e7e7e7;
padding: 0 0 15px 0;
padding: 0 0 0.9375rem 0;
margin: 0 0 20px 0;
margin: 0 0 1.25rem 0;  
}

.sidebar h3 {
font-size: 16px;
padding: 0 0 15px 0;
padding: 0 0 0.9375rem 0;  
}
.sidebar h3 a {
text-decoration: none;  
}
  
.sidebar h4 {
font-size: 16px;
font-weight: 400;
padding: 0 0 5px 0;  
}

.sidebar h4 a {
background: url(/includes/templates/esteemV2/images/icon-arrow-right.png) no-repeat right;
padding-right: 12px;    
}
.sidebar h4 a.selected {
background: url(/includes/templates/esteemV2/images/icon-arrow-down.png) no-repeat right;    
}

.sidebar ul {
padding: 0 0 16px 20px;
padding: 0 0 1rem 1.25rem;    
}

.sidebar ul li.selected a {
color: #00c5b5;
font-weight: bold;    
}

/*________ FORMS ________*/

form fieldset {
	border: none;
}
form fieldset legend {
	display: none;
}
form label {
	display: block;
	margin: 0 0 2px 0;
	margin: 0 0 0.125rem 0;
}
form label.checkbox {
	margin: 0 0 8px 0;
	margin: 0 0 0.5rem 0;
}
form input[type="text"],
form input[type="password"],
form input[type="email"],
form select,
form textarea,
textarea {
	border: 1px solid #cccccc;
	padding: 0 10px;
  	padding: 0 0.625rem;
	color: #222;
	font-family: 'Roboto', Arial, Verdana, Sans Serif;
	font-weight: 400;
	font-size: 12px;
  	font-size: 0.75rem;
  	line-height: 32px;
  	line-height: 2rem;
  	height: 32px;
  	height: 2rem;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px 0;
	margin: 0 0 0.625rem 0;
}

form select {
	padding: 6px;
	padding: 0.375rem;
}

form label input {

	margin-right: 5px;
	margin-right: 0.3125rem;
}

form.shopForm fieldset label {
	float: left;
	width: 18%;
	margin-right: 2%;
	padding-top: 5px;
 	padding-top: 0.3125rem;
}

form.shopForm fieldset input,
form.shopForm fieldset select,
form.shopForm fieldset textarea {
	width: 80%;
}

form.shopForm fieldset label.checkbox {
	width: auto;
	float: none;
	text-align: left;
	margin-right: 0;
	padding: 0;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
}
form.shopForm fieldset label.checkbox input {
	width: auto;
	display: inline-block;
	vertical-align: top;
}

form.shopForm fieldset label.checkbox,
form.shopForm input[type="submit"] {
	margin-left: 20%;
}

.content .field {
display: block;
overflow: hidden;
width: 100%;
margin-bottom: 10px;
margin-bottom: 0.625rem;  
}
.content .field.col2 {
width: 48%;
margin-right: 4%;
float: left; 
}
.content .field.col3 {
width: 32%;
margin-right: 2%;
float: left; 
}
.content .field.right {
margin-right: 0;  
}
.content .field.cBox {
clear: both;  
}
.content .field label {
float: none;
clear: none;
display: block;
margin: 0 0 4px 0;
margin: 0 0 0.25rem 0;
padding: 0;
text-align: left;
width: 100%;
line-height: normal;  
}
.content .field.cBox label {
margin: 0;
line-height: 1;  
}
.content .field input[type="text"],
.content .field input[type="password"],
.content .field input[type="tel"],
.content .field select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
width: 100%;  
}
.content .field input[type="checkbox"] {
padding: 0;
width: auto;    
}
.content .field.cBox input[type="checkbox"] {
float: left;
margin-right: 4px;
}
.content .fieldCols input[type="submit"] {
margin-left: 0;    
}
.content .fgpass {
float: right;  
}

/*________ CHECKOUT FIELDS ________*/

.content .chk-field {
position: relative;
border: 1px solid #d9d9d9; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
height: 48px;
height: 3rem;
margin-bottom: 12px;
margin-bottom: 1.25rem;
}
.content .chk-field.col2 {
width: 48%;
margin-right: 4%;
}
.content .chk-field.col2.right {
margin-right: 0;  
}
.content .chk-field.active {
border-color: #1990c6;  
}
.content .chk-field label {
position: absolute;
top: 2px;
top: 0.125rem;
left: 8px;
left: 0.5rem;
z-index: 1;
font-size: 13px;
font-size: 0.8125rem;
color: #999;
white-space: nowrap;
cursor: text;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.content .chk-field.show-label label {
opacity: 1;
transform: none;  
}
.content .chk-field input[type="text"],
.content .chk-field input[type="password"],
.content .chk-field input[type="tel"],
.content .chk-field select {
padding: 8px;
padding: 0.5rem;
height: 46px;
height: 2.875rem;
line-height: 46px;
line-height: 2.875rem;
border: 0;
font-size: 15px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;  
}
.content .chk-field.show-label input[type="text"],
.content .chk-field.show-label input[type="password"],
.content .chk-field.show-label input[type="tel"],
.content .chk-field.show-label select {
padding: 14px 8px 0;
padding: 0.875rem 0.5rem 0;
}
.content .chk-field.show-label select {
appearance:none;
-moz-appearance: none;
-webkit-appearance: none;
background: url("/images/chk-field-dropdown-arrow.svg") no-repeat 95% center;
line-height: normal;
}
.content .chk-field.show-label select:focus {
text-shadow: 0 0 0 #000;
}

.content .chk-field.country,
.content .chk-field.state {
width: 36%;
margin-right: 3%;   
}
.content .chk-field.postcode {
width: 22%;        
}
      
/*________ FOOTER ________*/

.footer {
	overflow: hidden;
 	border-top: 1px solid #e7e7e7;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}

.footer .socials {
border-bottom: 1px solid #e7e7e7;
text-align: center;
padding: 8px 0;
padding: 0.5rem 0;        
}
.footer .socials h5 {
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.75px;
text-transform: uppercase;  
display: inline-block;  
margin: 8px 16px;
margin: 0.5rem 1rem;      
}
.footer .socials h5 span {
font-weight: 600;
}
.footer .socials .facebook {
background: url(/includes/templates/esteemV2/images/icon-facebook.png) no-repeat left;
padding-left: 16px;
padding-left: 1rem;	
}
.footer .socials .facebook span {
color: #3572cf;          
}
.footer .socials .instagram {
background: url(/includes/templates/esteemV2/images/icon-instagram.png) no-repeat left;
padding-left: 20px;
padding-left: 1.25rem;	
}
.footer .socials .instagram span {
color: #f00075;          
}
      
.footer .footerNav {
border-bottom: 1px solid #e7e7e7;    
overflow: hidden;
text-align: center;
margin-bottom: 10px;
margin-bottom: 0.625rem;  
}
          
.footer .footerNav .navPanel {
float: left;
width: 25%; 
padding: 24px 0 0 0;
padding: 1.5rem 0 0 0;
height: 145px;
height: 9.0625rem;
border-right: 1px solid #e7e7e7;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;  
}
.footer .footerNav .navPanel.right {
border-right: none;  
}
    
.footer .footerNav .navPanel ul {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 12px;  
}

.footer .footerNav .navPanel ul li {
margin-bottom: 2px;
margin-bottom: 0.125rem;  
}

.footer .footerNav .navPanel ul li a {
color: #6d6d6d;  
}

.footer .footerNav .navPanel ul li a:hover {
text-decoration: underline;  
}

.footer .footerNav .navPanel img {
margin: 0 auto;  
}

.footer .latestPosts {
border-bottom: 1px solid #e7e7e7;    
overflow: hidden;
text-align: center;
padding: 10px 0 20px 0;
padding: 0.625rem 0 1.25rem 0;
margin-bottom: 10px;
margin-bottom: 0.625rem;
font-family: 'Roboto Condensed';  
}
.footer .latestPosts ul {
list-style-type: none;
float: left;
width: 50%;
padding-top: 4px;
padding-top: 0.25rem;
}
.footer .latestPosts ul li {
margin-bottom: 4px;
margin-bottom: 0.25rem;
}
.footer .latestPosts ul .postDate {
color: #bbbbbb;      
}

.footer .footerInfo {
color: #bbbbbb;
font-size: 11px;
text-align: center;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 10px;
padding-bottom: 0.625rem; 
margin-bottom: 10px;
margin-bottom: 0.625rem;  
}
.footer .footerInfo a {
color: #bbbbbb;
text-decoration: underline;     
}
.footer .footerInfo a:hover {
color: #a2a2a2;    
}

.footer .copy {
color: #bbbbbb;
font-size: 10px;
text-align: center;
text-transform: uppercase;      
}
.footer .copy a {
color: #bbbbbb;  
}
      
/*________ MISC ________*/

.hide,
.container .hide,
.container .content .hide,
.clearBoth {
display: none;  
}

.noRightMargin {
margin-right: 0;
}

.center {
text-align: center;
}

.clearLeft {
clear: left;
}

.animate,
.animate::after {
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;  
}
.animate2,
.animate2::after {
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;      
}
.animate3,
.animate3::after {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;      
}
.svButton,
form input[type="submit"],
form button {
font-family: 'Roboto Condensed', Arial, Verdana, Sans Serif;
font-weight: 400;
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;    
background: #00c5b5;
color: #fff;
padding: 0 16px;
padding: 0 1rem;
line-height: 32px;
line-height: 2rem;
border: 0;
border-radius: 0;
display: inline-block;
overflow: hidden;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
cursor: pointer;
-webkit-appearance: none;
}

.svButton:hover,
form input[type="submit"]:hover,
form button:hover {
background: #696969;
cursor: pointer;
color: #fff;
text-decoration: none;
}

.svButton.small {
padding: 3px 0;
width: 60px;
text-align: center;
font-size: 83%;
text-transform: none;
display: block;
}

.svButton.soldOut,
.svButton.soldOut:hover {
background: #ee4f4f;
cursor: default;
}

.svButton.secondary {
background: #cccccc;
color: #000;
}
.svButton.secondary:hover {    
background: #696969;
color: #fff;
}

#content #error {
background: #ff0000;
color: #fff;
padding: 10px;
margin-bottom: 10px;
}

#content #error p {
padding-bottom: 5px;
font-weight: bold;
}

#content #error ul {
padding: 0 0 0 20px;
}

#content #success {
background: #159300;
color: #fff;
padding: 10px;
margin-bottom: 10px;
text-align: center;
}

#content #success p {
padding: 0;
font-weight: bold;
}

.messageStackCaution,
.messageStackError,
.messageStackSuccess,
.messageStackWarning {
color: #fff;
padding: 10px;
margin-bottom: 10px;
overflow: hidden;
font-size: 14px;
font-size: 0.875rem;
}
.messageStackCaution img,
.messageStackError img,
.messageStackSuccess img,
.messageStackWarning img {
float: left;
margin-right: 10px;
}
.messageStackCaution,
.messageStackWarning {
background: #cfd100;
}
.messageStackError {
background: #e51f1f;
}
.messageStackSuccess {
background: #22c302;
}

/*_____________ Landing Promo ______________*/

#landingPromo form input[type="submit"].error-field, 
#landingPromo form button[type="submit"].error-field {
	background-color: transparent !important;
}

#landingPromo form.elab_form .footnote.success-field {
	background: none; 
	background-size: 0;
	padding-left: 0;
}
#landingPromo form input[type="submit"], 
#landingPromo form button[type="submit"] {
	margin: 16px; 
	margin: 1rem; 
}

#landingPromo.hide,
#landingPromo .fc_container .mname, 
#landingPromo .fc_container label {
	display: none;
}
#landingPromo .fc_container form.elab_form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#landingPromo .fc_container form.elab_form fieldset[id*='fs_enquiry_details'] {
	flex-basis: 70%;
	margin-top: 16px;
	margin-top: 1rem;
}
#landingPromo .fc_container form.elab_form p.footnote {
	padding-top: 0;
}
#landingPromo .fc_container .statusMsg {
	position: absolute;
	bottom: 106px;
	bottom: 6.625rem;
	right: 55px;
	right: 3.4375rem;
}
#landingPromo {
	position: fixed;
	z-index: 5000;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(87,87,87,0.8);
}
#landingPromo .lanpromo {
	top: 50%;
	position: absolute;
	left: 50%;
  margin: -210px 0 0 -330px;
  height: 420px;
  width: 660px;
  overflow: hidden;
}
#landingPromo .lanpromoContent {
  height: 400px;
  width: 640px;
  -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 5500;
  top: 20px;
  left: 0;
	background: #fff url(/includes/templates/esteemV2/images/bg-landing-promo.jpg) no-repeat top;
	padding: 68px 0 0 62px;
	color: #fff;  
}

#landingPromo .lanpromo #lprclose {
	position: absolute;
  z-index: 6000;
	top: 0;
	right: 0;
	font-weight: bold;
	background: #ffffff;
  color: #00c5b5;
	border-radius: 50%;
  font-weight: 400;
  width: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 24px;
}
#landingPromo .lanpromo #lprclose:hover {
	text-decoration: none;
	background: #404040;
	color: #fff;  
}

#landingPromo .lanpromo .join {
font-size: 22px;
font-style: italic;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 10px;  
}
#landingPromo .lanpromo .save {
font-size: 34px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3.5px;
margin-bottom: 18px;  
}
#landingPromo .lanpromo .save span {
font-size: 112px;
display: block;
letter-spacing: normal;
line-height: 0.9;
}

#landingPromo .lanpromo form input {
background: #fff;
border: 0;
float: left;
width: 180px;
line-height: 45px;
height: 45px;
padding: 0 4px 0 20px;
margin: 0 3.125% 0 0;
color: #858585;
font-size: 14px;
border-radius: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;  
}
#landingPromo .lanpromo form input::-webkit-input-placeholder {
color: #858585;
}
#landingPromo .lanpromo form input:-moz-placeholder { /* Firefox 18- */
color: #858585;
}
#landingPromo .lanpromo form input::-moz-placeholder {  /* Firefox 19+ */
color: #858585;
}
#landingPromo .lanpromo form input:-ms-input-placeholder {  
color: #858585; 
}
#landingPromo .lanpromo form button {
width: 17.1875%;
padding: 0;
line-height: 41px;
width: 106px;
text-align: center;
border-radius: 4px;
border: 2px solid #fff;
font-size: 16px;
font-weight: 700;
background: transparent;  
}
#landingPromo .lanpromo form button:hover {
	text-decoration: none;
	background: #fff;
	color: #00c5b5;  
}

/*________ Responsive Structure ________*/

/* 940px */
@media (max-width: 58.75em) {
	.container {
		width: 100%;
		padding: 0 1rem;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box; 
	}

	/*________ HOME ________*/

	.content .shipPromo {
		font-size: 16px;
		font-size: 1rem;
		padding: 8px;
		padding: 0.5rem;
	}
}

/* 920px */
@media (max-width: 57.5em) {
  .mainNav {
  	font-size: 14px;
    font-size: 0.875rem;
	}
  .mainNav li a {
  	padding-left: 14px;
   	padding-left: 0.875rem;
   	padding-right: 14px;
   	padding-right: 0.875rem;
	}
	#prInfoPanel .panelNav li a {
  		padding-left: 12px;
  		padding-left: 0.75rem;
		padding-right: 12px;
  		padding-right: 0.75rem;
  	}
}

/* 852px */
@media (max-width: 53.25em) {
	.header .headCart,	
	.header .accountNav {
  	margin-bottom: 0;
 	}
	.header .accountNav li.left {
  	margin-left: 0;
   	padding-left: 0;
 	}
	.header .subscribe {
  	clear: right;
 	}
.header .logoWrap {
text-align: center;
overflow: hidden;
clear: both;
}
.header h1,
.header .searchForm {
display: inline-block;
vertical-align: middle;
float: none;

}
.header h1 {
clear: both;
margin-right: 4%;
max-width: 41%;
}
.header h1 img {
max-width: 100%;
height: auto;
}
.header .searchForm {
clear: none;
width: 200px;
max-width: 55%;
margin: 0;
}
.header .shipPromo {
	float: none;
	padding: 0 0 16px 0;
	padding: 0 0 1rem 0;
	font-size: 12px;
	font-size: 0.75rem;
}
	#navWrapper {
		overflow: hidden;
  	clear: both;
	}
	.mainNav,
	.shopBy {
		clear: both;
		width: 100%;
		padding: 0;
	}
	.mainNav {
		display: none;
		background: transparent;
	}
	.mainNav li {
		display: block;
		float: none;
		border-top: 1px solid #e7e7e7;
		font-size: 120%;
		font-weight: normal;
	}
	.mainNav li.sale {
		float: none;
	}
	.mainNav li a {
		color: #222;
	}
	.mainNav li ul {
		display: none;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		border: 0;
	}
	.mainNav li:hover > ul {
		display: block;
	}
	.mainNav li ul li {
		border:0;
	}
	.mainNav li ul li a {
		font-weight: normal;

		padding: 0.625rem 2rem;
	}
	.mobileNav {
		display: block;
	}
	.shopBy p {
		display: none;
	}
	.content.right {
		float: right;	
		width: 73%;  
	}
	.sidebar {
    width: 25%;
    margin-right: 2%;
	}
	.home .content .productsListing .product,
	.home .content .productsListing .product.noRightMargin {
		width: 22%;
		margin-right: 1.5%;
  	margin-left: 1.5%;
	}
	.content .productsListing .product,
	.content .productsListing .product.noRightMargin,
	.content .catsListing .product,
	.content .catsListing .product.noRightMargin {
		width: 28.33333333333333%;
  	margin-left: 2.5%;
  	margin-right: 2.5%;
  	height: 310px;
  	height: 19.375rem;
  	overflow: hidden;
	}
	.content .productsListing .product.clearLeft,
	.content .catsListing .product.clearLeft {
  	clear: none;
 	}
	.content #crossSell .product {
    height: 200px;
  }
	.content #imagesArea {
		float: left;
		width: 37%;
		margin-right: 3%;    
	}
	.content #productsDetail {
		float: none;
  	overflow: hidden;
		width: 60%;
		margin-right: 0;  
	}

	/*________ HOME ________*/
	
	.content .shipPromo .next {
		display: block;
	}
}

/* 688px */
@media (max-width: 43em) {
	#landingPromo {
		display: none;
	}
	.header .headOptions {
  	overflow: hidden;
  	float: none;

 	}
	.header .subscribe {
		display: none;
 	}
	.content.right {
		float: none;	
		width: 100%; 
	}
	.sidebar {
    width: 100%;
    margin-right: 0;
	}
	.sidebar #searchListings {
  	display: none;
  }
	.home .content .productsListing {
		padding-top: 10px;
   	padding-top: 0.625rem;
 	}
	.home .content .productsListing .product,
	.home .content .productsListing .product.noRightMargin {
		width: 28.33333333333333%;
  	margin-left: 2.5%;
  	margin-right: 2.5%;
	}
	form.shopForm fieldset label {
    width: 33%;
    margin-right: 2%;
  }
  form.shopForm fieldset input,
  form.shopForm fieldset select {
    width: 65%;
  }
  form.shopForm fieldset label.checkbox,
  form.shopForm input[type="submit"] {
    margin-left: 35%;
  }
	.footer .footerNav .navPanel {
		float: left;
		width: 50%; 
	}
	.footer .footerNav .navPanel.even {
  	border-right: 0;
 	}
.footer .footerNav .navPanel ul li,
.footer .latestPosts ul li {
margin-bottom: 8px;
margin-bottom: 0.5rem;
}
	.footer .latestPosts ul {
		float: none;
		width: 100%;
	}
}

/* 660px */
@media (max-width: 41.25em) {
	/*________ HOME ________*/

	.content .features .feature {
		flex-basis: 48.93%;
		max-width: 48.93%;
	}
}

/* 520px */
@media (max-width: 32.5em) {
	.content .field {
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		float: none !important;
	}
}

/* 480px */
@media (max-width: 30em) {
.header .searchForm input[type="text"] {
width: 106px;
}
.header .searchForm input[type="image"] {
float: right;
}
.mobileNav {
font-size: 14px;
font-size: 0.875rem;
line-height: 32px;
line-height: 2rem;
}
.mobileNav:after {
top: 14px;
}
	.home .content .productsListing .product,
	.home .content .productsListing .product.noRightMargin,
	.content .productsListing .product,
	.content .productsListing .product.noRightMargin,
	.content .catsListing .product,
	.content .catsListing .product.noRightMargin {
		width: 46%;
  	margin-left: 2%;
  	margin-right: 2%;
	}
	.content #imagesArea {
		float: none;
  	overflow: hidden;
		width: 100%;
		margin-right: 0;    
	}
	.content #productsImage {
 		margin-left: auto;
    margin-right: auto;
    display: table;
  }
	.content #productsDetail {
		width: 100%; 
	}
.content #promoSlider #slider {
float: none;
width: 100%;
}
.content #promoSlider .homePanel {
float: left;
width: 49%;
}
.content #promoSlider #homePanelTop {
margin-right: 2%;
}
	/*________ HOME ________*/

	.content .shipPromo {
		font-size: 12px;
		font-size: 0.75rem;
		padding: 4px;
		padding: 0.25rem;
	}
	.content .features .feature .featInfo {
		font-size: 12px;
		font-size: 0.75rem;
		padding: 4px 0;
		padding: 0.25rem 0;
	}
}

/* 400px */
@media (max-width: 25em) {
.header .headOptions .headCart,
.header .headOptions .accountNav {
font-size: 12px;
font-size: 0.75rem;
margin-left: 0;
}
.content .categoryImg img {
float: none;
padding: 1px;
margin: 0 auto 1.25rem;
}
.content .productsListing .product .prodImg,
	.content .catsListing .product .prodImg {
		height: 216px;
		height: 13.5rem;
	}
	.content .productsListing .product .thumb,
	.content .catsListing .product .thumb {
	max-height: 100%;   
	}
	form.shopForm fieldset label {
		width: 100%;
 		margin-right: 0%;
    text-align: left;
  	float: none;
  	padding-top: 0;
 	}
  form.shopForm fieldset input,
  form.shopForm fieldset select {
 		width: 100%;
 	}
  form.shopForm fieldset label.checkbox,
  form.shopForm input[type="submit"] {
 		margin-left: 0%;
 	}
	#accountDefault table {
		font-size: 10px;  
	}
	.footer .footerNav .navPanel {
		float: none;
		width: 100%;
  	height: auto;
  	border: 0;
  	border-bottom: 1px solid #e7e7e7;
   	padding-bottom: 24px;
  	padding-bottom: 1.5rem;
	}
}

/* 360px */
@media (max-width: 22.5em) {
	.home .content .productsListing .product,
	.home .content .productsListing .product.noRightMargin,
	.content .productsListing .product,
	.content .productsListing .product.noRightMargin,
	.content .catsListing .product,
	.content .catsListing .product.noRightMargin {
		height: 276px;
		height: 17.25rem;
	}
	.content .productsListing .product .prodImg,
	.content .catsListing .product .prodImg {
		height: 192px;
		height: 12rem;
	}
}

/* 340px */
@media (max-width: 21.25em) {
	/*________ HEADER ________*/

	.header .shipPromo {
		font-size: 11px;
		font-size: 0.6875rem;
	}
	
	/*________ HOME ________*/

	.content .shipPromo .next {
		display: inline;
	}
}