@charset 'utf-8';
/*
	Miva Merchant Bootstrap Supplimental Styles
	Author: Matt Zimmermann
	Updated: 11/11/2013
	
	+-+-+-+-+-+-+ GLOBAL STYLES +-+-+-+-+-+-+
		=GLOBAL ELEMENTS
		=GLOBAL CLASSES
		=HEADER
		=NAVIGATION BAR
		=BREADCRUMBS
		=CATEGORY TREE
		=FOOTER
	+-+-+-+-+-+-+ PAGE SPECIFIC STYLES +-+-+-+-+-+-+
		=SFNT PAGE
		=CTGY PAGE
		=PROD AND PATR PAGES
		=CHECKOUT PAGES
	+-+-+-+-+-+-+ MEDIA QUERIES +-+-+-+-+-+-+
		=DEVICE MEDIA QUERIES
		=PRINT STYLES
*/

/*
------------------------ GLOBAL ELEMENTS ------------------------ */
body {
	color: #000;
	font: 12px/22px myriad-pro, sans-serif;
	-webkit-font-smoothing: antialiased;
	background: url(../../graphics/00000001/images/bg_body.jpg) repeat-x;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #666;
	font-family: myriad-pro, sans-serif;
	margin: 1px 0;
	padding: 1px 0;
}
h2 {
	font-size: 25px;
	line-height: 35px;
}
h3 {
	font-size: 20px;
	line-height: 30px;
}
h4 {
	font-size: 16px;
	line-height: 28px;
}
h5,
h6 {
	color: #444;
	font-weight: 600;
}
h5 {
	font-size: 14px;
	line-height: 22px;
}
h6 {
	font-size: 13px;
	line-height: 25px;
}
p {
	margin: 0;
	padding: 0;
}
a:hover,
a:active,
a:focus {
	outline: 0;
}
:focus {
	outline: none;
}
::-moz-focus-inner {
	border: 0;
}
hr {
	border-top: 0;
	border-bottom: 1px solid #f4f4f4;
	height: 0;
	margin: 15px 0 10px 0;
	padding: 0;
}

.carousel-inner>.item>img {
	margin:0 auto;
}
.carousel-control {
	width:8% !important;
}
.carousel-control.left,
.carousel-control.right {
	background: none !important;
}

.carousel-control .icon-prev {
	background: url(../../graphics/00000001/images/prev.png) repeat;
	width:20px;
	height:36px;
}
.carousel-control .icon-next {
	background: url(../../graphics/00000001/images/next.png) repeat;
	width:20px;
	height:36px;	
}
.carousel-control .icon-next:before,
.carousel-control .icon-prev:before {
	content:"" !important;
}

.carousel-inner {
	float:left;
	margin-top:-56px;
}
.carousel-control { top: 100px; }

/*
------------------------ =GLOBAL CLASSES ------------------------ */
.bold {
	font-weight: normal;
}
.sep {
	height: 5px;
	background: url(../../graphics/00000001/images/sep.png) repeat;
}
.bor {
	/* background: url(../../graphics/00000001/images/sep.png) repeat-x; */
	border-top:1px solid #f3f3f3;
	height: 5px;
	margin: 15px 0;
	clear:both;
}
.clear {
	clear:both;
}

.download-button {
	text-align:right;	
}
.download-button input {
	background: #5fa8db;
	color: #fff;
	border:0px;
	padding:2px 30px;
}
.download-button input#submit_download_2 {
	margin-right:15px;
}
.download-button input[type=button]:disabled {
    color:#ccc;
}
.download-result {
	text-align:center;
	clear:both;
}
.download-hightlight {
	padding:10px;
	border: 1px solid rgb(124, 221, 119);
	border-radius: 2px;
	background-color: rgb(188, 245, 188);
	color: rgb(0, 100, 0);
}



.viewmore {
	float:right;
	margin-top:-20px;
	margin-right:15px;
	color:#5fa8db;
}
.viewmore:visited {
	color:#5fa8db;
}
.center {
	text-align: center;
}
.italic {
	font-style: italic !important;
	font-weight: normal !important;
}
.required {
	font-weight: 600 !important;
}
.horizontal-links a {
	margin-right: 20px;
}
.well {
	background: #fafafa;
	border: 1px solid #eee;
	box-shadow: inset 0 0 2px #eee;
	margin: 20px 0;
	padding: 10px 15px;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 8px;
	margin-top: 5px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 8px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
.onethree-left {
	float: left;
	width: 23%;
}
.onethree-right {
	float: right;
	width: 76%;
}
.col-left {
	width: 48%;
	float: left;
}
.col-right {
	width: 48%;
	float: right;
}
.title {	
	margin-bottom: 8px;
	padding:15px 15px 3px 15px;
	color:#5fa8db;
	font-size:22px;
	clear:both;
}
	.title i {
		margin-right: 3px;
	}
.page-head {
	margin-top:0px;
}
.page-head h1 {
	font-size: 36px;
	color:#7b7b7b;
}
.page-head h4 {
	color: #999;
	font-size: 15px;
}
.content {
	margin: 20px 0px;
}
.content .promo {
	display:none;
}

.page-content {
	background:#ffffff;
	margin-top:-76px;
	float:left;
	width:100%;
}
.page-content h2 {
	color: #5fa8db;
	font-size: 22px;
}
.page-content .contents h2 {
	padding:0px;
}
.page-content .contents h2.sections {
	padding:10px 0px;
}
.page-content .contents ul {
	margin-top:20px;
}
.page-content .contents ul.section-ul {
	margin-top:0px;
	margin-bottom:20px;
}
.page-content .contents ul {
	margin-top:20px;
}
.page-content .contents form#where-to-buy select[name="state"] {
	width:40%;
	margin:20px auto 10px auto;
	display:block;
	font-size:16px;
}
.page-content .contents form#where-to-buy input[type="submit"] {
	width:40%;
	margin:0 auto 10px auto;
	display:block;
	font-size:16px;
}
.page-content .contents .results {
	font-size:14px;
}
.page-content .contents .results h2 {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #ccc;
}
.page-content .contents .results .result-item p {
	margin:0px !important;
}
.page-content .contents .results .result-item {
	margin-bottom:20px;
	padding:10px 0px;
}

.page-content .contents a {
	text-decoration:underline;
}
.page-content .contents .item-links-download a {
	padding:0 2px 0px 4px;
	border-left:1px solid #5fa8db;
}

.page-content .item-links-download span.item-downlink:last-child { 
	color:#ccc;
}
.page-content .item-links-download span.item-downlink:last-child span { 
	display:none;	
}
.page-content .contents a.scroll {
	cursor:pointer !important;
}
.page-content .contents  h2 a {
	text-decoration:none;
	color: #5fa8db;
	font-size: 22px;
}
.page-content .contents table.table_contact-us {
	width: 100%;
}
.page-content .contents table.table_contact-us td {
	padding:0px 4px;
}
.page-content .contents table.table_contact-us h2 {
	line-height:normal;
	font-size:18px;
	margin-top:10px;
}
.page-content .contents table.table_contact-us .head {
	background:#f2f1f1;
}
.page-content .contents table.table_contact-us .head h2 {
	font-size:22px;
	margin-top:0px;
}
.page-content .contents table.table_contact-us p {
	margin:5px 0px;
}

.page-content .contents table.product-instructions {
	border:0px solid #dedede;
}
.page-content .contents table.product-instructions td img {
	
}
.page-content .contents table.product-instructions td {
	border:0px solid #dedede;	
}
.page-content .contents table.product-instructions td a {
	display:block;
	text-decoration:none;
	text-align:center;
	margin:12px;
}

.page-content .contents table.image-downloads {
	border:0px solid #dedede;
}
.page-content .contents table.image-downloads td img {
	
}
.page-content .contents table.image-downloads td {
	border:0px solid #dedede;	
}
.page-content .contents table.image-downloads td a {
	display:block;
	text-decoration:none;
	text-align:center;
	margin:12px;
}

.container {
	
}

.page-content .container {
	max-width:228px;
	padding:0px;
}
.page-content .col-md-9 {
	padding-right:37px;
	padding-left:20px;
}

.SFNT .promo .col-md-4 {
	width: 33.33333333333333% !important;
}

.promo .col-md-4 {
	width:100%;
}
.promo .col-md-4 img {
	max-width:90px;
}

.page-content .promo {
	display:block;
	margin-top:20px;
}
.page-content .promo .pmed {
	margin:0px;
}
.page-content .promo .pbox {
	border-bottom:1px solid #dedede;
	padding-bottom:30px;
}
.page-content .promo .pmed a {
	font-size:20px;
}
.page-content .promo .container .row  {
	background:none;
	border-bottom:0px;
}
.page-content .promo .psmall  {
	font-size:12px;
	color:#000000;
	margin:0px;
}	
.page-content .promo .pmedsub {
	font-size:14px;
	color:#7b7b7b;
}
.promo img {
	max-width: 130px;
	max-height: 110px;
}

.content .catalog-thumbnails {
	padding:0px;
	text-align:center;
}
.content .catalog-thumbnails img {
	margin-bottom:10px;
}

.content img.sizesmall {
	max-width:100px;
}

.content img.bordered {
	border:1px solid #c5c5c5;
	padding:8px 7px;
}

.content img.category-header {
	border:5px solid #ccc;
	border-radius: 2px;
	margin-top:20px;
	margin-bottom:15px;
	max-width:100%;
}
.content div.ctgy_header a {
	text-decoration:underline;
}
.content div.ctgy_header p {
	padding:0px 0px 15px 0px;
}

.content img.alignright {
	margin:0px 10px 0px 20px;	
	float:right;
}
.content ul li {
	list-style-image:url(/mm5/graphics/00000001/images/right-bullet-arrow.gif);
	margin: 0;
	font-size:16px;
	padding: 1px 0;
}
.content a.morelink {
	color:#5fa8db;
	text-decoration:none;
}
.content ul.ulist-instructions li {
	list-style:none;
	text-align:center;
	float:left;
	width:25%;
	height: 200px;
	margin:0px 15px 15px 15px;	
	padding-bottom:20px;
}
.content ul.ulist-instructions li a {
	display:block;	
	float:left;
	width: 100%;
}
.content ul.ulist-instructions li a.pdf-links,
.content ul.ulist-instructions li a.video-links {
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	line-height:normal;
	border-top:1px solid #ccc;
	padding-top:10px;
}
.content ul.ulist-instructions li div.image-link {	
	height:140px;
}
.content ul.ulist-instructions li div.image-link img {
	max-height:140px;
	max-width:176px;
}
.content ul.ulist-instructions li div.image-link a {
	border:0px;
}
.content table,
.content p {
	font-size:16px;
	margin:15px 0px;
	line-height:26px;
}
.lists ul {
	margin: 0;
	margin-left: -15px;
}
.tab-pane ul {
	margin: 0;
	margin-left: 25px;
	padding: 0;
}

	/* ------------------------ font colors ------------------------ */
	.nolink,
	.red,
	.error,
	.invalid {
		color: #f00 !important;
	}

	/* ------------------------ buttons ------------------------ */
	a.btn,
	a.btn:visited,
	a.btn:hover {
		color: #333 !important;
	}
		a.btn-primary,
		a.btn-primary:visited,
		a.btn-primary:hover,
		a.btn-warning,
		a.btn-warning:visited,
		a.btn-warning:hover,
		a.btn-danger,
		a.btn-danger:visited,
		a.btn-danger:hover,
		a.btn-success,
		a.btn-success:visited,
		a.btn-success:hover,
		a.btn-info,
		a.btn-info:visited,
		a.btn-info:hover,
		a.btn-inverse,
		a.btn-inverse:visited,
		a.btn-inverse:hover {
			color: #fff !important;
		}
	.button {
		margin: 10px 0 5px 0;
	}
		.button a,
		.button a:visited {
			border: 0 !important;
			color: #fff;
			font: 13px 'Open Sans', Arial, Helvetica, sans-serif !important;
			padding: 5px 10px;
			text-decoration: none !important;
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			-webkit-transition: background 1s ease;
			transition: background 1s ease;
		}
		.button a:hover {
			color: #fff;
			text-decoration: none;
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			-webkit-transition: background 1s ease;
			transition: background 1s ease;
		}
		button.close {
			font-size: 16px !important;
		}

	/* ------------------------ back to top link ------------------------ */
	.totop {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 104400;
	}
		.totop a,
		.totop a:visited {
			color: #fff;
			display: block;
			line-height: 30px;
			text-align: center;
			width: 30px;
			height: 30px;
		}
		.totop a:hover {
			color: #fff;
			text-decoration: none;
		}


/*
------------------------------- =HEADER ------------------------------- */
#site-container {
	
}
header {
	/*background: #fafafa url(../../graphics/00000001/images/cream.png) repeat;*/
	color: #000;
	padding: 0px 0px 20px 0px;
}
	
	header .logo {
		padding: 0;
	}
		header .logo h1 a,
		header .logo h1 a:visited,
		header .logo h1 a:hover {
			color: #777;
			font-size: 35px;
			font-weight: 400;
			text-decoration: none;
		}
		header .logo .meta {
			color: #888;
			line-height: 15px;
			margin: 0;
			padding: 0;
		}
		header .logo img {
			max-width: 100%;
			min-width:230px;
			z-index: 1;
			position: relative;
		}
	header .hlinks > span {
		border-radius: 3px;
		color: #fff;
		padding: 5px 7px;
	}
		header .hlinks a,
		header .hlinks a:visited {
			color: #fff;
			text-decoration: none;
		}
		header .hlinks a:hover {
			border-bottom: 1px dotted #fff;
			color: #fff;
		}
	header .lr {
		margin-left: 10px;
	}
	header form input,
	header form button {
		margin-bottom: 10px !important;
		height: 26px !important;
		padding: 4px 15px 4px 4px !important;
		font-size: 12px !important;
	}
	header form select.category-filter {
		display: inline-block;
		width: 100%;
		padding: 3px 0px 4px 0px;
		color: #555;
		vertical-align: middle;
		background-color: #fff;
		margin-left: 0px;
		background-image: none;
		border: 1px solid #ccc;
		border-right: 0px;
		border-radius: 0px;
	}
	header form input[type="text"] {
		border-radius:0px;
	}
	/*
	header form select.category-filter {
		position:absolute;
		width:20px;
		padding: 3px 0px 2px 0px;
		margin:2px;
		border:0px;
	}
	*/
	
	header form button {
		float: right !important;
		background: url(../../graphics/00000001/images/btn-search.jpg) no-repeat !important;
		border: 0px !important;
		text-indent: -99999px;
		margin: -31px 20px 0px 0px !important;
		height: 20px !important;
		padding: 0px !important;
		width: 20px;
		position: relative;		
	}
	
	header .top-menu {		
		margin: 5px 0px 3px 0px;
		padding: 0;
		text-align:right;
	}
	header .top-menu li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}
	header .top-menu li a {
		border-left: 1px solid #176097;
		color: #176097;
		font-size: 11px;
		padding: 0 4px 0 8px;
	}
	header .top-menu > li:first-child > a {
		border-left: none;
	}
	
	
	header .hlinks {
		display:none;
	}
	
	
	/* ------------------------ global mini-basket ------------------------ */
	.cart {
		margin: 20px 0;
	}
		#cart a {
			color: inherit;
		}
		.cart .tcart img {
			max-height: 50px;
		}
		.cart td.item-input {
			width: 20%;
		}


/*
------------------------------- =NAVIGATION BAR ------------------------------- */
.navbar {
	background: none !important;
	border:0px !important;
	background-repeat: no-repeat;
	border-radius: 0;
	border-right: 0 !important;
	border-left: 0 !important;
	filter: none !important;
	font: 12px 'Open Sans', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 !important;
	padding-left: 10px;
	text-transform: uppercase;
}
	.navbar ul {
		margin: 0;
		padding: 0;
	}
		.navbar ul li {
			list-style-type: none;
			list-style-image: none;
			margin: 0;
			padding: 0;
		}
	.navbar button {
		font-size: 13px;
	}
		.navbar-toggle .icon-bar {
			background: #fff;
		}
	.navbar .caret {
		/*
		border-top-color: #fff !important;
		border-bottom-color: #fff !important;
		*/
		background: url(../../graphics/00000001/images/caret.png) no-repeat;
		border:0px !important;
		width:9px;
		height:10px;
		margin-bottom: 5px;
	}
	.navbar .nav {
		border:0px !important;
		margin-top:-1px;
		margin-left:-30px;
		margin-right:-15px;
	}
		.navbar .nav > li > a {
			color: #fff !important;
			padding: 20px 12px;
			text-shadow: none !important;
			/*
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			-webkit-transition: background 1s ease;
			transition: background 1s ease;
			*/
			border:0px !important;
			font-weight:bold;
			font-size:1em;
		}
		.navbar .nav > li > a:hover {
			background:#ffffff !important;
			color: #e0001a !important;
			/*
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			-webkit-transition: background 1s ease;
			transition: background 1s ease;
			*/
		}
		.navbar .nav > li > a.dropdown-toggle {
			background:none !important;
		}
		.navbar .nav > li:hover > a.dropdown-toggle {
			background:#ffffff !important;
			color: #e0001a !important;
		}
		.navbar .nav > li:hover > a.dropdown-toggle .caret {
			background: url(../../graphics/00000001/images/caret-hover.png) no-repeat !important;
		}
		.navbar .nav .active > a,
		.navbar .nav .active > a:hover,
		.navbar .nav .active > a:focus {
			box-shadow: none;
			color: #ffffff;
		}
	.navbar-nav>li>.dropdown-menu {
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}	
	
	
	.dropdown-toggle {
		z-index: 1000;
	}	
	.nav-collapse a {
		font-weight: normal !important;
		text-shadow: none !important;
	}
	.dropdown-menu {
		background: #fff !important;
		border: 0px !important;
		margin: 0;
		margin-top: 0px !important;
		padding: 0;
		z-index: 1000;
		font-size:13px !important;		
	}
	.dropdown-menu li:last-child {
		border-bottom:4px solid #e0001a !important;
	}
		.dropdown-menu a {
			background: #ffffff !important;
			border-bottom: 0px solid #ddd;
			color: #7b7b7b !important;
			padding: 6px 10px !important;
			text-shadow: none !important;
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			-webkit-transition: background 1s ease;
			transition: background 1s ease;
			text-transform: none !important;
		}
		.dropdown-menu a:hover,
		.dropdown-menu a:focus {
			background: #f3f3f3 !important;
			filter: none !important;
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			-webkit-transition: background 1s ease;
			transition: background 1s ease;
		}
			.dropdown-menu::after,
			.dropdown-menu::before {
				border: none !important;
			}
		.nav-collapse .nav > li > a,
		.nav-collapse .dropdown-menu a {
			border-radius: 0 !important;
		}
		.nav-collapse .dropdown-menu li + li a {
			margin-bottom: 0 !important;
		}


	
/*
------------------------ =NAV ------------------------ */
 /* ----- top level category list ----- */
ul.dropdown {
	position: relative;
	margin: 0;
}		
	ul.dropdown a:hover {
		color: #000;
	}

	ul.dropdown li {
		font-weight: bold;
		float: left;
		zoom: 1;
		vertical-align: middle;
		list-style: none;
	}	
	ul.dropdown > li.active > a {
		color:#e0001a;
	}
		ul.dropdown li a {
			display: block;
			padding: 4px 0px;
			color: #666;
			font-size:16px;
			font-weight:normal;
			text-decoration: none;
		}
		ul.dropdown li a:hover {
			
		}
			/* Reiterated here because IE6 won't recognize like all the other browsers. */
			.ie6 ul.dropdown li a {
				color: #222;
				text-decoration: none;
			}
		ul.dropdown li:last-child a {
			border-right: none;
		}
		ul.dropdown li.hover,
		ul.dropdown li:hover {
			color: #000;
			position: relative;
		}
		ul.dropdown li.hover a {
			color: #000;
		}
	ul.dropdown code {
		padding: 0 0 0 10px;
	}

	/* ----- second level category list ----- */
	ul.dropdown > ul {
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
		padding: 0;
		margin: 0;
	}
		ul.dropdown ul li {
			font-weight: normal;
			color: #000;
			border-bottom: 1px solid #ccc;
			float: none;
		}
			.ie6 ul.dropdown ul li,
			.ie7 ul.dropdown ul li {
				display: inline;
				width: 100%;
			}
			ul.dropdown ul li a {
				border-right: none;
				display: block;
			}
				/* IE 6 & 7 Needs Inline Block */
				.ie6 ul.dropdown ul li a,
				.ie7 ul.dropdown ul li a {
					display: inline-block;
				}
		ul.dropdown .sub-menu code {
			padding: 0;
			display: inline;
			position: absolute;
			right: 10px;
		}

		/* ----- third level category list ----- */
		ul.dropdown ul ul {
			left: 100%;
			top: 0;
		}
			ul.dropdown li:hover > ul {
				display:block;
				padding:4px 15px 10px 15px;
				margin-left:0px;
			}

/* ----- use to convert the menu to a vertical layout for the category tree ----- */
ul.flyout {
	
}
	ul.flyout li {
		float: none;
	}
		ul.flyout ul {
			display:none;
			top: 0;
			left: 100%;
			width: 200px;
			position: absolute;	
			z-index:999;
		}
		ul.flyout ul li {
			border-bottom:0px;
		}
		ul.flyout ul li a {
			font-size:16px !important;
			color:#fff !important;
			border-bottom:1px solid #e0001a;
			padding: 6px 0px 0px 0px;
			line-height: 18px;
		}
		ul.flyout ul li a:hover {
			border-bottom:1px solid #fff;
		}
		
		
.arrow_box {
	position: relative;
	background: #e0001a;
	min-height:39px;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(224, 0, 26, 0);
	border-right-color: #e0001a;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box:before {
	border-color: rgba(224, 0, 26, 0);
	border-right-color: #e0001a;
	border-width: 10px;
	margin-top: -10px;
}
/*
------------------------ =TIMELINE ------------------------ */
#timeline {
	margin: 20px 0px;
}
div.timeline {
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    position: relative;
    overflow: hidden;
    margin: 0px auto;
	width:700px;
}

/* Column */
div.timeline.dual div.column_left {
    width: 50%;
    float: left;
	margin-top:60px;
	margin-bottom:60px;
	text-align:right;
}
div.timeline.dual div.column_right {
    width: 50%;
    float: right;
    margin-top: 20px;
	text-align:left;
}
div.timeline.left div.column_left,
div.timeline.right div.column_right,
div.timeline.center div.column_center {
    width: 100%;
    float: none;
    margin-top: 0px;
}

/* Date Separator */
div.timeline div.date_separator {
    clear: both;
    text-align: center;
    height: 60px;
    position: relative;
}
div.timeline div.date_separator span {
    position: absolute;
    display: block;
    width: 150px;
    height: 30px;
    line-height: 30px;
    top: -200%;
    margin-top: -16px;
    font-size: 14px;
    border-radius: 5px;
    filter:alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
div.timeline div.date_separator.animated span {
    top: 50%;
    filter:alpha(opacity=100);
    opacity: 1;
}
div.timeline.dual div.date_separator span,
div.timeline.center div.date_separator span {
    left: 50%;
    margin-left: -75px;
}
div.timeline.left div.date_separator span {
    right: 0px;
}
div.timeline.right div.date_separator span {
    left: 0px;
}

/* Spine */
div.timeline div.spine {
    position: absolute;
    top: 0px;
    bottom: 100%;
    width: 12px;
    border-radius: 2px;
    -webkit-transition: bottom 0.5s linear;
       -moz-transition: bottom 0.5s linear;
        -ms-transition: bottom 0.5s linear;
         -o-transition: bottom 0.5s linear;
            transition: bottom 0.5s linear;
}
div.timeline.dual div.spine,
div.timeline.center div.spine {
    left: 50%;
    margin-left: -2px;
}
div.timeline.left div.spine {
    right: 4px;
}
div.timeline.right div.spine {
    left: 4px;
}
div.timeline div.spine.animated {
    bottom: 0%;
}

/* Element */
div.timeline_element {
    position: relative;
    margin: 10px 0px;
    opacity: 0;
    clear: both;
    border-radius: 5px;
    -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;	
}
.opacityFilter div.timeline_element {
    visibility: hidden;
}
.opacityFilter div.timeline_element.animated {
    visibility: visible;
}
div.timeline_element div.del {
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
    cursor: pointer;
    border-radius: 3px;
    font-size: 8px;
    text-transform: uppercase;
    padding: 4px 6px;
    text-shadow: none;
}
div.timeline_element:hover div.del {
    display: block;
}
div.timeline div.column_left div.timeline_element {
    float: right;
    margin-right: 30px;
    left: 10%;
}
div.timeline div.column_right div.timeline_element {
    float: left;
    margin-left: 30px;
    right: 10%;
}
div.timeline div.column_center div.timeline_element {
    margin: 20px auto;
}
div.timeline div.column_left div.timeline_element.animated {
    left: 0%;
    opacity: 1;
}
div.timeline div.column_right div.timeline_element.animated {
    right: 0%;
    opacity: 1;
}
div.timeline div.column_center div.timeline_element.animated {
    opacity: 1;
}
div.timeline_element:before {
    content: '';
    position: absolute;
    display: block;
    width: 26px;
    height: 0px;
}
div.timeline div.column_left div.timeline_element:before {
    top: 15px;
    right: -27px;
}
div.timeline div.column_right div.timeline_element:before {
    top: 15px;
    left: -27px;
}
div.timeline div.column_center div.timeline_element:before {
    display: none;
}
div.timeline_element:after {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
}
div.timeline_element:hover:after {
    z-index: 100;
}
div.timeline.dual div.column_left div.timeline_element:after {
    top: 10px;
    right: -45px;
}
div.timeline.dual div.column_right div.timeline_element:after {
    top: 10px;
    left: -37px;
}
div.timeline.left div.column_left div.timeline_element:after {
    top: 10px;
    right: -30px;
}
div.timeline.right div.column_right div.timeline_element:after {
    top: 10px;
    left: -30px;
}
div.timeline.center div.column_center div.timeline_element:after {
    display: none;
}
div.timeline_element div.timeline-title {
    position: relative;
    font-size: 10px;
    overflow: hidden;
    margin: 10px;
    text-transform: uppercase;
}
div.timeline_element div.timeline-content { 
	padding:0px 20px 20px 20px;
	font-size:12px;
	line-height:13px;
	float:left;
}
div.timeline_element div.timeline-content img.timeline-photo.bordered {
	border:1px solid #ccc;
	padding:2px;
}
div.timeline_element div.timeline-title span.label {
    position: absolute;
    left: 0px;
    right: 100px;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}
div.timeline_element div.timeline-title span.date {
    float: right;
}
div.timeline_element div.img_container {
    position: relative;
}


/* Slider Element */
div.timeline_element.slider img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0px 0px 5px 5px;
}
div.timeline_element.slider.notitle img {
    border-radius: 5px;
}
div.timeline_element.slider div.timeline-content {
    position: relative;
}
div.timeline_element.slider div.img_container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
div.timeline_element.slider div.timeline-content span.slider_prev,
div.timeline_element.slider div.timeline-content span.slider_next {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    bottom: 5px;
    cursor: pointer;
}
div.timeline_element.slider div.timeline-content span.slider_prev {
    background-image: url(../../graphics/00000001/images/prev.png);
    right: 34px;
}
div.timeline_element.slider div.timeline-content span.slider_next {
    background-image: url(../../graphics/00000001/images/next.png);
    right: 5px;
}

/* Spint */
div.timeline div.spine {
	background-color: #CCCCCC;
}

/* Date Separator */
div.timeline div.date_separator span {
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	color: #666666;
}

/* Timeline Element */div.timeline_element { 
	background-color: #FFFFFF; 
	color: #000000;
	
	border: 1px solid #CCCCCC; 	
	text-shadow: none;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	
}
div.timeline_element:hover {    
	
	border: 1px solid #AAAAAA;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	
}
div.timeline_element div.del {    background-color: #222222;    color: #FFFFFF;    border: 1px solid #000000;}div.timeline_element div.title {    color: #AAAAAA;}
div.timeline_element:before {    border-top: 1px dashed #CCCCCC;}div.timeline_element:after {    background-color: #06b5f8;    border: 3px solid #cfcfcf;    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);}div.timeline_element:hover:after {    background-color: #06b5f8;    border: 3px solid #cfcfcf;    z-index: 100;}div.timeline_element ::-webkit-scrollbar {  /* Webkit only */    width: 6px;    height: 6px;    background-color: #FFFFFF;}div.timeline_element ::-webkit-scrollbar-thumb {    background-color: #CCCCCC;    border-radius: 5px;}div.timeline_element ::-webkit-scrollbar-thumb:hover {    background-color: #AAAAAA;}div.timeline_element div.img_container div.img_overlay {    background-color: rgba(0, 0, 0, 0.5);}/* Blog Post Element */div.timeline_element.blog_post div.readmore a {    color: #222222;}div.timeline_element.blog_post a {    color: #7A0004;}/* Gallery Element */div.timeline_element.gallery div.img_container img {    border: 1px solid #CCCCCC;    background-color: #FFFFFF;}/* Lightbox */div.timeline_overlay div.lightbox {    border: 5px solid #FFFFFF;    background-color: #FFFFFF;}/* Social */div.timeline div.facebook_post {    color: #777777;    background-color: #F4F4F4;    border: 1px solid #DDDDDD;}


.history-timeline td {
	font-size: 12px !important;
	line-height: 16px !important;
}
.history-timeline .timeline-spine {
	margin-top:42px;
}
.history-timeline img.bordered {
	padding:2px;
}
.history-timeline img.alignright {
	margin-right:0px;
}
.history-timeline span.year {
	width:50px;
	float:left;
	font-weight:bold;
}
.history-timeline .year_1941 {
	width:340px;
	height:188px;
	background: url(../../graphics/00000001/contents/image/1941_dot.jpg) no-repeat;
}
.history-timeline .year_1996 {
	width:340px;
	height:74px;
	text-align:right;
	margin-top: 110px;
	background: url(../../graphics/00000001/contents/image/1996_dot.jpg) scroll top right no-repeat;
}
.history-timeline .year_2002 {
	height:96px;
	margin-top: 6px;
	background: url(../../graphics/00000001/contents/image/2002_dot.jpg) scroll 0px -12px no-repeat;
}
.history-timeline .year_2002 span.year {
	margin-top:13px;	
}
.history-timeline .year_2003 {
	text-align:right;
	height: 154px;
	margin-top: 30px;
}
.history-timeline .year_2003 span.year {
	background: url(../../graphics/00000001/contents/image/2003_dot.jpg) scroll 6px 2px no-repeat;
}
.history-timeline .year_2005 {
	height:156px;
}
.history-timeline .year_2007 {
	text-align:right;
	height:174px;
}
.history-timeline .year_2012 {
	height: 99px;
	margin-top: 36px;
}
.history-timeline .year_2007 span.year {
	margin-top: -34px;
	background: url(../../graphics/00000001/contents/image/2003_dot.jpg) scroll 6px 2px no-repeat;
}
.history-timeline .year_2012_2015 {
	text-align:right;
	height:115px;
}
.history-timeline .year_2014 {
	height:168px;
}

.history-timeline table {
	margin:0px !important;
}

/*
------------------------ =CONTACT US ------------------------ */
.wpcf7 h2 {
	margin-bottom:15px;
}
.wpcf7 .entrydiv {
	margin-bottom:4px;
}
.wpcf7 label {
	width:25%;
	font-size:16px;
	font-weight:normal;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
	width:60% !important;
}
.wpcf7 input[name="captcha_code"] {
	width: 20% !important ;
}
.wpcf7 select, 
.wpcf7 input[type="text"], 
.wpcf7 input[type="password"], 
.wpcf7 input[type="email"] {
	-moz-box-sizing: border-box;
	-moz-border-radius: 2px;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	background-color: #ffffff;
	box-sizing: border-box;
	border: 1px solid #aaaaaa;
	border-bottom-color: #cccccc;
	border-radius: 2px;
	cursor: text;
	margin: 0;
	outline: none;
	padding: 2px 2px;
	vertical-align: middle;
	max-width: 90%;
	height:28px;
	min-width:40px;
}

.wpcf7 textarea {
	-moz-box-sizing: border-box;
	-moz-border-radius: 2px;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	background-color: #ffffff;
	box-sizing: border-box;
	border: 1px solid #aaaaaa;
	border-bottom-color: #cccccc;
	border-radius: 2px;
	width:74%;
}

.wpcf7 input[type="submit"] {
	margin-right:4px;
}

/*
------------------------ =BREADCRUMBS ------------------------ */
.breadcrumb {
	background:none;
	margin-top:5px;	
	margin-bottom:10px;	
	padding-left:0px;
	line-height: normal;
}
.breadcrumb>li+li:before {
	content: ">";
}
.breadcrumb>li>a {
	font-size:12px;
	color:#e0001a;
}
.breadcrumb>.active {
	font-size:12px;
	color:#333333;
}

/*
------------------------ =CATEGORY TREE ------------------------ */
nav h2 {
	margin-top:55px;
	margin-left:16px;
	margin-bottom:5px;
	font-size:36px !important;
	color:#e0001a !important;
}
nav h2.cat_product-support {
	letter-spacing:-3px;
}
.page-tree {
	padding-left:0px;
}
	.page-tree h2 {
		margin-left:15px;
	}
	ul.page-tree li {
		list-style-type: none;
		list-style-image: none;
		padding: 0;
	}
	.page-tree > li > a { 
		border:0px !important;
		color: #666;
		display: block; 
		padding: 7px 6px 7px 15px;
		font-size:22px;			
		text-decoration: none;
	}
		.page-tree > li > a.open { 
			font-weight:bold;			
			background: url(../../graphics/00000001/images/red-arrow.png) no-repeat scroll center left;
		}
.category-tree { 
	background: transparent;
	display: block; 
	margin: 0 auto 10px; 
	padding: 0px;
	width: 100%; 
}
	ul.category-tree li {
		list-style-type: none;
		list-style-image: none;
		padding: 0;
	}
		ul.category-tree > li > ul {
			display:none;
		}
		ul.category-tree > li.active > ul {
			display:block;
		}
		.category-tree > li > a { 
			background-color: #ffffff;
			border:0px !important;
			color: #666;
			display: block; 
			padding: 6px 6px 6px 17px;
			font-size:22px;			
			text-decoration: none;
		}
		.category-tree > li.active > a { 
			font-weight:bold;
			background: url(../../graphics/00000001/images/red-arrow.png) no-repeat scroll center left;
		}
			.category-tree li.level-1 {
				font-size:22px;
				color:#666666;
			}
			
			.category-tree li.level-2 {
				padding-left: 20px;
			}
				.category-tree li.level-2 a { 
					background: #ffffff;
					border-bottom: 1px solid #eee;
					border-left: 1px solid #eee;
					color: #666;
					font-size:16px;
					display: block; 
					padding: 6px 0 6px 15px;
					text-decoration: none;
				}
				.category-tree li.level-2 a:hover {
					background: #ffffff;
				}
				.category-tree > li.level-2 > a.open {
					color:#e0001a;
					font-weight:normal;
				}
			.category-tree li.level-3 {
				padding-left: 40px;
			}
				.category-tree li.level-3 a { 
					background: #fffffff;
					border-bottom: 1px solid #eee;
					border-left: 1px solid #eee;
					color: #777;
					display: block; 
					padding: 0px 0 0px 15px;
					text-decoration: none;
				}
				.category-tree li.level-3 a:hover {
					background: #ffffff;
				}
				
			.category-tree li.level-4 {
				padding-left: 60px;
			}
				.category-tree li.level-4 a { 
					background: #ffffff;
					border-bottom: 1px solid #eee;
					border-left: 1px solid #eee;
					color: #777;
					display: block; 
					padding: 0px 0 0px 15px;
					text-decoration: none;
				}
				.category-tree li.level-4 a:hover {
					background: #ffffff;
				}
			
			.category-tree > li > a.open { 
				background-color: #ffffff;
				border-bottom: 1px solid #ddd;
				font-weight:bold;
				color: #666;
			}


/*
------------------------ =FOOTER ------------------------ */
footer {
	/*
	background: #65605c url(../../graphics/00000001/images/footer.png) repeat;
	background: #171717;	
	box-shadow: inset 0 0 10px #000;
	*/
	border:0px !important;
	color: #aaa;
	font-size: 14px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 0;
}
	footer a,
	footer a:visited {
		color: #000;
	}
	footer a:hover {
		color: #000;
		text-decoration: underline;
	}
	footer hr {
		border-top: 1px solid #111;
		border-bottom: 1px solid #222;
		margin: 5px 0;
		padding: 0;
		height: 0;
	}
	footer h5 {
		color: #000;
		font-weight:bold;
		font-size:16px;
		clear:both;
	}	
	footer h6 {
		color: #000;
	}
	footer p {
		color: #000;
	}
	footer ul,
	footer .widget ul {
		margin: 0;
		padding: 0;
	}
		footer ul li {
			list-style-type: none;
			list-style-image: none;
			margin-bottom: 0px;
			float:left;			
		}
		footer ul li a {
			color:#7b7b7b !important;
			border-left:1px solid #7b7b7b;
			padding:0px 6px;
		}
		footer ul li a:visited {
			#7b7b7b !important
		}
		footer ul li:first-child a {
			border-left:0px;
			padding-left:0px;
		}
		footer .widget {
			margin-bottom: 20px;
		}
	footer .copy {
		font-size: 11px;
		margin-bottom: 5px;
		color: #7b7b7b !important
	}
	footer .payment-icons img {
		margin-right: 5px;
		max-width: 35px;
	}
	footer .footer-links ul {
		float:right;
	}	
	footer .footer-links ul li a {
		font-size:11px;
	}
	
	footer .customer-service {
		float:right;		
		text-align: right;
		margin:0px -12px 10px 0px;
	}
	footer .customer-service h5 {
		border-top: 1px solid #ccc;
		float: right;
		border-bottom: 1px solid #ccc;
		font-size: 17px;		
		padding:5px 0px;
	}
	footer .miller,
	footer .springer {
		text-align:right;
		padding-right: 0px;
	}

	/* ------------------------ social ------------------------ */
	.social {
		font-size: 13px;
		margin: 5px 0;
		float:right;
	}
		.social label {
			line-height:36px;
			font-size: 16px;
			color: #000;
			font-weight: bold;
			float:left;
			margin-right:10px;			
		}
		.social i {
			/*
			border-radius: 3px;
			box-shadow: inset 0 0 1px #333;
			color: #fff;
			*/
			display: inline-block;
			line-height: 36px;
			margin: 0;
			text-align: center;
			/*
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			-webkit-transition: background 1s ease;
			transition: background 1s ease;
			*/
			width: 36px;
			height: 36px;
		}
		.social i.facebook {
			/*background: #3c5b9b;*/			
			background: url(../../graphics/00000001/images/facebook-icon.png) no-repeat;
		}
		.social i.twitter {
			/*background: #2daae1;*/
			background: url(../../graphics/00000001/images/twitter-icon.png) no-repeat;
		}
		.social i.google-plus {
			/*background: #f63e28;*/
			background: url(../../graphics/00000001/images/twitter-icon.png) no-repeat;
		}
		i.pinterest {
			/*background: #cb2027;*/
			background: url(../../graphics/00000001/images/pinterest-icon.png) no-repeat;
		}
		.social i.linkedin {
			/*background: #0173b2;*/
			background: url(../../graphics/00000001/images/linkedin-icon.png) no-repeat;
		}
		.social i.youtube {
			/*background: #0173b2;*/
			background: url(../../graphics/00000001/images/youtube-icon.png) no-repeat;
		}
			.social i:hover {
				/*
				background: #2b2e2e;
				-moz-transition: background 1s ease;
				-o-transition: background 1s ease;
				-webkit-transition: background 1s ease;
				transition: background 1s ease;
				*/
			}
		.social a,
		.social a:visited,
		.social a:hover {
			color: #fff;
			text-decoration: none;
		}


/*
------------------------ =SFNT PAGE ------------------------ */
	/* ------------------------ carousel ------------------------ */
	.SFNT .carousel {		
		z-index:0;
	}
	.SFNT .carousel-control .icon-next {
		background:none !important;
		margin-top: -20px;
		margin-right: -40px;
		width:40px;
		height:40px;
	}
	.SFNT .carousel-control .icon-prev {
		background:none !important;
		margin-top: -20px;
		margin-left: -40px;
		width:40px;
		height:40px;
	}
	
	/* ------------------------ home-content boxes ------------------------ */
	.home-content {
		margin: 10px 0;
	}
	.home-content .intro {
		float:left;
		margin: 10px 15px;
	}	
	.home-content h1 {
		font-size: 36px;
		letter-spacing: -1px;
		margin: 0;
		padding: 40px 0px 0px 0px;
		text-align: left;
		color: #7b7b7b;
		font-weight: normal;
		line-height:30px;
	}	
	.home-content h2 {
		padding: 0;
		text-align: left;
		color: #5fa8db;
		font-weight: normal;
		margin: 0px 0px 10px 0px;
		font-size: 22px;
		line-height:normal;
	}
	.home-content h1 a {
		font-size: 36px;
		letter-spacing: -1px;
		margin: 0;
		padding: 40px 0px 0px 0px;
		text-align: left;
		color: #7b7b7b;
		font-weight: normal;
		line-height:30px;
		text-decoration:none;
	}
	.home-content a h1:hover {
		text-decoration:none;
	}
	.home-content h2 a {
		padding: 0;
		text-align: left;
		color: #5fa8db;
		font-weight: normal;
		margin: 0px 0px 10px 0px;
		font-size: 22px;
		line-height:normal;
		text-decoration:none;
	}
	.home-content h2 a:hover {
		text-decoration:none;
	}
	.home-content p {
		font-size: 16px;
		font-weight: 200;
		line-height: 27px;
		padding: 0;
		text-align: left;
	}
	.home-content p a {
		color: #5fa8db !important;
	}
	.home-content a.catalog-link {
		max-width:140px;
		float:right;
	}
	.home-content figure img {
		max-width:140px;
	}
	.home-content figure {
		float:right;
		margin-left: 10px;
	}
	.home-content figcaption {
		display: block;
		float: left;
		font-size: 14px;
		text-align: center;
		width: 96%;
		background: #5fa8db;
		padding: 5px 0px;
		margin: 0px 3px;
		color: #fff;
	}
	
	#home-feeds #feed {
		margin:0px !important;
		font-size: 14px;
		padding:0px !important;
	}
	#home-feeds #feed li {
		list-style:none;
		margin:0px;
		padding: 15px 0px 15px 0px;
		border-bottom:1px solid #ccc;
		float:left;
	}
	
	#home-feeds #feed .read-more {
		font-weight:bold;
	}
	#home-feeds #feed a.link-title {
		font-weight:normal;
		font-size: 18px;
		color: #5fa8db;
		font-family: myriad-pro, sans-serif;
	}	
	#home-feeds #feed .linkitem {
		line-height:normal;
	}
	#home-feeds #feed .linkimage {
		float: left;
		margin-top: -2px;
		margin-right: 14px;
	}
	#home-feeds #feed .linkimage img {
		border:2px solid #9f9a97;
		border-radius:2px;
	}
	#home-feeds .visit-blog {
		color: #ffffff;
		padding: 8px 10px !important;
		text-align: center;
		background: #5fa8db;
		float: right;
		min-width: 132px;
		font-size: 14px;
	}
	
	/* ------------------------ logos ------------------------ */
	.logos {
		margin:20px 0px;
	}
	.logos img {
		margin-left:19px;
		width: 14%;
	}
	.logos h2 {
		font-size: 36px;
		letter-spacing: -1px;
		margin: 0 0 20px 0;
		padding: 0;
		text-align: center;
		color: #7b7b7b;
		font-weight: normal;
	}

	/* ------------------------ promotion boxes ------------------------ */
	.promo {
		margin: 10px 0;
	}
		.promo .container {
			
		}
		.promo .container .row {
			background: #eff6fb;
			border-top: 1px solid #dedede;
			border-bottom: 1px solid #dedede;
			margin:0px;
			padding-top:10px;
		}
		.promo .pcol-left {
			float: none;			
			/*width: 58%;*/
		}
		.promo .pcol-right {
			float: right;
			/*width: 38%;*/
			text-align: center;
		}
		.promo .pbox {
			border: 0px solid #fff;			
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			margin: 10px 0px;
			min-height: 130px;
			padding: 5px 5px;
		}
		.promo a,
		.promo a:visited,
		.promo a:hover {
			color: #000;
			text-decoration: none;
		}
		.promo img {
			/*max-width: 70px;*/
		}
		.promo .rcolor {
			background: #ff5d5e;
			color: #fff;
		}
		.promo .bcolor {
			background: #5eb2d9;
			color: #fff;
		}
		.promo .gcolor {
			background: #54da4d;
			color: #fff;
		}
		.promo .pmed {
			font-size: 22px;
			font-weight: normal;
			line-height: 20px;
			text-transform: uppercase;			
		}
		.promo .pmedsub {
			margin: 0px;
			padding: 0px 0px 10px 0px;
			font-size: 16px;
			color: #7b7b7b;
			font-weight: normal;		
		}
		.promo .pmed a {
			color:#5fa8db;
			display:block;
		}
		.promo .psmall {
			font-size: 13px;
			line-height: 20px;
		}
		.promo a.cta-link {
			color: #ffffff;
			padding: 8px 10px !important;
			text-align: center;
			background: #5fa8db;
			float: left;
			margin-top: 10px !important;
			min-width:132px;
			font-size:12px;
		}

	/* ------------------------ featured products ------------------------ */


/*
------------------------ =SRCH PAGE ------------------------ */
.SRCH .page-head {
	margin-top: 40px;
}
.SRCH .search-again .category-filter {
	line-height: 26px;
	padding: 5px 0px;
}
.SRCH .search-again button {
	margin-top: -3px;
}
.SRCH .search-again label {
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0px;
}
.SRCH .search-again select,
.SRCH .search-again input[name="search"] {
	width:100%;
}
.SRCH .title {
	margin-bottom:0px;
}
.SRCH .category-list {
	padding:0px;
}

.PAGE_CTGY table.table-ots img {
	max-height:90px;
	max-width:88px;
}

.PAGE_CTGY .category-item .item-link,
.PAGE_CTGY .category-item .item-link-download,
.CTGY_NP .category-item .item-link,
.CTGY_NP .category-item .item-link-download,
.SRCH .category-item .item-link,
.SRCH .category-item .item-link-download {
	background:#5fa8db;
	color:#fff;
	display:block;
	margin-top:2px;
	text-decoration:none;
}

.item-downlink-checkbox {
	background:#5fa8db;
	color:#fff;
	display:block;
	margin-top:2px;
}

.item-downlink-checkbox label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
	font-weight:normal;
	cursor:pointer;
}
.item-downlink-checkbox input {
    width: 13px;
    height: 16px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -2px;
	cursor:pointer;
    *overflow: hidden;
}

.PAGE_CTGY .category-item .item-details h5,
.CTGY_NP .category-item .item-details h5,
.SRCH .category-item .item-details h5 {
	min-height:56px;
}

.PAGE_CTGY .item-link-lg {
	background:#5fa8db;
	color:#fff;
	display:block;
	margin-top:2px;
	text-decoration:none !important;
	max-width:132px;
	margin:0 auto;
	padding:6px 0px;
}
.PAGE_CTGY .img-responsive {
	margin: 0 auto;
}
/*
------------------------ =NTFD PAGE ------------------------ */
.NTFD .page-head {
	margin-top: 40px;
}
.NTFD .searchform {
	float:none;
	margin:0 auto;
}
.NTFD .searchform label {
	float:left;
	font-size:20px;
	font-weight:normal;
	line-height: normal;
}
.NTFD .searchform .btn {
	background:#5fa8db;
	border:0px;
	border-radius:0px;
	color:#fff !important;
	font-size:12px !important;
	padding:9px 20px;
}

/*
------------------------ =CTGY PAGE ------------------------ */
.category-items {
	margin: 20px 0;
}	
	.category-item {
		min-height: 280px;
		/*max-height: 350px;*/
		max-width: 250px;
		margin: 10px auto;
		padding: 0px;
		border: 0px 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;
		*/
	}
		.category-item:hover {
			/*
			box-shadow: inset 0 0 5px #ccc;
			-moz-transition: box-shadow 1s ease;
			-o-transition: box-shadow 1s ease;
			-webkit-transition: box-shadow 1s ease;
			transition: box-shadow 1s ease;
			*/
		}
		.category-item .ico {
			color: #fff;
			display: inline-block;
			margin-left: 5px;
			width: 35px;
			height: 20px;
		}
		.category-item hr {
			margin: 5px 0;
		}
		.category-item .item-image {
			
			height: 130px;      /* equals max image height */
			width: 150px;
			
			text-align: center; margin: 1em auto;
		}
			.category-item .frame {
				height: 130px;      /* equals max image height */
				width: 150px;			
				text-align: center; margin: 1em 0;
			}
			.category-item .item-image .helper {
				display: inline-block;
				height: 100%;
				vertical-align: middle;
			}
			.category-item .item-image img {
				display: inline-block;
				margin: 0 auto;
				padding: 5px 0;
				width: auto;
				
				vertical-align: middle;
				max-height: 130px;
				max-width: 140px;
			}		
		.category-item .item-details {
			text-align:center;
		}
		.category-item .item-details h5 {
			text-align: center;
			line-height: normal;
		}
		.category-item .clear {
			clear:both;
		}		
		.category-item .item-details h5 a {
			color: #000;
			font-size:12px;
			font-weight:bold;
			text-decoration:none !important;
		}
		.category-item .item-details h5 a:hover {
			text-decoration: none;
		}
		.category-item .item-details p {
			text-align: center;
		}
		.category-item .item-price {
			background: #f3f3f3;
			border: 1px solid #eee;
			box-shadow: inset 0 0 1px #888;
			border-radius: 5px;
			display: inline-block;
			font: bold 14px Arial, Helvetica, sans-serif;
			line-height: 20px;
			margin: 7px 0;
			padding: 2px 5px !important;
		}
		.category-item .item-link,
		.category-item .item-link-download {
			color:#5fa8db;
			cursor:pointer;
		}
	
	.category-list {
		padding:0px 15px;
	}
	.product-instruction .item-details {
		border-top:1px solid #ccc !important;
		padding-top:5px;
	}
	.category-list a.category-link:hover {
		text-decoration:none;
	}
	.category-item-parents {
		padding:0px;
		margin:0px 2px;
		width: 32.7%;
	}
	.category-item-parent {
		text-align:center;
		min-height: 180px;
		max-height: 180px;
		line-height: normal;
	}
	.category-item-parent h3 {
		line-height: normal;
	}
	.category-item-parent .category-link {
		color:#5fa8db;
	}
	.category-item-parent img {
		border:3px solid #ccc;
		border-radius: 2px;
		width:100%;
		max-width:100%;
	}

	/* ------------------------ pagination ------------------------ */
	.paging {
		padding: 3px;
		margin: 3px;
		text-align:center;
		
		clear: both;
		display: block;
		font-size: 16px;
		font-weight: 700;
	}
		div.paging a {
			cursor:pointer;
		}
		div.paging a, div.paging span.pages, div.paging span.dots, div.paging span.current {
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  -o-border-radius: 3px;
		  -ms-border-radius: 3px;
		  -khtml-border-radius: 3px;
		  border-radius: 3px;
		  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
		  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
		  -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
		  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
		  margin: 1px 2px;
		  padding: 5px 10px;
		  display: inline-block;
		  border-top: 1px solid #fff;
		  text-decoration: none !important;
		  color: #717171 !important;
		  font-size: smaller !important;
		  font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;
		  text-shadow: white 0 1px 0;
		  background-color: #f5f5f5;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
		  /* Saf4+, Chrome */
		  background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
		  /* Chrome 10+, Saf5.1+ */
		  background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
		  /* FF3.6 */
		  background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
		  /* IE10 */
		  background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
		  /* Opera 11.10+ */
		  background-image: linear-gradient(top, #f9f9f9, #eaeaea);
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea');
		  /* IE6–IE9 */
		}

		div.pagination a:hover, div.pagination a:focus {
		  border-color: #fff;
		  background-color: #fdfdfd;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa));
		  /* Saf4+, Chrome */
		  background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
		  /* Chrome 10+, Saf5.1+ */
		  background-image: -moz-linear-gradient(top, #fefefe, #fafafa);
		  /* FF3.6 */
		  background-image: -ms-linear-gradient(top, #fefefe, #fafafa);
		  /* IE10 */
		  background-image: -o-linear-gradient(top, #fefefe, #fafafa);
		  /* Opera 11.10+ */
		  background-image: linear-gradient(top, #fefefe, #fafafa);
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#fafafa');
		  /* IE6–IE9 */
		}
		.paging a:hover {
			color: #000;
		}
		.paging .current {
			color: #000;
			font-weight:bold;
			padding: 5px 8px;
		}
		.paging .jp-previous,
		.paging .jp-next {
			display:none;
		}
		.paging .jp-current {
			-moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
			-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
			-o-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
			box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
			border-color: #505050 !important;
			color: #f2f2f2 !important;
			text-shadow: black 0 1px 0;
			background-color: #676767;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c));
			/* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c);
			/* Chrome 10+, Saf5.1+ */
			background-image: -moz-linear-gradient(top, #5f5f5f, #5c5c5c);
			/* FF3.6 */
			background-image: -ms-linear-gradient(top, #5f5f5f, #5c5c5c);
			/* IE10 */
			background-image: -o-linear-gradient(top, #5f5f5f, #5c5c5c);
			/* Opera 11.10+ */
			background-image: linear-gradient(top, #5f5f5f, #5c5c5c);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c');
			/* IE6–IE9 */		
		}

.CTGY h3 {
	padding:0px 15px;
}
.new-products .category-item {
	max-width:100%;
	min-height:100px;
	margin-bottom:20px;
}
.new-products .category-item .item-details {
	display:inline-block;
	text-align:left;
}
.new-products .category-item .item-details h3 {
	padding:0px;
}
.new-products .category-item .item-details h3 a {
	color:#5fa8db;
}
.new-products .category-item .item-details .descrip {
	margin:0px 0px 20px 0px;
}
.new-products a.cta-link {
	color: #ffffff;
	padding: 8px 10px !important;
	text-align: center;
	background: #5fa8db;
	float: left;
	font-size:12px;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.brands h3 {
	padding:0px;
	text-decoration:none;
}
.brands h3 a {
	color:#5fa8db;
	text-decoration:none !important;
}
.brands p {
	margin-top:0px;
}
.brands a.cta-link {
	color: #ffffff;
	padding: 12px 10px !important;
	text-align: center;
	background: #5fa8db;
	float: left;
	font-size:12px;
	margin-top: 10px !important;
	text-decoration:none !important;
	margin-bottom:20px;
	line-height: normal;
}
/*
------------------------ =PROD PAGE ------------------------ */
	.prod-inst-item {
		max-height: 46px;
		margin: 10px auto;
		padding: 0px;
		border: 0px 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;
		*/
	}
	#associated_items_slide {
		margin-top:-14px;
	}
	.descrip {
		font-size:16px;
		color:#000;
		margin-top:10px;
		line-height:26px;
	}
	.descrip ul {
		margin:0px;
		padding:0px;
	}
	.descrip ul li {
		list-style:none;
		background: url(../../graphics/00000001/images/arrow.png) no-repeat scroll left 7px;
		padding-left:17px;
		margin-left:13px;
		margin-bottom: 5px;
	}
	.prodshortdes {
		
	}
	.prodshortdes ul li {
		padding-left:5px;
	}
	.itemno h2 {
		line-height:22px;
	}
	/* ------------------------ product images ------------------------ */
	.product-images {
		text-align: center;
	}
	
	.thumbnails {
		display: inline-block;
		margin: 0;
		padding: 0;
		max-width:282px;
	}
		ul.thumbnails li {
			cursor: pointer;
			display: inline-block;
			margin: 4px 4px;
			padding: 4px;
			border-radius:0px;
		}

	/* ------------------------ closeup image ------------------------ */
	.closeup {
		background: #fff;
		border: 1px solid #333;
		display: none;
		min-width: 274px;
		min-height: 274px;
		padding: 10px 10px 5px 10px;
		position: absolute;
		top: 75px;
		text-align: center;
		z-index: 9999;
	}
		.closeup a {
			cursor: pointer;
			margin: 5px 0 0 0;
			z-index: 10000;
		}
	.closeup_backing {
		background: #333;
		display: none;
		filter: alpha(opacity=75);
		opacity: 0.75;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 9990;
	}

	/* ------------------------ swatches ------------------------ */
	.swatches ul {
		padding: 0;
	}
		.swatches li {
			cursor: pointer;
			display: inline-block;
			margin: 0 5px !important;
			padding: 0;
			text-align: center;
			width: 50px;
			height: 50px;
		}

	/* ------------------------ related products ------------------------ */
	.PROD .category-item {
		min-height: 240px;
		max-height: 266px;
	}
	.PROD .page-head {
		margin-top:0px;
	}

	/* ------------------------ product tabs ------------------------ */
	.nav-tabs {
		margin-bottom: 10px;
	}


/*
------------------------ =CHECKOUT PAGES ------------------------ */
.controls {
	visibility: hidden;
}
#opay_form #js-cc_exp {
	color: transparent;
}
	#opay_form #js-cc_exp label {
		color: #666;
	}


/* ======================== DEVICE MEDIA QUERIES ======================== */

@media (max-width: 480px) {
	.col-left,
	.promo .pcol-left {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.col-right,
	.promo .pcol-right {
		width: 100%;
		float: none;
		margin-top: 10px;
	}
		.promo .pcol-right {
			text-align: center;
		}
		.promo .pbox {
			height: auto !important;
		}
}

@media (max-width: 767px) {
	#bs-storefront-carousel {
		display:none;
	}
	header .top-menu {
		display:none;
	}
	/*header .navbar { background: #4e5555 !important; }*/
	header .navbar { background: #2b2e2e !important; }
	header .navbar:before { 
		content:"BROWSE";
		float: left;
		color: #fff;
		margin: 14px auto;
		font-weight: bold;
		font-size: 16px;
		width: 100%;
		position:absolute;
		text-align: center;
	}
	header .navbar-toggle {
		float:left;
		margin-left: 15px;
	}
	header .col-sm-9 { padding:0px; }
	header .form-group { padding:0px; }
	
	.wpcf7 label {
		width:100%;
		margin-bottom:0px;
	}
	.wpcf7 select {
		font-size:14px;
		width:100%;
	}
	.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
		width:100% !important;
		max-width:100%;
	}
	.new-products a.cta-link {
		width:100%;
	}
	.carousel-inner {
		margin-top:0px;
	}
	.form-group {
		margin-bottom:0px;
	}
	.content img.alignright {
		float: none;
		margin: 0px auto !important;
		display: block;
		padding: 0px;
		max-width:100%;
	}
	.category-item-parents {
		margin: 0px;
		width: 100%%;
	}
	.category-item-parent {
		max-height: 234px;
		margin-bottom:20px;
	}
	.navbar .nav { margin:0px; }
	.navbar-nav>li>.dropdown-menu {
		position:relative;
	}
	.home-content .intro {
		float:none;
	}
	
	.home-content .intro img {
		max-width: 100%;
		float: none;
		margin: 0 auto;
		display:block;
	}
	
	.logos h2 {
		font-size:20px;
	}
	.logos img {
		margin:20px 0px;
		max-width: 25%;
		width: 25%;
	}
	
	.home-content h1 {
		clear:both;
	}
	.promo a.cta-link {
		width:100%;
		margin-bottom:20px;
	}
	a.catalog-link img {
		float:none;
		margin:0 auto !important;
	}
	.SFNT .promo .col-md-4 {
		width:100% !important;
	}
	footer .container {
		padding:0px;
	}
	footer .miller, footer .springer {
		text-align:left;
		padding-left:0px;
		clear: both;
	}
	footer .customer-service {
		float:none;
		clear:both;
		padding:0px;
		text-align:left;
	}
	footer .customer-service h5 {
		float:none;
	}
	.navbar {
	background-image: none;
	background-repeat: no-repeat;
	border-radius: 0;
	border-right: 0 !important;
	border-left: 0 !important;
	filter: none !important;
	font: 12px 'Open Sans', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 !important;
	padding-left: 10px;
	text-transform: uppercase;
}
	.navbar ul {
		margin: 0;
		padding: 0;
	}
		.navbar ul li {
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align:left;
		}
	.navbar button {
		font-size: 13px;
	}
		.navbar-toggle .icon-bar {
			background: #fff;
		}
	.navbar .caret {
		border-top-color: #fff !important;
		border-bottom-color: #fff !important;
	}
	.navbar .nav {
		margin-left: 5px;
	}
		.navbar .nav > li > a {
			color: #fff !important;
			padding: 14px 15px 14px;
			text-shadow: none !important;
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			-webkit-transition: background 1s ease;
			transition: background 1s ease;
			text-align:left;
		}
		.navbar .nav > li > a:hover {
			color: #000 !important;
			background:#2b2e2e;
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			-webkit-transition: background 1s ease;
			transition: background 1s ease;
		}
		.navbar .nav .active > a,
		.navbar .nav .active > a:hover,
		.navbar .nav .active > a:focus {
			box-shadow: none;
			color: #ffffff;
		}
	.dropdown-toggle {
		z-index: 1000;
	}
	.nav-collapse a {
		font-weight: normal !important;
		text-shadow: none !important;
	}
	.dropdown-menu {
		background: #fafafa !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		border-top: none !important;
		border-bottom: none !important;
		margin: 0;
		margin-top: 1px !important;
		padding: 0;
		z-index: 1000;
	}
		.dropdown-menu a {
			background: #fafafa !important;
			border-bottom: 1px solid #ddd;
			color: #666 !important;
			padding: 10px 10px !important;
			text-shadow: none !important;
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			-webkit-transition: background 1s ease;
			transition: background 1s ease;
		}
		.dropdown-menu a:hover,
		.dropdown-menu a:focus {
			background: #f3f3f3 !important;
			filter: none !important;
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			-webkit-transition: background 1s ease;
			transition: background 1s ease;
		}
			.dropdown-menu::after,
			.dropdown-menu::before {
				border: none !important;
			}
		.nav-collapse .nav > li > a,
		.nav-collapse .dropdown-menu a {
			border-radius: 0 !important;
		}
		.nav-collapse .dropdown-menu li + li a {
			margin-bottom: 0 !important;
		}
		
	#associated_items_slide,
	#replacement_items_slide {
		display:none;
	}
	
	.breadcrumb {
		background-color: #f5f5f5;
		padding: 8px 15px;
	}
	
	.container {
		margin: 0 auto;
		width: 100%;
		max-width: 550px;
	}
	footer,
	.navbar-inner {
		padding-right: 20px;
		padding-left: 20px;
	}
	header {
		padding: 10px 20px 20px !important;
		text-align: center;
	}
		header .logo {
			text-align: center;
			margin-bottom: 10px;
		}
		header form {
			margin: 0 auto;
			width: 100%;
			max-width: 600px;
		}
	.navbar .nav {
		border: 0 !important;
		border-left: 0 !important;
		margin-left: 0 !important;
	}
		.navbar .nav > li > a {
			border: 0 !important;
		}
		
	.dropdown-menu {
		border: 0 !important;
	}
	.page-head {
		text-align: left;
	}
	.form-inline button {
		margin-left: 0;
	}
	.page-content {
		float:none;
		margin:0px;
	}
	.page-content .col-md-9 {
		padding:0px 15px;
	}
	
}
@media (min-width: 768px) {
	header .hlinks span.hidden-xs {
		display: inline !important;
	}
}

/*
@media (max-width: 991px) {
	.container {
		width: 100% !important;
	}
	header {
		padding: 10px 20px 20px !important;
		text-align: center;
	}
		header .logo {
			text-align: center;
		}
		header form {
			margin: 7px auto 0;
			width: 100%;
			max-width: 300px;
		}
}
*/


/* ======================== PRINT STYLES (Inlined to avoid required HTTP connection:  www.phpied.com/delay-loading-your-print-css/) ======================== */
@media print {
	* {
		background: transparent !important;
		color: black !important;
		-ms-filter: none !important;
		filter: none !important;
		text-shadow: none !important;
	}
	body {
		-webkit-filter: grayscale(100%) !important;
		filter: grayscale(100%) !important;
	}
	a,
	a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "\0020";
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	@page {
		margin: 0.5cm;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}