* {margin: 0; padding: 0; font-size: 100%; background: none; box-sizing: border-box;}

img, object, video, iframe {max-width: 100%; height: auto;}
img {font-size: 0; vertical-align: middle; border: none;}

body {
	font: normal 14px/1.5 Tahoma, Arial, Helvetica, sans-serif;
	background: url(main_b.png);
}

.wrapper {position: relative; max-width: 1224px; margin: 0 auto; padding: 0 16px; text-align: left;}

#header .wrapper {max-width: 1680px;}

/* :: Tags 
===================================================================================================== :: */

h1, h2, h3, h4, h5, h6 {margin: .1em 0 .5em; padding: .1em 0; line-height: 1.25em; font-weight: bold; cursor: default;}
h1, h2, h3, h4 {font-family: 'Montserrat', sans-serif;}
h1, h2, h4 span {transform: scale(.9, 1); transform-origin: left;}

h1 {font-size: 2.1em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em; margin-bottom: 1em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

ul, ol {padding-left: 1.5em;}

#content ul, #content ol {margin-bottom: 1em;}
#content ul {list-style: url(bullet_01.png);}

li {margin: 0 0 .3em;}

p {margin-bottom: 1em;}

a {text-decoration: underline; outline: none;}		a:visited {}		a:hover {text-decoration: none;}

small {font-size: .9em;}

hr {
	clear: both; position: relative; top: 1.4em;
	height: 0; margin: 0 0 2.8em; 
	border: 1px solid; border-width: 1px 0; border-top-color: white; border-bottom-color: #c6c6c6;
}

/* :: Header 
===================================================================================================== :: */

#header {position: relative; z-index: 1; padding: 1px 0 0;}
#intro {background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);}

	#site-logo {
		float: left; width: 194px; height: 31px; margin: 10px 25px 0 0; padding: 0;
		background: url(logo.png) no-repeat 0 0;
	}
	
	#site-logo a {display: block; height: 31px;}

/* :: Navigations 
===================================================================================================== :: */
		
/* :: Meta Navigation :: */

#header .meta ul {list-style: none; padding: 0;}
#header .meta > ul {padding: .7em 0 .3em; font-size: .9em;}

	#header .meta > ul > li {position: relative; float: left; margin-left: .7em;}
	#header .meta li {margin: 0;}

		#header .meta a {display: inline-block; padding: .6em .7em; text-decoration: none; border: 2px solid transparent;}
			
			#header .meta .login > div {display: inline-block; vertical-align: middle;}
			
			#header .meta .sub-menu > a {
				display: inline-block; padding-right: 25px;
				background: url(mp_dropdown.png) no-repeat 95% 15px; 
			}
			
			#header .meta .sub-menu a:hover {text-decoration: none;}
			
				#header .login .sub-menu ul {
					position: absolute; top: 100%; right: 0; z-index: 1000;
					width: 150px; padding: .5em; list-style: none;
					box-shadow: 0 3px 12px rgba(0,0,0,0.2); display: none;
				}
				
					#header .sub-menu li {float: none; margin: 0; padding: 0; text-align: left;}
					
					#header .sub-menu.on ul {display: block;}
					
						#header .meta #usrpanel a {
							display: block;
							margin: 0 0 1px;
							background-image: none;
							box-shadow: none;
							cursor: pointer;
						}
						
						#header .meta #usrpanel li:last-child {
							border-top: 1px solid; margin-top: .5em; padding-top: .3em;
						}
		
		#header .meta a:hover, #header #usrpanel a:hover {text-decoration: underline;}
		
		#header .meta .shopping-cart a {
			position: relative; margin: 0; padding-right: 36px;
			background: url(icon_cart_sm.png) no-repeat right 10px center;
		}

/* :: Main Navigation :: */

#main-nav {position: relative; margin-top: -1px;}

	#main-nav ul {list-style: none; margin: 0; padding: 0;}
	
		#main-nav li {float: left; position: relative; margin: 0; padding: 0;}
		
			#main-nav a {
				display: block; float: left; padding: 1.2em 1em 1.3em;
				text-decoration: none; font-size: 1em;
			}
			
			#main-nav a:hover {background: linear-gradient(to bottom, #4cb8ff 0%,#2b6cf2 100%);}
			#main-nav .current a {background: linear-gradient(to bottom, #3a8ce0 0%,#2152b8 100%);}
			
			#main-nav #ca6 a {
				position: relative;
				width: 32px; min-height: 1.4em;
				background: url(icon_heater.gif) no-repeat 50% 100%;
			}
			#main-nav #ca6 a span {display: none;}
			#main-nav #ca6 a:hover span {
				display: block;
				position: absolute; top: 4em; left: 45px; z-index: 2000;
				padding: .2em .6em;
				white-space: nowrap; font-size: .9em;
				border: 1px solid;
			}

/* :: Header Graphic :: */

#header-graphic {
	/*position: relative; z-index: 2;*/
	background: url(header_b_02.png) no-repeat 100% 0, url(header_b.jpg) no-repeat 0 50%;
	box-shadow: 0 2px 5px rgba(0,0,0,0.4);
}
	
	#header-graphic .wrapper {
		max-width: 1100px;/* padding: 0 0 0 235px;  
		background: url(header_b_03_sm.png) no-repeat 0 50%;*/
	}
		#header-graphic .inner {/*padding-right: 200px; background: url(header_b_04.png) no-repeat 100% 50%;*/}
	
		.brands {/*max-width: 670px;*/ margin: 0 auto; padding-top: 1px;}
		
		.brands h2 {
			margin: 0 -2em; padding: .2em 0; 
			font-size: 2em; text-transform: uppercase; font-style: italic; text-align: center; 
			transform-origin: center; text-shadow: 1px 1px 5px hsla(0,0%,100%,0.7);
		}
			.brands h2 strong {font-size: 1.2em;}
		
		.brands ul {float: left; width: 100%; margin-bottom: 1em; padding: 0; list-style: none;}
		
			.brands li {float: left; width: 10%; margin: 0;}
			
			.brands ul a {display: block; margin: 0 1px 1px 0; text-align: center;}
			
			.brands ul a:hover {opacity: .7;}

/* :: Main and Content 
===================================================================================================== :: */

#main {padding: 1.5em 0;}

.slider-gallery {margin-bottom: 1em; border: 1px solid;}
	.slider-gallery .item {text-align: center;}
	/*.slider-gallery a {display: block; width: 180px; height: 120px; text-align: center; line-height: 150px;}
		.slider-gallery img {display: block; width: auto !important; height: auto !important; max-width: 180px; max-height: 120px;}*/

#content {
	position: relative; float: none; width: auto; min-height: 300px; margin-left: 270px; padding-bottom: .5em; overflow: hidden;
}

.col-60 {width: 60%;}

.deb {margin-bottom: 1em;}
	.b-heater {
		background: linear-gradient(to right, #230f08 0%,#6f1e12 84%,#41110d 100%); background-size: 400% 400%; animation: b-heater 7s ease infinite;
	}
		.b-heater a {
			display: block; padding: 1em; padding-right: 100px; font-size: 1.8em; line-height: 1.2em; text-transform: uppercase; text-decoration: none;
			background: url(b-heater.gif) no-repeat 100% 0; text-shadow: 0 0 10px hsla(0,0%,100%,0.5);
		}
		
	@-webkit-keyframes b-heater {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
	}
	@-moz-keyframes b-heater {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
	@keyframes b-heater { 
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}

/* :: Item list :: */

.main-items {}
.item-list.gutter .item-content {margin: 0 -6px; display: flex; flex-wrap: wrap;}
	
	.item-col-3 .item-content > section {width: 33.333%; margin-bottom: 12px; float: left;}
	.item-list.gutter .item-content .item-cell {
		position: relative; height: 100%; margin: 0 6px 12px; padding: 12px; border: 1px solid; box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	}
	
		.main-items .img {text-align: center;}
			.main-items img {max-height: 185px;}
	
		.main-items dt a {
			display: inline-block; margin: .5em 0; font-size: 1.2em; font-weight: bold; line-height: 1.2em;
		}
		
		.main-items h5 {font-size: 1em; font-weight: normal;}
		
			.main-items .info .fR {width: 100%; margin: .5em 0;}
			
			.main-items .shopping {position: absolute; left: 0; bottom: 0; width: 100%; padding: 12px;}
				.main-items .price-bar {padding: .3em .7em;}
		
		.main-items .meta {position: absolute; top: -6px; left: 12px; max-width: 100%;}
		
			.main-items .tag-promo {
				display: inline-block; margin-right: .5em; padding: .7em; 
				font-weight: bold; line-height: 1em; text-transform: uppercase; text-align: center;
				border-radius: 5px;
				box-shadow: 0 .3em 5px rgba(0,0,0,0.2);
			}
			
		.item-categories {text-align: center;}
			.item-list.item-categories .item-content .item-cell {padding: 0;}
			.item-categories a {display: block; height: 100%; text-decoration: none; padding: 12px;}
				.item-categories img {max-height: 240px;}
				.item-categories span {display: block; margin-top: .5em;}

/* :: Tables :: */

table.mp-table {width: 100%; margin-bottom: 1em;}

table.mp-table, .mp-table td {border: 1px solid; border-collapse: collapse;}
.mp-table td, .mp-table th {padding: .3em .4em;}

.mp-table th {
	font-weight: bold; font-size: .85em;
	border: 1px solid; border-collapse: collapse;
}

/* :: Items :: */

.items .mp-table {text-align: center;}

.items .add-to-cart {
	display: inline-block;
	width: 36px; height: 28px; margin-bottom: .2em;
	vertical-align: middle;
	background: url(icon_cart_sm.png) no-repeat 50% 50%;
	border: 1px solid;
}

.items .img img {}

.big-img {
	position: relative;
	float: left; width: 100%;
	margin: 0 0 10px;
}

	.big-img img {float: left; border: 2px solid;}

	.big-img span {
		position: absolute; right: 2px; bottom: 2px;
		display: inline-block;
		padding: .3em .5em .3em 2em;
		background: url(icon_zoom.png) no-repeat .3em 50%;
		cursor: pointer;
	}
	
/* :: Item Gallery :: */

.item-gallery {width: 46%; margin: 0 4% 1.3em 0;}
	#site .item-gallery ul {list-style: none; margin: 0; padding: 0;}
		#site .item-gallery li {float: left; width: 18%; margin: 0 7px 0 0; padding: 0;}
		#site .item-gallery li
			#site .item-gallery li a {display: block; margin: 0; padding: 0;}
				.item-gallery img {height: auto; max-width: 100%; border: 1px solid;}

.item-overview {float: right; width: 50%;}
	.item-overview .mp-table {text-align: left;}

/* :: Related Gallery :: */

.related {clear: both; padding: 12px;}
	.related .item-gallery {width: auto; margin: 0;}
	.related h5 {position: relative; float: left; margin: 0 3% 0 -12px; padding: 1%; background-color: #d9d9d9;}
	.related h5:before {
		content: "";
		position: absolute; top: .5em; right: -.5em;
		border-style: solid; border-width: .5em 0 .5em .5em; border-color: transparent transparent transparent #d9d9d9;
	}
		.related .item-gallery ul {float: left; width: 85%; margin-right: 0;}
			#site .related .item-gallery li {width: 13%; max-width: 60px;}
			
			.related a {position: relative; display: block;}
				.related .tooltip-title {
					position: absolute; top: -2.5em; left: 0; padding: .1em .3em;	
					box-shadow: 1px 1px 5px rgba(0,0,0,.4);
					visibility: hidden; opacity: 0;
				}
				.related a:hover .tooltip-title {visibility: visible; opacity: 1;}


/* :: My Profile 
================================================================================== */
		
.toggle-items {margin: 1.5em 0;}

	#content .toggle-items h3 {
		margin: 0 0 .3em; padding: .4em .4em .6em 40px;
		font-size: 1.2em;
		background: url(toggle_close_open.png) no-repeat 4px 5px;
		border: 1px solid;
	}
	
		#content .toggle-items h3 small {margin: .5em 0 0 2em; font-size: 0.7em;}
	
	#content .toggle-items .toggle-close h3 {background-position: 4px -195px;}
	
	.toggle-open, .toggle-close {position: relative;}
		
	.toggle-content {
		margin: -0.4em 0 2em; padding: 1em;
		border: 1px solid; border-width: 0 1px 1px;
	}

/* :: Pagination :: */

.pagination {
	margin: 1.7em 0;
	text-align: center;
	font-size: 1.1em;
	cursor: default;
}

	.pagination * {
		margin: 0 .1em; padding: .2em;
	}

	.pagination .prev-link, .pagination .next-link {
		white-space: nowrap;
	}
	
	.pagination strong {
		border-style: solid; border-width: 1px 0;
	}
	
	.pagination a {font-weight: normal; text-decoration: none;}


/* :: Side Bar 
===================================================================================================== :: */

#side-bar {float: left; width: 250px; margin-bottom: 1.5em;}

#side-bar .form-elements, #side-bar .categories {position: relative; padding: 15px 15px 0;}
#side-bar form, #side-bar .categories ul {padding-bottom: 15px;}
	
	.form-elements, .categories {border-top: 5px solid;}	
	
		#side-bar > div > h4 {position: relative; margin: -15px -15px 0; padding: 15px;}
		#side-bar > div > .toggle-side-nav {padding-left: 40px; cursor: pointer;}
		.toggle-side-nav:before, .toggle-side-nav:after {
			content: ""; position: absolute; top: 1.5em; left: 16px;
			display: block; width: 12px; border-top: 2px solid;
		}
		.toggle-side-nav:after {transform: rotate(-90deg);}
		.toggle-side-nav.on:after {transform: rotate(0);}
		.toggle-side-nav + form, .toggle-side-nav + ul {display: none;}
		.toggle-side-nav.on + form, .toggle-side-nav.on + ul {display: block;}
		
		.categories ul {list-style: none; padding: 0;}
			.categories ul ul {padding: 2px 0 0 1.4em;}
			
			.categories li {margin: 0 0 2px;}
			
				.categories li a {
					display: block; text-decoration: none;
					padding: .3em .2em .2em 1.5em;
					font-size: .9em;
					background: url(bullet_01.png) no-repeat .2em .2em;
					text-shadow: 1px 1px 1px rgba(255,255,255,.5);
				}
				
					.categories li li a {padding-left: .5em; background-image: none;}

/* :: Forms 
===================================================================================================== :: */

.form-elements {padding-bottom: 1em;}
.contact.form-elements {margin-bottom: 24px; padding: 24px; position: relative;}

.contact.form-elements .form-group {width: 40%;}
.contact.form-elements .form-group.last {position: absolute; top: 4.2em; right: 24px; width: 50%;}

	.form-elements fieldset {
		margin: 0 0 1em; padding: 20px 25px;
		border: none;
	}
	
		.form-elements legend {
			width: 100%;
			margin: 0 0 1em; padding: .8em 0 .8em;
			font: bold 1.2em Tahoma, Arial, Helvetica, sans-serif;
			border-bottom: 1px solid;
		}
	
	
		.form-elements .form-container {clear: both; margin: 0 0 1em;}
			
		input[type="text"], input[type="password"], textarea, .txt {
			width: 212px;
			padding: 6px 4px; margin: .3em 0;
			font-size: 1.1em;
			border: 1px solid rgba(0,0,0,0.15);
			box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
		}
		#main .contact.form-elements input[type="text"], .contact.form-elements textarea {width: 100%;}
		
		input[disabled="disabled"] {opacity: .5;}
		
		select {width: 100%; padding: 2px; margin: .3em 0; padding: 6px 4px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.15);}
		#content select {width: auto;}
		
		input[type="checkbox"] {
			display: inline-block;
			width: 15px; height: 15px;
			padding: 1px; margin: .3em 0;
		}
		
		
		input[type="text"].txt-small {width: 25px;}
		select.txt-small {width: 60px;}
		
		input[type="text"].txt-big {width: 250px;}
		select.txt-bi {width: 260px;}
		
		
		:root input[type="text"]:focus, :root input[type="password"]:focus, :root textarea:focus, .txt:focus {
			outline: none; border-color: rgba(116,191,255,.8); box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 0 0 .15em rgba(116,191,255,.5);
		}
		
		input[type="submit"], .btn-default {
			margin: 1em .2em 0; padding: .5em .7em;
			font: bold 1.1em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-transform: uppercase; text-decoration: none;
			cursor: pointer;
			border: 1px solid #ddd;
			background-color: #fff;
			text-shadow: 0 1px 1px rgba(255,255,255,.8);
		}
		.btn-default {text-transform: none;}
		
		.inline-block-label label {display: block; float: left; width: 40%;}
		label.block-label {display: block;}
		
		.attention-box {
			margin: 1em 0; padding: 10px 30px 20px;
			background: url(icon_att.gif) no-repeat 5px 10px;
			border: 1px solid;
		}
		.form-elements .attention-box {position: relative; top: 1.5em; margin: 0 1.7em 2.5em;}

/* :: Inquiry :: */

.inquiry {padding: 2em;}
	.inquiry h2, .inquiry h4 {margin: 0 0 1.3em;}
	.flex-items .row {margin-bottom: 2em;}
		.flex-items .item-content {display: flex; flex-wrap: wrap; margin: 0 -12px;}
		.flex-items .item-col-3 section {width: 33.33%;}
			.flex-items .item-cell {margin: 0 12px;} 
				#content .flex-items .txt {width: 100%;}
				
		.inquiry .delete-wrapper {margin: 0 .7em .5em 0; padding: .3em;}
			.inquiry .delete-wrapper a {margin: 0; line-height: 1.5em; word-break: break-all;}
				.inquiry .delete-wrapper .icon-delete {width: 20px; height: 20px; background-position: 2px 2px;}

/* :: Footer
===================================================================================================== :: */

#footer {padding: 1em 0 0; font-size: .9em; border-top: 2px dashed;}

	.footer-copy {max-width: 60em; margin-left: auto; margin-right: auto; text-align: center;}
	
/* :: CSS Windows 
===================================================================================================== :: */

#window-info-box {
	position: fixed; z-index: 10000;
	width: 100%; height: 100%;
	background: rgba(0,0,0,.3);
}

	#window-info-box .inner-window {
		position: relative; top: 10%;
		width: 20%; min-height: 10%;
		margin-left: auto; margin-right: auto; padding: 20px;
		box-shadow: 2px 2px 15px #000;
	}
	
		.inner-window-header {margin: 0 0 1.5em; padding: 2px 5px;}


/* :: Special Classes and styling
===================================================================================================== :: */

.m-b-l {display: inline-block; margin-bottom: 2.142em;}

li .special-link {display: block;}

.special-link {
	position: relative;
	display: inline-block;
	padding: .2em .8em .3em 1.5em;
	text-decoration: none; font-weight: bold;
	background: url(bullet_02.png) no-repeat .4em 50%;
	border: 1px solid;
}
	.special-link a {text-decoration: none;}

.special-link-sm a {
	display: inline-block; 
	padding: .1em .4em;
	text-decoration: none;
	border: 1px solid;
}

.special-link-sm a:hover {opacity: .8;}

.added-to-cart {
	position: fixed; top: 50%; left: 50%; z-index: 5000;
	width: 120px;
	margin: -35px 0 0 -60px; padding: 50px 10px 10px;
	text-align: center; font-size: .9em;
	background: url(icon_cart.png) no-repeat 50% 10px;
	border: 2px solid;
}

.delete-handle {
	position: absolute; top: -3px; right: -1px;
	padding: 0 5px 3px;
	font-weight: bold; font-size: .9em; line-height: 1em;
	cursor: pointer;
}

.icon-delete {
	display: inline-block;
	width: 14px; height: 14px;
	background: url(icon_delete.png) no-repeat 0 0;
}
.icon-delete:hover {background-position: 0 -100px;}

.delete-wrapper {position: relative; display: inline-block;}
	.delete-wrapper a {display: inline-block; margin: 0 .5em .5em 0;}
	.delete-wrapper .icon-delete {cursor: pointer;} 

input.icon-delete {
	width: auto; height: auto; 
	margin: 0 .2em; padding: .4em .5em .4em 20px; 
	font-size: .9em; text-transform: none;
	border: none; box-shadow: none;
	background-position: 2px 3px;
}

input.icon-delete:hover {background-position: 2px -97px;}

.required-text {font-size: 1.1em;}
.required-text .small-tooltip .tooltip-title {font-size: .8em;}

.small-tooltip {position: relative;}
#site .small-tooltip:hover .tooltip-title {
	display: block;
	position: absolute; left: 0; top: 30px; z-index: 1000;
	padding: 2px 5px;
}

.separator {white-space: nowrap; margin: 0 .3em;}

.delete-handle,
#main-nav #ca6 a:hover span,
.added-to-cart {
	box-shadow: 1px 1px 3px #666;
}

.big-img span,
.special-link,
input[type="submit"],
.attention-box {
	box-shadow: 1px 1px 3px #888;
}

#window-info-box .inner-window,
.added-to-cart {
	border-radius: 10px;
}

.delete-handle, 
#header .meta a,
.special-link,
input[type="submit"],
.attention-box,
#main-nav #ca6 a:hover span {
	border-radius: 5px;
}

.brands ul a,
.items .add-to-cart,
input[type="text"], input[type="password"], textarea,
.special-link-sm a {
	border-radius: 3px;
}

.no-bullet-list {list-style: none; padding-left: 0;}

/* :: Transitions :: */

#main-nav a, .btn, 
#site .nav-collapse,
.related .tooltip-title,
.toggle-side-nav:before, .toggle-side-nav:after,
.item-list .item-cell, .item-list .item-cell a,
.txt, input[type="text"], input[type="checkbox"], input[type="radio"] {
	transition: all .2s ease;
}

/* :: Hide :: */

#site-logo span, #site .nav-collapse,
.brands li span,
.icon-delete span, .add-to-cart span,
.hide {
	display: none;
}

/* :: Clear & Float :: */

.fL {float: left;}	.fR {float: right;}	.cL {clear: left;}	.cR {clear: right;}	.cB {clear: both;}

.clear-fix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}