﻿
@import url('https://fonts.cdnfonts.com/css/graphik');

/*
@font-face {
 font-family: 'Graphik Web';
 src: url('../fonts/Graphik-BoldItalic-Web.eot');
 src: url('../fonts/Graphik-BoldItalic-Web.eot?#iefix') format('embedded-opentype'),
 url('../fonts/Graphik-BoldItalic-Web.woff2') format('woff2'),
 url('../fonts/Graphik-BoldItalic-Web.woff') format('woff');
 font-weight: 700;
 font-style: italic;
 font-stretch: normal;
}

@font-face {
 font-family: 'Graphik Web';
 src: url('../fonts/Graphik-Bold-Web.eot');
 src: url('../fonts/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'),
 url('../fonts/Graphik-Bold-Web.woff2') format('woff2'),
 url('../fonts/Graphik-Bold-Web.woff') format('woff');
 font-weight: 700;
 font-style: normal;
 font-stretch: normal;
}

@font-face {
 font-family: 'Graphik Web';
 src: url('../fonts/Graphik-MediumItalic-Web.eot');
 src: url('../fonts/Graphik-MediumItalic-Web.eot?#iefix') format('embedded-opentype'),
 url('../fonts/Graphik-MediumItalic-Web.woff2') format('woff2'),
 url('../fonts/Graphik-MediumItalic-Web.woff') format('woff');
 font-weight: 500;
 font-style: italic;
 font-stretch: normal;
}

@font-face {
 font-family: 'Graphik Web';
 src: url('../fonts/Graphik-Medium-Web.eot');
 src: url('../fonts/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'),
 url('../fonts/Graphik-Medium-Web.woff2') format('woff2'),
 url('../fonts/Graphik-Medium-Web.woff') format('woff');
 font-weight: 500;
 font-style: normal;
 font-stretch: normal;
}

@font-face {
 font-family: 'Graphik Web';
 src: url('../fonts/Graphik-RegularItalic-Web.eot');
 src: url('../fonts/Graphik-RegularItalic-Web.eot?#iefix') format('embedded-opentype'),
 url('../fonts/Graphik-RegularItalic-Web.woff2') format('woff2'),
 url('../fonts/Graphik-RegularItalic-Web.woff') format('woff');
 font-weight: 400;
 font-style: italic;
 font-stretch: normal;
}

@font-face {
 font-family: 'Graphik Web';
 src: url('../fonts/Graphik-Regular-Web.eot');
 src: url('../fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'),
 url('../fonts/Graphik-Regular-Web.woff2') format('woff2'),
 url('../fonts/Graphik-Regular-Web.woff') format('woff');
 font-weight: 400;
 font-style: normal;
 font-stretch: normal;
}

*/


html, body {
	color: #000;
	font-family: 'Graphik', Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: 400;
	min-width: 320px;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #fff;
}


/*  COLOR PALETTE
	#002856	HEADER TEXT/NAVIGATION TEXT	DARK BLUE
	#FF540A	ACCENT TEXT	ORANGE

	#f4f4f4 LIGHT GRAY
*/







/* 
==========================
	 HYPERLINKS 
========================== 
*/

a, a.default{text-decoration: none; color: inherit;}
a:hover, a.default:hover{text-decoration: underline; color: inherit;}
a.primary, .primary{color: #0000D3;}
a.primary:hover{text-decoration: underline;}
a.secondary, .secondary{color: #0000d3;}
a.navy, .navy{color: #002856;}
a.nounderline{text-decoration: none;}
.mainselected{
	color: #0000D3 !important;
}
/* 
==========================
	 BACKGROUNDS
========================== 
*/
.background-grey {
	background-color: #e6e7e8;
}
.background-ltgrey{background-color: #f4f4f4;}
.background-white{background-color: #fff;}




/* 
==========================
	 BORDERS
========================== 
*/

.content-border-ltgrey{border: 1px solid #E7E7E7;}

.box-shadow
{
    position: relative;
  	-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.10);
	-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.10);
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.10);
    /*background-color: #fff;*/
}
.box-shadow2{position: relative;border: 1px solid #e3e3e3;}





/* 
==========================
	 TEXT
========================== 
*/

.txt-sm{font-size: .8em;}
.txt-md{font-size: .9em;}
.txt-lg{font-size: 1.1em;}
.txt-xl{font-size: 1.2em;}
.navy-txt{color: #002856;}



/* 
==========================
	 HEADINGS
========================== 
*/

h1,.h1 {font-size: 36px;font-weight: bold;font-family: 'Graphik', Arial, Helvetica, Sans-Serif; color: #002856;}
h2,.h2 {font-size: 30px;font-weight: bold;font-family: 'Graphik',Arial, Helvetica, Sans-Serif; color: #002856;}
h3,.h3 {font-size: 24px;font-weight: bold;font-family: 'Graphik',Arial, Helvetica, Sans-Serif; color: #002856;}
h4,.h4 {font-size: 18px;font-weight: bold;font-family: 'Graphik',Arial, Helvetica, Sans-Serif; color: #002856;}
h5,.h5 {font-size: 14px;font-weight: bold;font-family: 'Graphik',Arial, Helvetica, Sans-Serif; color: #002856;}
h6,.h6 {font-size: 12px;font-weight: bold;font-family: 'Graphik',Arial, Helvetica, Sans-Serif; color: #002856;}

.heading{font-weight: bold;}
h4.sectiontitle, .h4.sectiontitle{border-bottom: solid 2px #e3e3e3;padding-bottom: 4px;}font-family: 'Graphik',Arial, Helvetica, Sans-Serif;



/* 
==========================
	 MARGINS
========================== 
*/

.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.margin-top-40{margin-top: 40px;}
.margin-top-50{margin-top: 50px;}
.margin-top-60{margin-top: 60px;}
.margin-top-70{margin-top: 70px;}
.margin-top-80{margin-top: 80px;}
.margin-top-90{margin-top: 90px;}
.margin-top-100{margin-top: 100px;}

.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-60{margin-bottom: 60px;}
.margin-bottom-70{margin-bottom: 70px;}
.margin-bottom-80{margin-bottom: 80px;}
.margin-bottom-90{margin-bottom: 90px;}
.margin-bottom-100{margin-bottom: 100px;}


.min-content-height{min-height: 300px;}

.text-align-right{text-align: right;}
.text-align-right-mobile-left{text-align: right;}

.supersale{background-color: #e6e7e8;}
.supersale:hover{background-color: #f6f6f6;}


/* 
==========================
	 FILE UPLOAD
========================== 
*/
#ctl00_ContentPlaceHolder1_AjaxFileUpload1_ctl00.ajax__fileupload {
	border: 6px;
	overflow: auto;
	padding: 0;
	margin-bottom: 50px !important;
	padding-bottom: 50px !important;
}
.ajax__fileupload_fileItemInfo .uploadedState {
	color: #002856 !important;
}

.ajax__fileupload_fileItemInfo .pendingState {
	color: #FF540A !important;
}

.ajax__fileupload_fileItemInfo .removeButton {
	background-color: #fff !important;
	color: #FF540A !important;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 55px;
	padding: 2px;
	margin-right: 4px;
}

#ctl00_ContentPlaceHolder1_AjaxFileUpload1_UploadOrCancelButton {
	background-color: #FF540A !important;
	color: white;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	width: 160px;
	padding: 10px;
}

	/* 
==========================
	 ALERTS
========================== 
*/
	.alert{border-radius: 0;}
	.alert-danger {
		border: solid 1px red;
		background-color: #fff;
		color: Red;
	}

.alert-sale
{
	background-image: url(../images/onedaysalebg.jpg);
	background-repeat: repeat-x;
	color: #fff;
	border: 0px solid #cc0404;	
	border-radius: 10px;
}

.alert-outofstock {
	border: solid 1px #757575;
	background-color: #757575;
	color: #fff;
}

.alert-limitedstock {
	border: solid 1px #335378;
	background-color: #335378;
	color: #fff;
}


.alert-default {
	border: solid 1px #ccc;
	background-color: #f4f4f4;
}

.welcome-alert{min-height: 170px}




/* 
==========================
	 SALE
========================== 
*/

.btn-sale{background-color: #af0303;color: #fff;border: 1px solid #f1f1f1;	}
.btn-sale:hover{text-decoration: underline;color: #fff;}

span.sale-price-overlay
{
	color: #fff;
	background-color: #FF540A;
	padding: 3px 4px 2px 4px;
	border-radius: 0px;
}


span.oos-image {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 100px;
	height: 100px;
}


	
span.sale-image{
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 0px;
    right: 0px;
    background-color: #FF540A;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    color: #fff;
    font-family: 'Graphik', Arial, Sans-Serif;
    font-weight: bold;
    padding-top: 13px;
    font-size: 10px;
   
}



	
span.sale-image-detail{
    position: absolute;
    left: 25px;
    top: 10px;
    bottom: 0px;
    right: 0px;
    background-color: #FF540A;
    width: 90px;
    height: 90px;
    border-radius: 50px;
    color: #fff;
    font-size: 22pt;
    font-weight: bold;
    font-family: 'Graphik', Arial, Sans-Serif;
    padding-top: 23px;
    padding-left: 7px;
}




span.eco-image {
	position: absolute;
/*	background-image: url(../images/diversity/icons/eco.png);
	background-repeat: no-repeat;*/
	top: 0;
	right: 0;
	width: 89px !important;
	height: 25px !important;
}
span.minority-image {
	position: absolute;
	/*	background-image: url(../images/diversity/icons/minority.png);
	background-repeat: no-repeat;*/
	top: 0;
	right: 0;
	width: 89px !important;
	height: 25px !important;
}
span.women-image {
	position: absolute;
	/*	background-image: url(../images/diversity/icons/women.png);
	background-repeat: no-repeat;*/
	top: 0;
	right: 0;
	width: 89px !important;
	height: 25px !important;
}
span.eco-minority-women-image {
	position: absolute;
	/*	background-image: url(../images/diversity/icons/eco-minority-women.png);
	background-repeat: no-repeat;*/
	top: 0;
	right: 0;
	width: 89px !important;
	height: 25px !important;
}

span.minority-women-image {
	position: absolute;
	/*	background-image: url(../images/diversity/icons/minority-women.png);
	background-repeat: no-repeat;*/
	top: 0;
	right: 0;
	width: 89px !important;
	height: 25px !important;
}
span.eco-women-image {
	position: absolute;
	/*	background-image: url(../images/diversity/icons/eco-women.png);
	background-repeat: no-repeat;*/
	top: 0;
	right: 0;
	width: 89px !important;
	height: 25px !important;
}
span.eco-minority-image {
	position: absolute;
	/*	background-image: url(../images/diversity/icons/eco-minority.png);
	background-repeat: no-repeat;*/
	top: 0;
	right: 0;
	width: 89px !important;
	height: 25px !important;
}




.price {
	color: #FF540A;
	font-weight: bold;
}



/* WELCOME PAGE FEATURED PRODUCT ROW */
#tab-ear{position: absolute; left: -1px; top: -1px; z-index: 1000;}
.home-featured-thumb{text-align: center;margin: 0 auto;}

#featured-row a, #featured-row a:hover{text-decoration: none;}
	
.featured-prod-container
{
	position: relative;
	min-height: 389px;
}
#featured-prod-image{padding-top: 0px;padding-right: 0px; text-align: right; margin-right: 0;}
#featured-prod-image img{max-height: 310px; max-width: 310px; float: right;}	
	

	
	
.checkbox label, .radio label{
	/*padding-left: 20px;*/
	padding-left: 0;
}

.new-otherprod-container
{
	border: 1px solid #e7e7e7;
}


.new-main-product-name
{
	color: #002856;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Graphik',Arial, Helvetica, Sans-Serif; 
	line-height: 30px;
	text-decoration: none;
}

.new-main-product-name:hover
{
	text-decoration: none;
}

.new-main-product-price
{
	color: #FF540A;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Graphik',Arial, Helvetica, Sans-Serif; 
	line-height: 30px;
	text-decoration: none;
}



.new-other-product-name
{
	color: #002856;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Graphik',Arial, Helvetica, Sans-Serif; 
	line-height: 26px;
	text-decoration: none;
}

.new-other-product-name:hover
{
	text-decoration: none;
}

.new-other-product-price
{
	color: #FF540A;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Graphik',Arial, Helvetica, Sans-Serif; 
	line-height: 24px;
	text-decoration: none;
}

.featured-prod-other-item{border: 1px solid #e7e7e7; min-height: 184px; width: 359px;}



/* 
==========================
	 SHOPPING CART
========================== 
*/
.cart-item-name{color: #002856; font-weight: normal;}
.cart-item-price {
	color: #002856;
	font-weight: normal;
}
.btn-cart-remove{width: 100px; margin-bottom: 10px;}
.cart-item-totals{height: 100px; line-height: 100px; text-align: center; vertical-align: top;}
.qty-box{padding-top: 35px;}

/* 
==========================
	 CATEGORY
========================== 
*/
.gridpager {margin: 10 0 !important;}
.gridpager td {border-bottom: 0px !important; padding-left: 5px !important; padding-bottom: 10px;}
.gridpager td span {
	background-color: #7ab800;
	color: #fff;
	padding: 6px 12px;
	border-color: #7ab800;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.gridpager td a 
{
	background-color: #ccc; 
	color: #333; 
	padding: 6px 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.gridpager td a:hover{text-decoration: none;}




.categorythumb {
	position: relative;
	background-color: #fff;
	text-align: center;
	padding: 20px 0 !important;
	border: 1px solid #d4d4d4;
	min-height: 200px;
}

.zoominfo-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;

	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.4);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}


.cat-product-name-hover
{
	text-align: left; 
	font-size: 16px;
	line-height: 20px;  
	font-weight: bold;
	font-family: 'Graphik', Arial;
}


.categorythumb:hover > a div.zoominfo-container {display: block;}
.categorythumb a{color: #fff;}
.categorythumb	.img-responsive{margin: 0 auto;}








/* 
==========================
	 PRODUCT DETAIL
========================== 
*/

.detail-instock {
	color: #002856;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
}

.detail-nostock {
	color: #0000d3;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 16pt;
}


.detail-label{font-weight: bold; color: #002856;}
.detail-price {
	font-weight: bold;
	color: #002856;
	font-size: 1.5em;
}

.detailimage {
	border: 1px solid #fff;
	text-align: center;
	margin-bottom: 12px;
}
.detailimage .img-responsive{margin: 0 auto;}
.img-detail-thumb{width: 120px;margin-bottom: 6px;margin-right: 2px;}







/* 
==========================
	 BUTTONS 
========================== 
*/

#ctl00_ContentPlaceHolder1_Wizard1_StartNavigationTemplateContainerID_StartNextLinkButton {
	padding-left: -10px !important; margin-left: -5px !important;
}



.btn {
	border-radius: 0px;	
	padding: 8px 22px;
	font-size: inherit;
	font-weight: 700;
	font-family: 'Graphik', Arial, sans-serif;

}

.btn-xs{padding: 2px 4px;}
.btn-sm {font-size: 9pt;padding: 7px 6px;}
.btn-lg {font-size: 16px !important;font-weight: 700; padding: 15px 15px;}
.btn-min {min-width: 160px;	}
.btn-remove-sm {
	padding: 2px !important; display: inline;
}

.btn-primary {
	color: #ffffff;
	background-color: #0000D3;
	border-color: #0000D3;
}

	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
		color: #ffffff;
		background-color: #0000D3;
		border-color: #0000D3;
	}


.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}


.btn-previous {
  color: #aeaeae !important;
  background-color: #fff;
  border-color: #aeaeae;
}

.btn-previous:hover {
  color: #aeaeae !important;
  background-color: #fff;
  border-color: #aeaeae;
}

.btn-share, btn-share:hover{border: 0; padding-left: 0;}
.btn-share img{padding-left: 10px;}



.btn-default {
  color: #002856 !important;
  background-color: #fff;
  border-color: #002856;
}

.btn-default:hover {
  color: #002856 !important;
  background-color: #fff;
  border-color: #002856;
}


.btn-default2 
{
	color: inherit !important;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 9pt;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #002856;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
   user-select: none;
}

.btn-default2:hover
{
	text-decoration: none;
	background-color: #e6e7e9;
	font-size: 9pt;
}
.btn-default2 span
{
	margin-left: 10px;	
}

.btn-default2 span.glyphicon
{
	margin-left: 0;	
}



.btn-default3
{
	color: inherit !important;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 9pt;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #adadad;
  border-radius: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
   user-select: none;
}

.btn-default3:hover
{
	text-decoration: none;
	background-color: #e6e7e9;
	font-size: 9pt;
}





/*.btn-add-to-cart{min-width: 324px;}*/







/* 
==========================
	 CATEGORY NAVIGATION
========================== 
*/

.navbar-collapse{margin: 0; padding: 0;}
#collapsemenu ul li{margin-right: 0; margin: 0; padding: 0;}  
 .navbar-default{background-color: #fff;border: none;}  


 .navbar-nav{margin-left: -13px;}


 .navbar-nav > li {margin: 0; padding: 0;} 

 .navbar-default .navbar-nav > li > a
 {margin: 0; padding: 0;padding: 0 5px;}

 /*.navbar-default .navbar-nav > li:first-child > a {margin-left: 0; padding-left: 0;}*/


 .navbar-default .navbar-nav > li > a span
	{
 		font-family: 'Graphik', sans-serif;
 		color: #002856;
 		font-weight: 500;
 		/*border-left: solid 2px #fff; 
		border-right: solid 2px #fff; */
		padding-left: 5px;
		padding-right: 5px;
 	}


 .navbar-default .navbar-nav > li > a span.selected, .navbar-default .navbar-nav > li > a span.selected:hover
	{
		font-family: 'Graphik', sans-serif;
		color: #0052d6; 
		font-weight: 500;
		/*border-left: solid 2px #0052d6; 
		border-right: solid 2px #0052d6; */
		padding-left: 5px;
		padding-right: 5px;
	}
	
	
	.navbar-default .navbar-nav > li > a span:hover
	{
		font-family: 'Graphik', sans-serif;
		color: #0052d6; 
		font-weight: 500;
	/*	border-left: solid 2px #fff; 
		border-right: solid 2px #fff; */
		padding-left: 5px;
		padding-right: 5px;
	}
	
	
	
	
	

.navbar{margin-bottom: 10px;}




/* ---------- MAIN NAVIGATION BAR ---------- */
.navbar-default {
	background-color: Transparent;
	border: none;
	margin-bottom: 0;
}

.navbar-nav > li {
	margin-right: 20px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-default .navbar-nav > li > a {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #fff;
	font-weight: 600;
	font-size: .9em;
}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.selected {
		font-family: 'Open Sans Condensed', sans-serif;
		color: #fff;
		font-weight: 600;
		font-size: .9em;
	}




#ul-diversity-detail {
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 50px;
}

#ul-diversity-detail li {
	float: left;
}




/* 
==========================
	 MOBILE NAVIGATION
========================== 
*/
.mobilenav-ul {
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
}
   
.mobilenav-ul li{}
.mobilenav-ul > li > a{color: #002856; font-family: 'Graphik', sans-serif; font-weight: 500; display:block; padding: 10px 0px;}
   
.mobilenav-ul > li > a:hover, .mobilenav-ul > li > a span.selected
{
    color: #0052d6; 
    text-decoration: none;
}
.mobilenav-ul > li:hover
{
    color: #0052d6;  
}

/*.mobile-header-icons, .mobile-header-icons:hover, .mobile-header-icons:active{text-decoration: none; width: 35px; height: 35px;}*/
   
   
   
   
/* 
==========================	
	MOBILE HEADER SEARCH
========================== 
*/
#mobile-search-container{}
#mobile-search-content{text-align: right; display: none; background-color: #f4f4f4; padding: 15px 22px; height: 69px; margin-top: 16px;}
#mobile-menu-content{text-align: left; display: none; background-color: #f4f4f4; padding: 10px 20px; margin-bottom: 30px;}
  
  
.btn-search{background-color: #002856; border: 0; color: #fff; padding: 13px;}
.txsearch{border: 1px solid #e7e7e7 !important; background-color: #fff; width: 220px; height: 26px; display: inline-block; margin-right: 4px;}
.txsearch-mobile{border: 1px solid #e7e7e7 !important; background-color: #fff; width: 220px; height: 35px; display: inline-block;}



  
  
  
   
   
/* 
==========================
	HEADER ICONS
========================== 
*/

#header-icons{padding: 4px 4px; overflow: hidden;}
.spannav{margin-left: 20px;vertical-align: baseline;}
.spannav a:hover{text-decoration: none;}
   	
.roll .on { display: none; }
.roll .off { display: inline; }
.roll:hover .on { display: inline; }
.roll:hover .off { display: none; }

.rollcart { position:relative; } 	
.rollcart .on { display: none; }
.roll .off { display: inline; }
.rollcart:hover .on { display: inline; }
.rollcart:hover .off { display: none; }


.pnl-search{padding: 0;}

.icon-search
{
	background-image: url(../images/icons/mag.png); 
	background-repeat: no-repeat; 
	height: 20px; width: 22px;
	-webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	
}
.icon-search-cancel {
	background-image: url(../images/icons/mag.png);
	background-repeat: no-repeat;
	height:20px;
	width: 20px;
	display: none;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}





.icon-search-form-mobile{background-image: url(../images/icons/search.png); background-position: center center; background-color: #002856; background-repeat: no-repeat; height: 35px; width: 35px;}
/*.icon-search-form{background-image: url(../images/icons/mag.png); background-position: center center; background-color: #002856; background-repeat: no-repeat; height: 20px; width: 22px;}*/

.icon-search-mobile {
	background-image: url(../images/icons/search.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 35px;
}

.icon-search-mobile-cancel {
	background-image: url(../images/icons/close.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 35px;
	display: none;
}


/*#icon-menu{background-image: url(../images/icons/icon_hamburger_mobile-tablet.png); background-repeat: no-repeat; height: 35px; width: 35px;}*/
.icon-menu{background-image: url(../images/icons/menu.png); background-repeat: no-repeat; height: 35px; width: 35px;}
.icon-menu-cancel {
	background-image: url(../images/icons/close.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 35px;
	display: none;
}






/*#icon-account{background-image: url(../images/icons/icon_account_desktop.png); background-repeat: no-repeat; height: 42px; width: 36px;}
#icon-cart{background-image: url(../images/icons/icon_cart_desktop.png); background-repeat: no-repeat; height: 42px; width: 51px; margin: 0 auto;}
.cartnum
{
	font-size: 8pt;
	font-weight: bold;
	color: #002856;
	 position: absolute;
	 right: 18px;
	 top: 12px;
}
*/

#icon-cart {
	background-image: url(../images/icons/cart.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 22px;
}

#icon-account {
	background-image: url(../images/icons/account.png);
	background-repeat: no-repeat;
	height: 20px;e
	width: 22px;
}

#icon-logout {
	background-image: url(../images/icons/logout.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 25px;
	margin-right: 40px;
}

.cartnum {
	font-size: 9pt;
	font-weight: bold;
	color: #002856;
}






.watermarked
{
	color: #b1b1b1 !important;
}

.sale {
	color: #0000D3;
}
.saleRegPrice{text-decoration: line-through; font-weight: normal;}


#page-content-row{min-height: 400px;}




/* 
==========================
	 FORMS 
========================== 
*/

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    /*color: #8c8c8c;*/
	background-color: #fff !important;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


label, .label{font-face: 'Graphik'; color: #002856; font-size: .9em; padding-left: 0; margin-left: 0;}
.label-input{color: #002856; font-size: 10pt; padding-left: 0; margin-left: 0; font-weight: bold;}

.treeview input[type=checkbox]{ margin-right: 10px;}
.treeview{margin: 0; padding: 0;}


.checkboxlist-reports input[type=checkbox] {
	margin-right: 10px;
}

.checkboxlist-reports {
	margin: 0;
	padding: 0;
}

	.checkboxlist-reports label {
		color: #000;
		font-weight: normal;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.checkboxlist-reports td {
		padding-right: 30px;
	}

.checkboxlist input[type=checkbox]{ margin-right: 10px;}
.checkboxlist{margin: 0; padding: 0;}
.checkboxlist label{color: #000; font-weight: normal; font-size: 9pt;}
.checkboxlist td{padding-right: 30px; background-color: #f6f6f6; border-right: 1px solid white; border-bottom: 1px solid white; padding-top: 10px; padding-left: 5px;}

.checkboxlist2 input[type=checkbox]{ margin-right: 10px; display: inline;}
.checkboxlist2{margin: 0; padding: 0; border-bottom: 0;}
.checkboxlist2 label{color: #000; font-weight: normal; font-size: 9pt; display: inline;}
.grid .checkboxlist2 td, .checkboxlist2 td{padding-right: 30px;padding-top: 10px; padding-left: 5px; border-bottom: 0;}


input[type=hidden] {display: none;}
input[type=text], input[type=text].reset,input[type=password],input[type=password].reset,textarea,textarea.reset,select,select.reset, .reset
{
  /*padding: 8px;*/
  background: #fff;
 border : 1px solid #d4d4d4;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  color: #000;
}

select
{
 padding: 8px;
}

select.ddlsortby {
	font-size: .9em;
}


.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}

.input-group-prepend, .input-group-append {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

input[type=text].inline,input[type=password].inline,textarea.inline,select.inline
{float: none !important;}

input[type=text]:hover,input[type=password]:hover,textarea:hover,select:hover
{border-color: #999 #ddd #ddd #aaa;}

input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus
{border-color: #999 #ddd #ddd #aaa;}

select:focus {outline: 0 none !important;}

input[type=checkbox] label 
{margin-left: 6px;	display: block;}

.input-primary
{
	background-color: #fff;
	-webkit-box-shadow: inset 0 0 0 rgba(255,255,255,0.075) !important;
	
}

input[type=text].txt-quantity
{
	text-align: center;
}

.wizardSideBar td{padding: 12px 0; width: 240px; background-color: #0f2c52; border-bottom: 1px solid #fff;}
.wizardSideBarBtn{padding: 10px 10px; width: 100%; color: White;}
.wizardSideBarBtn:hover{padding: 10px 10px; width: 100%; color: #6ebf4b; text-decoration: none;}
.wizardSideBarBtn-selected{padding: 10px 10px; width: 100%; color: #6ebf4b; text-decoration: none;}
	
.zoominfo-table{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
}
.zoominfo-container-inner {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.zoominfo-content {
    display: inline-block;
    text-align: center;
    padding: 10px;
}

.featured-prod-subtext
{
	margin-bottom: 40px;
	min-height: 130px;
	font-size: .9em;
}


ul.list
{
	margin: 0; padding: 0;	
		
}
ul.list li
{
	float: left;
	list-style: none;
	padding-right: 20px;
}
ul.list li:last-child
{
	padding-right: 0;
	margin-right: 0;
}


#wrapper
{
	min-height:100%;
	position:relative;
	background-color: #fff;
}


.sub-footer
{
	/*color: #9b9b9b;*/
	font-size: .9em;
}



#page-container {
	position: relative;
	min-height: 100vh;
}

#content-wrap {
	padding-bottom: 80px; /* Footer height */
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px; /* Footer height */
}





/*#footer
{
	width:100%;
	min-height:80px;
	font-size: 10pt;
	margin-top: 60px;
	padding-left: 0 !important;
	margin-left: -16px !important;
}*/

.footermenu {
  list-style: none;
  padding: 0px 0px;
}

.footermenu > li {
  display: inline-block;
  padding-right: 20px;
  padding-bottom: 14px;
}

.footermenu > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  /*content: "|\00a0";*/
}

.footermenu > .active {
  color: #006699 !important;
}

.footermenu a
{
	font-weight: bold;
	color: #002856;
	font-size: 12px;
}

.legal-line{color: #000; font-size: 9pt;}


#category-name
{
	margin-top: 20px;
	font-size: 1.3em;
	
	}


.ulcompare
{
	list-style: none;
}

.ulcompare li
{
	float: left;
	margin-top: 20px;
	margin-right: 20px;	
}



.ulCategories, .ulCategories > li > ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

	.ulCategories li {
		padding-left: 0;
		margin-left: 0;
		margin-bottom: 6px;
	}

		.ulCategories li > ul{
			margin-top: 6px;
		}

		.ulCategories li > ul > li {
			padding-left: 20px;
			margin-left: 0;
			margin-bottom: 6px;
		}

.ulCategories a.selected {
	color: #0000D3;
}
	.ulCategories a {
		font-weight: normal;
	}

.cattotal {
	font-size: .85em;
	color: #999;
}


.datalist-top{/*border-top: solid 2px #fff;padding-top: 20px;*/}
.datalist-item{/*border-bottom: solid 2px #DBDBDB;*/}


.carttable p{padding: 0; margin: 0; padding-bottom: 4px; font-size: .9em;}

/* ---------------------------------------------------------------------- */
/*	GridView
/* ---------------------------------------------------------------------- */

.gridAdmin {background-color: #c6c3c6;font-size: 9pt;}

.gridtable {background-color: #d6d7d6;font-size: 9pt;}


.grid th, .gridAdmin th{}
.grid td, .gridAdmin td  {}
.grid td {}
.grid .gridtable td, .gridAdmin .gridtable td{}
.gridtable td{border-bottom: none; line-height: 10pt;}

.gridHeader{background-color: #f4f4f4;color: inherit;}
.gridHeaderAdmin{height:26px;background-color:#e6e7e8;padding: 10px 20px;border-bottom: solid 1px #c6c3c6;}
.gridRow{}
.altRow{}
.gridRowAdmin{padding: 10px;background-color: #ffffff;}
.altRowAdmin{background-color: #ffffff;padding: 10px;}


.table-bordered {border-color: #d4d4d4;}
.table-label-cell label, .table-label-cell div{margin-top: 10px;}
.table-label-cell{background-color: #f1f1f1;}

.table-data-cell label, .table-data-cell div{margin-top: 10px; font-weight: normal;}




.table-qtyprice > thead > tr > th, 
.table-qtyprice > tbody > tr > th, 
.table-qtyprice > tfoot > tr > th, 
.table-qtyprice > thead > tr > td, 
.table-qtyprice > tbody > tr > td, 
.table-qtyprice > tfoot > tr > td {
    border: 1px solid #ddd;
    background-color: #fff;
    padding-left: 0;
}

.table-qtyprice{ border: 2px solid #fff;}


.no-pad-left{padding-left: -10px !important; margin-left: -10px !important;}




.form-group{margin-top: 20px;}
.form-group label{display: block;}

.form-inline .form-group label{display: inline;}

.error{color: #EB340A !important; font-weight: normal;}
.error-padleft{color: #002856 !important; font-weight: normal; padding-left: 1px;}
.bold{font-weight: bold;}
.under{text-decoration: underline;}


.page-title {
	margin-top: 20px;
	margin-bottom: 0px;
}




.padding20{padding: 20px;}



.ul-errors{margin-left: 0; padding-left: 14px;}
.ul-errors li{
	margin-left: 0;padding-left: 0;
	margin-right: 20px;
}

.rbl td, .radio td{padding-right: 30px; vertical-align: top !important; padding-top: 8px;}
.rbl td label, .radio label{padding-left: 5px !important; display: inline !important;}
.radio{margin: 0 !important; padding: 0 !important;}



.custom-content-header{color: inherit; padding: 6px 0px; font-size: 10pt; font-weight: bold;}
.custom-navigation ul{margin: 0; padding: 0;background-color: #f1f1f1; overflow: hidden;}
.custom-navigation li
{
	width: 25%;
	float: left;
	list-style: none;
	padding: 15px 10px;
	margin-left: 0;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Roboto Condensed', Verdana, Sans-Serif;
	text-align: left;	 
}

.custom-navigation li.active{color: #fff; background-color: #7ab800;}
.custom-navigation li.complete{color: #2e6099}
.custom-navigation li a{font-size: 10pt;}
.wizNavigation {padding: 20px 20px; background-color: #f1f1f1; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.wizNavigation td{padding-left: 30px;}


/* -- Checkout Progress -- */
.checkout-progress{margin-top: -8px; overflow: hidden; border-bottom: solid 1px #b9d0dc; border-top:solid 1px #b9d0dc;  margin-bottom: 30px;}

.ul-checkout{margin: 0; padding: 0; margin-top: 20px;}
	.ul-checkout li {
		/*width: 24.5%;*/
		float: left;
		list-style: none;
		padding: 9px 0px;
		margin-left: 0;
		margin-right: 60px;
		font-weight: 700;
		font-size: 16px;
		text-align: left;
		color: #d9d9d9;
	}
.ul-checkout li.active{color: #0000D3;}
	.ul-checkout li.complete {
		color: #d9d9d9;
	}
.ul-checkout li a{font-size: 10pt;}

.checkout-div{border: solid 1px #bebebe; padding: 10px; margin-bottom: 20px;}
.checkout-div h3{margin: 0; padding: 0;}


.sizechart{font-size: 9pt; text-decoration: none; font-weight: normal;}
.sizechart:hover{font-size: 9pt; text-decoration: none; font-weight: normal;}




#main-content{padding-top: 0px; margin-top: 0;}


.icon-btn
{
  position: relative;
  padding: 10px 8px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  border: 0;
  background-color: #002856;	
}

.icon-bar {
  display: block;
  width: 20px;
  height: 1px;
  border-radius: 0;
  background-color: #fff;
}

.icon-bar + .icon-bar {
  margin-top: 6px;
}




/* #### PAGINATION #### */

.pagination
{
	display: inline;
	float: right;
	margin: 0;
	margin-bottom: 10px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 0 !important;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    margin-left: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0!important;
}

.pagination > li:nth-last-child(2) > a, .pagination > li:nth-last-child(2) > span {
    margin-left: 0;
    border: 0
}

	.pagination > .active > a, .pagination > .active > span,
	.pagination > .active > a:hover, .pagination > .active > span:hover,
	.pagination > .active > a:focus, .pagination > .active > span:focus {
		z-index: 2;
		cursor: default;
		background-color: #0000D3;
		color: #fff;
	}

	.pagination > li > a, .pagination > li > span {
		position: relative;
		float: left;
		padding: 2px 12px;
		margin-left: -1px;
		line-height: 1.428571429;
		text-decoration: none;
		background-color: transparent;
		border-top: 0;
		border-bottom: 0;
	}





#detail-sendtofriend-buttons{margin: 0 auto;}
#detail-sendtofriend-buttons ul{margin: 0 auto;}

.breadcrumb{background-color: #fff;padding: 14px 0px; margin-bottom: 0;}
.breadcrumb > li.active{color: #666;}
.breadcrumb > li {
		color: #006699;
	}

	.breadcrumb > li + li:before {
		padding: 0 5px;
		color: #ccc;
		content: "\003e"
	}



 #sidebar{display: none;background-color: #e7e8e9; min-width: 212px; width: 50%; border-left: solid 4px #fff;}
#featured-product-text{margin-top: 50px; margin-bottom: 20px;}


.adminmenu {
  margin-bottom: 20px;
  list-style: none;
  /*background-color: #e6e7e8;*/
  padding: 14px 0px; margin-bottom: 0;
  font-size: 1.2em;
}

.adminmenu > li {
  display: inline-block;
}

.adminmenu a:hover {
  color: #006699 !important;
  text-decoration: none !important;
}

.adminmenu > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "|\00a0";
}

.adminmenu > .active {
  color: #006699 !important;
}



/* ####################################### */
/*		CATALOG MANAGER
/* ####################################### */

ul.ul-catmanager
{
	list-style: none;
	margin: 0; padding: 0;
}

ul.ul-catmanager > li
{
	background-color: #f4f4f4; padding: 10px 20px;
	margin-bottom: 1px;
}

ul.ul-catmanager > li > a
{
	width: 100%; height: 100%;
}

ul.ul-catmanager > li > a:hover
{
	text-decoration: none;
}

.cm-arrow
{
	color: #6ebf4b;
	margin-right: 10px;
	font-size: 14pt;
}






/* #################################### */
/* ########    MEDIA QUERIES   ######## */
/* #################################### */

/* X-SMALL DEVICES (phones, less than 768px) */
@media (max-width: 767px) 
{

	.col-footer {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.text-align-right-mobile-left{text-align: left;}
	
	
	#Sub_Content_Wrapper{padding-bottom: 40px !important;}
	.sub-footer{padding-bottom: 20px;}
	
	/* FOOTER STYLES */
	.legal-line{padding-top: 5px !important;}
	
	
	#header_wrapper{margin-left: 0 !important; padding-left: 2px; padding-right: 2px;}
	.hidden-xs1{display: none !important;}
	
	.min-content-height{min-height: 300px;}
	
	/* hide category thumb rollover text */
	.categorythumb:hover > a div.zoominfo-container {display: none;}

	#detail-collection-buttons,#detail-sendtofriend-buttons{display: none;}
	
	
	
	
	/* FEATURED PRODUCT - WELCOME PAGE */
	#featured-row {margin-top: 0;margin-left: 0px;margin-right: 0px;}	
	#featured-prod-image{padding-top: 0; float: none; text-align: left;}
	#featured-prod-other{margin: 40px 0;}
	#featured-prod-other .row{margin-left: -30px; margin-right: -30px;}
	.featured-prod-container{min-height: 220px;}
	
	#featured-product-text{margin-top: 20px; margin-bottom: 20px; padding: 20px;}
   	 
	.featured-prod-other-item img{width: 124px;}
	.featured-prod-other-item{width: 100%;}
		
	/* CATEGORIES */
	/*#containerCategory{margin-left: -20px; margin-right: -20px;}		*/	
		
	.cat-product-name-hover
	{
		text-align: left; 
		font-size: 10px;
		line-height: 14px; 
		font-weight: bold;
		font-family: 'Graphik', Arial;
	}
		
		
	/*  TOP CATEGORIES LEFT JUSTIFICATION */
	#collapsemenu ul li:first-child{margin-left: 0px;}


	.zetta-menu > li:last-child {
		float: right !important;
	}

   
   	.container > .navbar-header,
	.container > .navbar-collapse {
		margin-right: -15px;
		margin-left: -15px;
     	position: absolute;
   		right: 0;
   		top: -98px;
   		margin-right: 10px;
	}
   	

   	#header-search{height: 30px; padding-top: 0px;}
   	#search-content{padding-top: 0px; text-align: center; display: none;}
   	#category-pager{padding-top: 10px;}
   	.pagination{
		display: block;
		margin: 20px 0;
		padding-bottom: 20px;
		float: none;
	}
   	
   	
	.row-offcanvas
	{
       position: relative;
       -webkit-transition: all 0.25s ease-out;
       -moz-transition: all 0.25s ease-out;
       transition: all 0.25s ease-out;
    }
    
    /* not sure about this one */
    .row-offcanvas-right {right: 0;}
    
    
    .sidebar-offcanvas
    {
		right: -50%;
        margin-right: 0px;
        background-color: #f3f3f3;
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        display: none;
    }

    .row-offcanvas-right.active{right: 50%;}

   	 #container-breadcrumb{margin-left: -12px;}
   	 #page-content-row{min-height: 0;}

   	 
   	 
   	 
   	.btn-mobile-block
   	{
   		display: block;
		width: 100%;	
   	}
   		
   	.img-detail-thumb
	{
		width: 60px;
		margin-bottom: 6px;
		margin-right: 2px;
	}
   		

   	#icon-search{background-image: url(../images/icons/icon_search_mobile-tablet.png); background-repeat: no-repeat; height: 35px; width: 35px;}
	#icon-menu {
		background-image: url(../images/icons/menu.png);
		background-repeat: no-repeat;
		height: 35px;
		width: 35px;
	}

	/*#header-icons{padding-top: 0px;}
	#header-icons{text-align: left;margin-top: 21px; padding-right: 0px;}*/
	   	.spannav{margin-left: 21px;}
	
	.btn-lg {font-size: 18px !important;font-weight: 700; padding: 15px 15px;}
	.btn-sm {font-size: 9pt;padding: 7px 3px;}
   		
   		
   	/* SHOPPING CART */
   	.cart-item-totals{height: 100px; line-height: 100px; text-align: center; vertical-align: top;}
	.qty-box{padding-top: 21px;}

   		
   		
}
/* END X-SMALL DEVICES */



/* SMALL DEVICES (tablets, 768px and up) */
@media (min-width: 768px) 
{

	.col-footer {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.text-align-right-mobile-left{text-align: right;}

	.zetta-menu > li > a {
		padding: 0 8px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		font-family: 'Graphik', Arial, sans-serif;
		font-size: 10pt !important;
		font-weight: bold !important;
	}
	.zetta-menu > li > ul a,
	.zetta-menu > li > ul ul a {
		font-weight: bold !important;
	}


	/* FEATURED PRODUCTS - HOME PAGE */
	#featured-row{}

    .featured-prod-container
	{
		position: relative;
		min-height: 0;
		margin-bottom: 20px;
		min-height: 389px;
	}
	
	#featured-product-text{margin-top: 30px; margin-bottom: 20px; padding-left: 20px;}

	#featured-prod-other{}
    #featured-prod-other .row{margin-left: -30px; margin-right: -30px;}
    
	.featured-prod-other-item{width: 359px;}
	.featured-prod-other-item img{width: 124px;}




	.categorythumb {
		padding: 20px 0 !important;
	}
	
	
		.cat-product-name-hover
		{
			text-align: left; 
			font-size: 16px;
			line-height: 20px; 
			font-weight: bold;
			font-family: 'Graphik', Arial;
		}
		
	
	


    .sidebar-offcanvas{display: none;}
	#sidebar{display: none;}
	 
	.img-detail-thumb{width: 89px;}


	/*#icon-search {
		background-image: url(../images/icons/search.png);
		background-repeat: no-repeat;
		height: 35px;
		width: 35px;
	}*/
	#icon-menu{background-image: url(../images/icons/menu.png); background-repeat: no-repeat; height: 35px; width: 35px;}

	#icon-cart {
		background-image: url(../images/icons/cart.png);
		background-repeat: no-repeat;
		height: 20px;
		width: 22px;
	}

	#icon-account {
		background-image: url(../images/icons/account.png);
		background-repeat: no-repeat;
		height: 20px;
		width: 22px;
	}


	.cartcount {
		text-align: center;
		margin-left: 2px;
		padding: 6px 8px 5px 8px;
		background: #0000d3;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		color: #fff;
		font-size: .9em;
		font-weight: normal;
	}
	
	
	/* SHOPPING CART */
	.cart-subtotal{padding-right: 30px;}
	.btn-checkout{padding-left: 20px; padding-right: 20px;}
	
	
	.btn-lg {font-size: 18px !important;font-weight: 700; padding: 0; text-align: center; padding: 15px;}
	
	
	/* FOOTER STYLES */
	.legal-line{padding-top: 5px !important;}
	
	
}
/* END SMALL DEVICES */





/* MEDIUM DEVICES (desktops, 992px and up) */
@media (min-width: 992px) 
{

	.col-footer {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/*#collapsemenu ul li{margin-right: 40px;} */
	/*#collapsemenu ul li{margin-right: 20px;}*/
	 
	 /* CATEGORY NAVIGATION */
	.navbar-nav > li {margin-right: 0px !important;} 
	.navbar-nav > li:last-child{margin-right: 0 !important;}
	.navbar-default .navbar-nav > li > a {font-size: 10pt;}
	.navbar-default .navbar-nav > li > a:hover span, .navbar-default .navbar-nav > li > a span.selected{font-size: 10pt;}
	.navbar-default .navbar-nav > li > a {margin: 0; padding: 0;padding: 0 0px;}

	.zetta-menu > li > a {
		padding: 0 6px !important;
		padding-right: 6px !important;
		font-family: 'Graphik', Arial, sans-serif;
		font-size: 9pt !important;
		font-weight: bold !important;
	}

	.zetta-menu > li > ul a,
	.zetta-menu > li > ul ul a {
		font-weight: bold !important;
	}


	.zetta-menu > li:last-child {
		float: right !important;
	}



	/* FEATURED PRODUCTS - HOME PAGE */
	#featured-prod-image img{max-height: 250px; max-width: 250px; float: right;}
	.featured-prod-container{min-height: 389px; margin-left: 15px;}
	#featured-prod-other .row{margin-left: -15px; margin-right: -15px;}
	.new-other-product-name{font-size: 16px;line-height: 20px;}
	.featured-prod-other-item{width: 293px;}
    .featured-prod-other-item img{width: 110px;}
	
	
	/* PRODUCT CATEGORY */
	.categorythumb {
		padding: 20px 0 !important;
	}
	.cat-product-name-hover
		{
			text-align: left; 
			font-size: 16px;
			line-height: 20px; 
			font-weight: bold;
			font-family: 'Graphik', Arial;
		}
		
	
	
    .img-detail-thumb{width: 109px;}
	
	/*#icon-account{background-image: url(../images/icons/icon_account_desktop.png); background-repeat: no-repeat; height: 42px; width: 36px;}
	#icon-cart{background-image: url(../images/icons/icon_cart_desktop.png); background-repeat: no-repeat; height: 42px; width: 51px; margin: 0 auto;}
	
	.cartnum
	{
		font-size: 8pt;
		font-weight: bold;
		color: #002856;
		position: absolute;
		right: 18px;
		top: 12px;
	}
*/

	#icon-cart {
		background-image: url(../images/icons/cart.png);
		background-repeat: no-repeat;
		height: 20px;
		width: 22px;
	}

	#icon-account {
		background-image: url(../images/icons/account.png);
		background-repeat: no-repeat;
		height: 20px;
		width: 22px;
	}

	.cartnum {
		font-size: 9pt;
		font-weight: bold;
		color: #002856;
	}



	.btn-lg {font-size: 18px !important;font-weight: 700; padding: 0; text-align: center; padding: 15px;}

	/* SHOPPING CART */
	.cart-subtotal{padding-right: 196px;}
	
	/* CHECK OUT */
	
	
	/* FOOTER STYLES */
	.legal-line{padding-top: 0px !important;}


}
/* END MEDIUM DEVICES */




/* LARGE DEVICES (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{

	.col-footer {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/*#collapsemenu ul li{margin-right: 40px;} */
	.navbar-nav > li {
		margin-right: 15px !important;
	}
	.zetta-menu > li:last-child {
		float: right !important;
	}

	.zetta-menu {
		width: 100%;
	}

	.zetta-menu > li > a {
		font-family: 'Graphik', Arial, sans-serif;
		padding: 0 10px !important;
		font-size: 10pt !important;
		font-weight: bold !important;
	}

	.zetta-menu > li > ul a,
	.zetta-menu > li > ul ul a {
		font-weight: bold !important;
	}


	/* FEATURED PRODUCTS - HOME PAGE */
	#featured-prod-image img{max-height: 310px; max-width: 310px; float: right;}
	.featured-prod-container{min-height: 389px; margin-left: 15px;}

	#featured-prod-other .row{margin-left: -15px; margin-right: -15px;}
	
	.featured-prod-other-item{width: 359px;}
	.featured-prod-other-item img{width: 124px;}

	
	.new-other-product-name
	{
	font-size: 22px;
	line-height: 26px;
	}



	.categorythumb {
		padding: 20px 0 !important;
	}
	
		.cat-product-name-hover
		{
			text-align: left; 
			font-size: 16px;
			line-height: 20px; 
			font-weight: bold;
			font-family: 'Graphik', Arial;
		}
		
	
	/*#featured-row{background-color: #cccccc;}*/
	
	
	
		
/*	#icon-account{background-image: url(../images/icons/icon_account_desktop.png); background-repeat: no-repeat; height: 42px; width: 36px;}
	#icon-cart{background-image: url(../images/icons/icon_cart_desktop.png); background-repeat: no-repeat; height: 42px; width: 51px; margin: 0 auto;}

	
	.cartnum
	{
		font-size: 8pt;
		font-weight: bold;
		color: #002856;
		position: absolute;
		right: 18px;
		top: 12px;
	}

*/


	#icon-cart {
		background-image: url(../images/icons/cart.png);
		background-repeat: no-repeat;
		height: 20px;
		width: 22px;
	}

	#icon-account {
		background-image: url(../images/icons/account.png);
		background-repeat: no-repeat;
		height: 20px;
		width: 22px;
	}
	
.cartnum
	{
		font-size: 9pt;
		font-weight: bold;
		color: #002856;
	}
	
	
	/* SHOPPING CART */
	.cart-subtotal{padding-right: 244px;}
	.qty-box{padding-top: 35px;}

	/* CHECK OUT */

	/* FOOTER STYLES */
	.legal-line{padding-top: 0px !important;}

}
/* END LARGE DEVICES */


@media (min-width: 1440px) {
	.container {
		width: 1440px;
	}
}