/*default stylesheet-skin*/

/* -- Universal Styles - basic html -- */

html { font-family: 'Open Sans', sans-serif; }

body { 
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5em;
}


a {  }
a:hover {  }

header .container {
	background-color: #fff;
}


/* This style MUST be declared - no Helvetica due to IE conflict! */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

header .container { padding-top: 10px; padding-bottom: 10px; }

.logo img { max-width: 100%; }

.headerlinks, .cartinfo { text-align: right; }

.tagline { font-size: 1.25em; padding-top: 50px; }

 
.clearfix { clear: both; }

footer {
	border-top: 1px solid #808080;
	background-color: #e8e8e8;
	padding-top: 20px;
}

@media (max-width:600px) {
}



/* -- Bootstrap-specific styles -- */

/*navigation*/

/*the main navbar style*/

nav { 
	background-color: #e8e8e8;
}





.navbar {
	border-radius: 0; 
	/*margin-bottom: 0;*/
	
}
.navbar-header { float: none; }
.navbar-default {
	background-color: #e8e8e8;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
.navbar-default .navbar-brand {
	color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #fff;
}
.navbar-default .navbar-text {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
	color: #808080;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #555;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li:hover {
	color: #ffffff;
	background-color: #808080;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #ffffff;
	background-color: #808080;
}
.navbar-default .navbar-toggle {
	border-color: #808080;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #808080;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #ffffff;
}
.navbar-default .navbar-link {
	color: #ffffff;
}
.navbar-default .navbar-link:hover {
	color: #ffffff;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ffffff;
		background-color: #808080;
	}
}


.dropdown-menu {
	background-color: #e8e8e8;
}

.dropdown-menu > li > a { color: #555; }

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #808080;
	color: #fff;
	background-image: none;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	filter:none !important; 
}

.navbar-default .navbar-toggle { border: none; }
.navbar-toggle { float: none; margin-right: 0px; }
.navbar-toggle .glyphicons { color: #2A6496; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
button.navbar-toggle { margin-bottom: 0px; }
.toggle-text { color: #2A6496; text-transform: uppercase; font-size: 13px; line-height: 1.1em; margin: 0; margin-bottom: 5px; }
.toggle-text a { color: #2A6496; }
a.btn.navbar-toggle { color: #2A6496; margin-bottom: 0px; }

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

/*this is to prevent the nav from being indented*/
@media (min-width:768px) {
	.toggle-text { display: none; }
	.navbar-header { float: none; }
	
}
/*this sets the link color in drop-down menu with hamburger and removes the border, shadow and margins at the top and bottom of drop-down menu*/
@media (max-width:767px) {
		.navbar-collapse.top-nav-collapse, .navbar-collapse.top-nav-collapse.in { border: 0; box-shadow: none; }
	.navbar-default .navbar-nav { background-color: #808080; }
	ul.nav.navbar-nav { margin-bottom: 0; }
	ul.nav.navbar-nav > li > a { color: #333; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #808080; }
}

@media (max-width:600px) {
.caret { border-top-color: #808080; border-bottom-color: #808080; }
.navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.dropdown>a:focus .caret, .navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: #808080;
border-bottom-color: #808080;
}

}



/*sidebar nav*/
#nav { 
  display: block; 
  width: 100%; 
  background:transparent;
  margin: 10px auto; 
}

#nav{
margin: 0px;
padding: 0px;
}

#nav li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#nav > li > a { 
  display: block; 
  padding: 10px 10px;
  color: #777;
  text-decoration: none;
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
}

#nav > li > a:hover, #nav > li > a.open { 
  color: #666;
  background-color: #f3f3f3;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

#nav li ul { display: none; background: #fff; margin: 0px;}


#nav li ul li a { 
  display: block; 
  background: #fafafa;
  padding: 10px 0px;
  padding-left: 15px;
  text-decoration: none;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  color: #777;
}
#nav li ul li a:hover {
  background: #f3f3f3;
}



/*buttons*/

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:active,
.btn.active {
  background-image: none;
}

.btn-default {
	background-color: #e8e8e8;
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e8e8e8));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e8e8e8, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  border-color: #e0e0e0;
  border-color: #ccc;
}

.btn-default:focus, .btn-default:hover, .btn-default:active,
.btn-default.active {
  background-color: #e8e8e8;
  border-color: #e0e0e0;
}

.btn-primary {
	background-color: #3071a9;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
  background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%);
  background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  background-repeat: repeat-x;
  border-color: #2d6ca2;
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active,
.btn-primary.active {
  background-color: #3071a9;
  border-color: #2d6ca2;
}

.btn-success {
	background-color: #449d44;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
  background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
  background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  border-color: #419641;
}

.btn-success:focus, .btn-success:hover, .btn-success:active,
.btn-success.active {
  background-color: #449d44;
  border-color: #419641;
}

.btn-warning {
	background-color: #ec971f;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));
  background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%);
  background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  border-color: #eb9316;
}

.btn-warningt:focus, .btn-warning:hover, .btn-warning:active,
.btn-warning.active {
  background-color: #ec971f;
  border-color: #eb9316;
}

.btn-danger {
	background-color: #c9302c;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
  background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
  background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  border-color: #c12e2a;
}

.btn-danger:focus, .btn-danger:hover, .btn-danger:active,
.btn-danger.active {
  background-color: #c9302c;
  border-color: #c12e2a;
}

.btn-info {
	background-color: #31b0d5;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
  background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  border-color: #2aabd2;
}

.btn-info:focus, .btn-info:hover, .btn-info:active,
.btn-info.active {
  background-color: #31b0d5;
  border-color: #2aabd2;
}



.well { 
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8e8e8), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #e8e8e8, 0%, #f5f5f5, 100%);
  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}




/*-- MightyMerchant styles, including shared plug-ins -- */

.mm-columns {
	margin-top: 0;
	margin-bottom: 0;
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}

.item, .item-gc, .item-single {
	min-height: 20px;
	/*max-height: 300px;*/
	/*max-width: 250px;*/
	margin: 10px auto;
	padding: 10px 10px;
	border: 1px solid #f3f3f3;
	box-shadow: inset 0px 0px 1px #ddd;
	-webkit-transition:box-shadow 1s ease;
   	-moz-transition:box-shadow 1s ease;
   	-o-transition:box-shadow 1s ease;
   	transition:box-shadow 1s ease;
}

.item-gc { min-height: 20px; }
.item-single { max-width: 100%; min-height: 20px; }

.item:hover, .item-gc:hover, .item-single:hover {
	box-shadow: inset 0px 0px 5px #ccc;
	-webkit-transition:box-shadow 1s ease;
   	-moz-transition:box-shadow 1s ease;
   	-o-transition:box-shadow 1s ease;
   	transition:box-shadow 1s ease;	
}

.item .ico, .item-gc .ico, .item-single .ico{
	color: #fff;
	display: inline-block;
	width: 35px;
	height: 20px;
	margin-left: 5px;
}

.item hr, .item-gc hr, .item-single hr{
	margin: 5px 0px;
}

.item .item-image, .item-single .item-image{
	/*height: 150px;*/
}

.item .item-image img, .item-single .item-image img{
	padding: 5px 0px;
	/*height: 140px;*/
	width: auto;
	display: block;
	margin: 0 auto;
}

.item .item-details h5, .item-gc .item-details h5, .item-single .item-details h5{
	text-align: center;
}

.item .item-details h5 a, .item-gc .item-details h5 a, .item-single .item-details h5 a{
	color: #666;
}

.item .item-details h5 a:hover, .item-gc .item-details h5 a:hover, .item-single .item-details h5 a:hover {
	text-decoration: none;
}

.item .item-details p, .item-single .item-details p {
	text-align: center;
}

.item .item-price, .item-single .item-price{
	margin: 3px 0px;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	padding: 2px 5px !important;
	line-height: 20px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	background: #f3f3f3;
	border: 1px solid #eee;
	box-shadow: inset 0px 0px 1px #888;
	/*max-width: 48%;*/
}

.mm-quickorder_3up .item, .mm-search .item.quickorder_3up { text-align: center; }
.mm-quickorder_3up .item .item-price, .mm-search .item.quickorder_3up .item-price {
	float: none;
	margin-bottom: 10px;
}

.item .item-details a.btn { color: #fff; }

/* Home page slider - adjust heights for your specific needs */

#carousel-basic {
	padding: 0;
	border: 0;
	width: 100%;
	 height: 33%; /* to determine this height, think of the images in terms of a ratio*/
	overflow: hidden;
}

@media (min-width:992px) {
    #carousel-basic img { width: 100%; height: 430; } /* This is your image height at large size; adjust for your ratio*/
}

@media (max-width:991px) {
    #carousel-basic img { width: 100%; height: auto; } /* This is your height at small size*/
}


.media-list.alternating .media:nth-child(even) .media-object {
	width: 33%;
	float: left;
	margin-right: 20px;
}

.media-list.alternating .media:nth-child(odd) .media-object {
	width: 33%;
	float: right;
	margin-left: 20px;
}



/*To Affix Mini Cart*/
.minicart-btn{
	border: 1px solid #DDD;
	border-radius: 0px;
	padding: 10px;
	text-align: center;
}

.minicart-toggle {
	display:inline-block;
	border-left: 1px solid #808080;
	padding-left: 8px;
	margin-left: 2px;
}

.affix {
	position: fixed;
	top: 0;
	max-width:263px;
}

.affix-bottom {
	position:absolute;
	max-width:263px;
}
 


/*Site-specific styles - these were created specifically for this site*/


/* -- IE fixes (hopefully)  -- */

.navbar-default, .navbar-default .nav li.dropdown.open > .dropdown-toggle,
.navbar-default .nav li.dropdown.active > .dropdown-toggle,
.navbar-default .nav li.dropdown.open.active > .dropdown-toggle,
.navbar,
.navbar-default .navbar-inner {
    filter: none;
    background-image: none;
}

* { filter:none !important; }