/* site/pg_styles.css */

/* ================= DEFAULT SETTINGS ================= */

*, html, body { padding: 0px; margin: 0px; }
html, body { width: 100% !important; overflow-x: hidden; }
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #000000; background-color: #000000;
}

:focus { outline: none; }
img { border: 0px; display: block; }
table { width: 100%; border-collapse: collapse; }


/* ================= DEFAULT TEXT ================= */

a { color: #BD1622; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

h1 {
	font-size: 4.8em; line-height: 1.2em; font-weight: bold;
	margin-bottom: 40px;
	clear: both;
}
h2 {
	font-size: 2em; line-height: 1.2em; font-weight: bold;
	margin-bottom: 20px;
}
h3 {
	font-size: 1.6em; line-height: 1.4em; font-weight: bold;
	margin-bottom: 15px;
}
p, ul, ol {
	font-size: 1.4em; line-height: 1.4em; font-weight: normal;
	margin-bottom: 15px;
}
ul { list-style: disc outside; margin-left: 1.5em; }
ol { list-style: decimal outside; margin-left: 1.5em; }

/* ================= LINKS TO SPRITE ================= */

#control_col ul li a:before, #control_col ul li a:after,
#site_title a:after, #footer_base .links ul li a:after,
.product_sidebar .pg_functions a:after, .product_sidebar .product_icon div p:after,
.product_sidebar .cta_panel p.tel:before, .product_sidebar .cta_panel .img:after {
	background-image: url(/themes/user/pg/images/pg_sprite.png); background-repeat: no-repeat;
	background-size: 200px 480px;
}

/* ================= OUTER WRAPPERS / HEADER / NAV ================= */

/* Normal Expand View */

#outer_wrapper { width: 100%; min-height: 100%; background-color: #000000; overflow: hidden; }

#header, #content_canvas, #nav_col, #control_col, #footer { -webkit-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; }

#header, .menu_expand #header {
	width: 320px; height: 100%; display: block;
	position: fixed; left: 0; top: 0;
}
#content_canvas, .menu_expand #content_canvas, #footer { margin-left: 320px; }

#control_col {
	width: 80px; height: 100%; background: #000000;
	position: fixed; left: 0px; top: 0px;
	z-index: 2;
}
.menu_expand #control_col { width: 80px !important; }
#nav_col, .menu_expand #nav_col {
	width: 240px; height: 100%;
	position: absolute; left: 80px; top: 0px;
	overflow-y: auto;
	z-index: 1;
	background-color: #333333;
	-ms-transform: translate(0px,0px);
	-webkit-transform: translate(0px,0px);
	-moz-transform: translate(0px,0px);
	transform: translate(0px,0px);
}

#header ul { list-style: none; margin: 0px; font-size: 1em; line-height: 1em; }

#header .menu_label { display: none !important; }

#control_col ul li a {
	height: 48px; display: block; position: relative; text-indent: -999999px; background-color: #E7E7E7;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;
}
#control_col ul li a:hover { background-color: #D6D6D6; }
#control_col ul li a:before, #control_col ul li a:after {
	content: ""; display: block;
	position: absolute; left: 50%; top: 50%;
}

/* Collapse View */

.menu_collapse #header { width: 80px; }
.menu_collapse #content_canvas, .menu_collapse #footer { margin-left: 80px; }
.menu_collapse #nav_col {
	-ms-transform: translate(-240px,0px);
	-webkit-transform: translate(-240px,0px);
	-moz-transform: translate(-240px,0px);
	transform: translate(-240px,0px);
}

/* Slide Canvas */

#content_canvas.transform, #footer.transform { margin-left: 80px; }
.menu_expand #content_canvas.transform, .menu_expand #footer.transform {
	-ms-transform: translate(240px,0px);
	-webkit-transform: translate(240px,0px);
	-moz-transform: translate(240px,0px);
	transform: translate(240px,0px);
}

/* Responsive */

@media screen and (max-width: 1279px) {
	#header { width: 80px; }
	#nav_col {
		-ms-transform: translate(-240px,0px);
		-webkit-transform: translate(-240px,0px);
		-moz-transform: translate(-240px,0px);
		transform: translate(-240px,0px);
	}
}
@media screen and (max-width: 599px) {
	#header, #control_col { width: 48px; }
	#content_canvas.transform, #footer.transform { margin-left: 48px; margin-right: 0px; }
	#content_canvas, .menu_expand #content_canvas { margin-left: 80px; margin-right: -32px; }
	#nav_col { left: 48px; }
}

/* ------ CONTROL COLUMN ------ */

/* Menu Control Button */

#control_col ul li.control_button a {}
#control_col ul li.control_button a span, #control_col ul li.control_button a:before, #control_col ul li.control_button a:after {
	content: "";
	width: 20px; height: 4px; display: block;
	background-image: none; background-color: #000000;
	position: absolute; left: 50%; top: 50%; margin-left: -10px;
}
#control_col ul li.control_button a:before { margin-top: -9px; } 
#control_col ul li.control_button a span { text-indent: -999999px; top: 50%; margin-top: -2px; }
#control_col ul li.control_button a:after { margin-top: 5px; } 

/* Logo Icon */

#control_col ul li.pg_icon a {
	height: 80px; background-color: #000000;
	-webkit-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s;
}
#control_col ul li.pg_icon a:after, .menu_expand #control_col ul li.pg_icon a:after {
	width: 52px; height: 52px; background-position: left top;
	margin-left: -26px; margin-bottom: -26px;
	top: auto; bottom: 50%;
	-webkit-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s;
}
@media screen and (max-width: 599px) {
	#control_col ul li.pg_icon a { height: 48px; }
	#control_col ul li.pg_icon a:after {
		width: 46px; height: 46px;
		left: 0px; top: auto; bottom: 0px;
		margin-left: 0px; margin-bottom: 0px;
		background-position: -3px -3px;
	}
	.menu_expand #control_col ul li.pg_icon a { height: 80px; }
	.menu_expand #control_col ul li.pg_icon a:after { left: 50%; margin-left: -26px; }
	/*
	#control_col ul li.pg_icon a:after {
		-ms-transform: scale(0.5,0.5);
		-webkit-transform: scale(0.5,0.5);
		-moz-transform: scale(0.5,0.5);
		transform: scale(0.5,0.5);
	}
	.menu_expand #control_col ul li.pg_icon a:after {
		-ms-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		transform: scale(1,1);
	}
	*/
}

/* Search Icon */

#control_col ul li.search a:after {
	width: 18px; height: 18px; background-position: 1px -149px;
	margin-left: -9px; margin-top: -9px;
}

/* Contact Icon */

#control_col ul li.contact a:after {
	width: 16px; height: 16px; background-position: left -175px;
	margin-left: -8px; margin-top: -8px;
}

/* Contact Icon */

#control_col ul li.account a:after {
	width: 16px; height: 16px; background-position: 0px -200px;
	margin-left: -8px; margin-top: -8px;
}

/* Language Switcher */

#control_col ul li.lang_switcher ul {
	height: 48px; overflow: hidden;
	-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;
}
#control_col ul li.lang_switcher ul li a { background-color: #FFFFFF; /*display: none;*/ }
#control_col ul li.lang_switcher ul li a:hover { background-color: #F1F1F1; }
#control_col ul li.lang_switcher ul li.active a { display: block; }
#control_col ul li.lang_switcher ul li a:after { width: 23px; height: 15px; margin-left: -11px; margin-top: -8px; }
#control_col ul li.lang_switcher ul li.lang_en a:after { background-position: left -250px; }
#control_col ul li.lang_switcher ul li.lang_nl a:after { background-position: -30px -250px; }
#control_col ul li.lang_switcher ul li.lang_es a:after { background-position: -60px -250px; }
.no-touchevents #control_col ul li.lang_switcher:hover ul, #control_col ul li.lang_switcher.expand ul { height: 144px; }


/* ------ NAV COLUMN ------ */

/* Site Title / Logo */

#site_title { width: 100%; position: absolute; left: 0px; top: 48px; }
#site_title a {
	width: 100%; height: 80px; display: block;
	position: relative; background-color: #000000;
	text-indent: -999999px;
}
#site_title a:after {
	content: "";
	width: 189px; height: 31px; display: block;
	background-position: left -70px;
	position: absolute; left: 15px; top: 23px;
}

/* Nav */

#nav { padding-top: 128px; display: block; }
#nav ul li { position: relative; }
#nav ul li a, #nav ul li ul li.has_child span.expand_button {
	font-size: 1.4em; line-height: 48px; color: #FFFFFF;
	padding-left: 15px; padding-right: 45px; display: block;
	position: relative;
}

/* Top Menu */

#nav ul li.top { position: absolute; top: 0px; left: 0px; }
#nav ul li.top ul {}
#nav ul li.top ul li { display: inline; }
#nav ul li.top ul li a { display: inline-block; padding-left: 15px; padding-right: 15px; }
#nav ul li.top ul li a:before, #nav ul li.top ul li a:after { display: none; }

/* Main Menu */

#nav ul li ul li a:hover { background-color: #444; text-decoration: none; }
#nav ul li ul li a:before, #nav ul li ul li a:after,
#nav ul li ul li.has_child span.expand_button:before, #nav ul li ul li.has_child span.expand_button:after {
	content: "";
	width: 9px; height: 1px; display: block;
	position: absolute; right: 15px; top: 50%;
	background-color: #FFFFFF;
}
#nav ul li ul li a:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -3px;
}
#nav ul li ul li a:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: 3px;
}

#nav ul li ul li a, #nav ul li ul li.has_child span.expand_button { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#nav ul li ul li.has_child > a:before, #nav ul li ul li.has_child > a:after { display: none; }

/* Expand Button */

#nav ul li ul li.has_child span.expand_button {
	width: 39px; height: 48px; padding: 0px; display: block;
	position: absolute; right: 0px; top: 0px;
	text-indent: -999999px;
	background-color: #333333;
	z-index: 10; cursor: pointer;
}
#nav ul li ul li.has_child span.expand_button:before {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	margin-top: 0px; display: block;
}
#nav ul li ul li.has_child span.expand_button:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 0px; display: block;
}

#nav ul li ul li.has_child.hover > a { background-color: #444444; }
#nav ul li ul li.has_child.hover span.expand_button { background-color: #4F4F4F; }
#nav ul li ul li.has_child span.expand_button:hover { background-color: #606060; }

/* Sub Menu */
#nav ul li ul li ul { display: none; }
#nav ul li ul li ul li a { color: #333333; background-color: #EEEEEE; }
#nav ul li ul li ul li a:before, #nav ul li ul li ul li a:after { background-color: #878787; }
#nav ul li ul li ul li a:hover, #nav ul li ul li ul li a.child_active { color: #BD1622; background-color: #F1F1F1; }
#nav ul li ul li ul li a:hover:before, #nav ul li ul li ul li a:hover:after,
#nav ul li ul li ul li a.child_active:before, #nav ul li ul li ul li a.child_active:after { background-color: #BD1622; }

#nav ul li ul li ul li ul { display: none !important; }

/* Expanded Menus */

#nav ul li ul li.expand > a, #nav ul li ul li.expand span.expand_button { color: #BD1622; background-color: #F1F1F1 !important; }
#nav ul li ul li.expand span.expand_button { width: 100%; background-color: transparent !important; }
#nav ul li ul li.expand span.expand_button:before { background-color: #BD1622; }
#nav ul li ul li.expand span.expand_button:after { display: none; }

#nav ul li ul li ul li a.child_active { background-color: #FFFFFF; }
#nav ul li ul li.expand > a.parent_page { background-color: #FFFFFF !important; }
#nav ul li ul li.expand.sub_level_active > a, #nav ul li ul li.expand.sub_level_active span.expand_button { color: #000000; }
#nav ul li ul li.expand.sub_level_active span.expand_button:before { background-color: #000000; }


/* ================= MAIN GRID ================= */

.content_grid {
	clear: both; margin-left: 22px; margin-right: 22px; position: relative; overflow: hidden;
	display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.item_container { width: 100%; float: left; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.item_inner {
	width: 100%; border: 10px solid #F1F1F1; box-sizing: border-box;
	background-color: #FFFFFF; position: relative;
}
/*.item_content { font-size: 16px; color: #999999; text-align: center; line-height: 100px; background-color: #FFFFFF; padding: 20px; }*/
.item_content { background-color: #FFFFFF; overflow: hidden; position: relative; }
.item_container .feature_image img { width: 100%; height: auto; display: block; }
.item_content .txt { padding: 20px; }

.cols_4 .item_container { width: 25%; }
.cols_4 .cols_2 { width: 50%; }
.cols_4 .cols_3 { width: 75%; }
.cols_4 .cols_4 { width: 100%; }

.cols_3 .item_container { width: 33.3333333%; }
.cols_3 .cols_2 { width: 66.6666666%; }
.cols_3 .cols_3 { width: 100%; }

.cols_2 .item_container { width: 50%; }
.cols_2 .item_container:nth-child(odd) { clear: both; }
.cols_2 .cols_2 { width: 100%; }

.item_container.full_width { width: 100% !important; }

@media screen and (max-width: 1023px) {
	.cols_4 .item_container { width: 50%; }
	.cols_4 .cols_2, .cols_3 .item_container, .cols_2 .item_container { width: 100% !important; }
}
@media screen and (max-width: 767px) {
	.content_grid { margin-left: 10px; margin-right: 10px; }
	.item_container { width: 100% !important; clear: both; }
}


/* ================= SLIDESHOW ================= */

.slide_image, .product_slide {
	background-position: center; background-repeat: no-repeat !important; background-size: cover !important; display: block;
	-webkit-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s;
}
.slide_panel {
	width: 570px; display: block;
	position: absolute; top: 50%; left: 50%; margin-left: -285px;
	background: #000000;
	background: rgba(0,0,0,0.7);
	color: #FFFFFF;
}
.js .slide_panel { display: none; }
.slide_content { padding: 30px; display: block; }
.slide_title { font-size: 4.8em; line-height: 1.2em; font-weight: bold; margin-bottom: 1em; display: block; }
.slide_description { font-size: 2.4em; line-height: 1.4em; }

ul.slick-dots {
	list-style: none; margin: 0px; font-size: 1em; line-height: 1em;
	width: 100%; text-align: center;
	position: absolute; left: 0px; bottom: 30px;
}
ul.slick-dots li {
	width: 12px; height: 12px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	display: inline-block;
	margin: 0px 10px;
}
ul.slick-dots li.slick-active { background-color: #000000; }
ul.slick-dots li button { width: 12px; height: 12px; visibility: hidden; }

#hero_item, #slideshow_wrapper { position: relative; }

#slideshow.product_category {}
#slideshow_panel { width: 50%; position: absolute; top: 0px; right: 0px; z-index: 10000; }
#slideshow_panel .inner {
	background: #000000; background: rgba(0,0,0,0.8);
	padding: 30px; margin-right: 32px;
}
#slideshow_panel .inner h1, #slideshow_panel .inner p { color: #FFFFFF; margin-bottom: 15px; }
#slideshow_panel .inner p { font-size: 2em; }
.product_slide img { width: 100%; height: auto; display: block; }

@media screen and (max-width: 767px), screen and (max-height: 600px) {
	.slide_image { height: 240px !important; }
	.slide_panel {
		width: auto; clear: both; margin-left: 0px; margin-top: 0px !important;
		position: relative; left: auto; top: auto;
	}
	.slide_title { font-size: 3em; }
	#slideshow_panel { width: auto; position: relative; top: auto; right: auto; }
}
@media screen and (max-width: 599px) {
	.slide_image { height: 160px !important; }
}


/* ================= SECTION INTRO ================= */

.section_intro { padding: 32px 32px 17px 32px; background-color: #FFFFFF; border-top: 1px solid #EDEDED; }
.section_intro_txt { width: 75%; }
.section_intro_txt p { font-size: 2.6em; line-height: 1.3em; color: #4C4C4C; }

@media screen and (max-width: 1023px) {
	.section_intro_txt { width: auto; }
}

#hm_push_panels .section_intro { background-color: transparent; border-top: 0px; }
#hm_push_panels .section_intro_txt p { color: #FFFFFF; }

/* Jump Links - used on home page */

#jumplinks { height: 48px; clear: both; display: block; background-color: #FFFFFF; }
#jumplinks ul { list-style: none; margin: 0px 0px 0px 32px; font-size: 1.5em; line-height: 1em; }
#jumplinks ul li { float: left; margin-right: 32px; }
#jumplinks ul li a {
	padding-left: 20px; line-height: 48px; display: block;
	color: #878787; position: relative;
}
#jumplinks ul li a:before, #jumplinks ul li a:after {
	content: "";
	width: 9px; height: 1px; display: block;
	background-color: #878787;
	position: absolute; top: 50%;
}
#jumplinks ul li a:before {
	left: 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#jumplinks ul li a:after {
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#jumplinks ul li a:hover { color: #000000; text-decoration: none; }
#jumplinks ul li a:hover:before, #jumplinks ul li a:hover:after { background-color: #000000; }


/* ================= HOME PAGE ================= */

/* News Feed */

.item_container a { color: #444444; }
.item_container a:hover { color: #000000; text-decoration: none; }
.item_container .footer { clear: both; border-top: 1px solid #F1F1F1; padding: 10px 0px; }
.item_container .footer p { margin: 0px 10px; }

#hm_news_feed { padding-bottom: 22px; padding-top: 22px; background-color: #F1F1F1; }
.item_container.news .txt h3 { font-size: 2.2em; font-weight: normal; }
.item_container.news .txt p { font-size: 1.8em; }
.item_container.cols_2.news .txt h3 { font-size: 2.8em; font-weight: bold; }

#hm_news_feed .item_container {}
#hm_news_feed .item_container .item_content { padding-bottom: 50px; }
#hm_news_feed .item_container .footer { width: 100%; position: absolute; left: 0px; bottom: 0px; }

#hm_push_panels { background-color: #4C4C4C; padding-top: 0px; padding-bottom: 22px; }
#hm_push_panels .item_inner { border-color: #4C4C4C; background-color: #333333; }
#hm_push_panels .img { width: 50%; float: left; }
#hm_push_panels .img img { width: 100%; height: auto; display: block; }
#hm_push_panels .pp_content { width: 50%; padding-bottom: 50px; float: right; }
#hm_push_panels .pp_content h3 { font-size: 2.2em; padding: 15px 20px 0px 20px; margin: 0px; }
#hm_push_panels .pp_content h3 a { color: #FFFFFF; }
#hm_push_panels .footer { width: 50%; position: absolute; left: 50%; bottom: 0px; border-color: #4C4C4C; }
#hm_push_panels .footer, #hm_push_panels .footer p, #hm_push_panels .footer p a { color: #B2B2B2; }
#hm_push_panels .footer p { margin-left: 20px; margin-right: 20px; }
#hm_push_panels .footer p a:hover { color: #FFFFFF; }

@media screen and (max-width: 479px) {
	#hm_push_panels .img, #hm_push_panels .pp_content { width: auto; clear: both; float: none; }
	#hm_push_panels .footer { width: 100%; left: 0; }
}


/* ================= FOOTER ================= */

/* Fix footer to base of screen if page is shorter than the window */
/*
#outer_wrapper { margin-bottom: -230px; }
#outer_wrapper:after { content: ""; display: block; visibility: hidden; }
#outer_wrapper:after, #footer { height: 230px; }
*/

/* Footer Defaults */
#footer {
	clear: both; overflow: hidden;
	background-color: #FFFFFF; border-top: 1px solid #EDEDED;
	position: relative;
}
#footer h3, #footer p, #footer ul, #footer a { color: #666666; }
#footer a:hover { color: #000000; text-decoration: none; }

/* Contacts */
#footer_contacts { height: 182px; overflow: hidden; }
#footer_contacts ul.contacts {
	list-style: none; margin: 25px 0px 0px 0px;
	font-size: 2em; line-height: 1.2em;
	width: 40%; float: left;
}
#footer_contacts ul.contacts li { padding: 0px 32px; margin-bottom: 20px; }
#footer_contacts ul.contacts li label { font-weight: bold; }
#footer_contacts .company_info { width: 60%; float: right; position: relative; }
#footer_contacts .company_info .address_wrapper { height: 182px; border-left: 1px solid #EDEDED; }
#footer_contacts .company_info .address_wrapper h3 {
	font-size: 2em; height: 40px; padding: 25px 32px 0px 20px;
	border-bottom: 1px solid #EDEDED;
	margin-bottom: 20px;
}
#footer_contacts .company_info p.address { margin-left: 20px; margin-bottom: 0px; }
#footer_contacts .company_info p.address span.address_lines { display: block; }
#footer_contacts .company_info p.address span.line1 { display: block; }
#footer_contacts .company_info p.address span.line2:after { content: ","; }

ul#footer_menu {
	list-style: none; margin: 0px;
	width: 30%; position: absolute; right: 0px; top: 86px;
}

/* Base */
#footer_base { height: 48px; clear: both; background-color: #F1F1F1; }

#footer_base .links { width: 40%; height: 48px; float: left; }
#footer_base .links ul { list-style: none; margin: 0px; font-size: 1em; line-height: 48px; }
#footer_base .links ul li { float: left; }
#footer_base .links ul li a {
	width: 80px; height: 48px; display: block;
	text-indent: -999999px; position: relative;
}
#footer_base .links ul li a:after {
	content: ""; display: block;
	position: absolute; left: 50%; top: 50%;
}
#footer_base .links ul li.linkedin a:after {
	width: 18px; height: 18px; background-position: 1px -300px;
	margin-left: -9px; margin-top: -9px;
}
#footer_base .links ul li.linkedin a:hover:after { background-position: 1px -340px; }
#footer_base .links ul li.twitter a:after {
	width: 12px; height: 16px; background-position: -60px -300px;
	margin-left: -6px; margin-top: -8px;
}
#footer_base .links ul li.twitter a:hover:after { background-position: -60px -340px; }
#footer_base .links ul li.print a:after {
	width: 20px; height: 18px; background-position: -120px -300px;
	margin-left: -10px; margin-top: -9px;
}
#footer_base .links ul li.print a:hover:after { background-position: -120px -340px; }
#footer_base .links ul li.email a:after {
	width: 20px; height: 14px; background-position: -180px -300px;
	margin-left: -10px; margin-top: -7px;
}
#footer_base .links ul li.email a:hover:after { background-position: -180px -340px; }

#footer_base .copyright { width: 60%; height: 48px; float: right; background-color: #000000; }
#footer_base .copyright p { font-size: 1.1em; line-height: 48px; color: #B8B8B8; margin: 0px 20px; }
#footer_base .copyright p a { color: #B8B8B8; }
#footer_base .copyright p a:hover { color: #FFFFFF; }

a#top_button {
	width: 80px; height: 47px; border-top: 1px solid #F1F1F1; display: block;
	background-color: #FFFFFF;
	position: absolute; right: 0px; bottom: 0px;
	text-indent: -999999px;
}
a#top_button:before, a#top_button:after {
	content: "";
	width: 11px; height: 1px; display: block;
	background-color: #000000;
	position: absolute; top: 50%;
}
a#top_button:before {
	left: 34px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
a#top_button:after {
	left: 42px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
a#top_button:hover { background-color: #F1F1F1; }

/* Footer Responsive */

@media screen and (max-width: 1023px) {
	#outer_wrapper { margin-bottom: 0px; }
	#outer_wrapper:after { display: none; }
	#footer, #footer_contacts, #footer_contacts .company_info .address_wrapper { height: auto; }
	#footer_contacts ul.contacts, #footer_contacts .company_info, #footer_base .links, #footer_base .copyright {
		width: auto; height: auto; float: none; clear: both;
		position: relative; left: auto; top: auto; bottom: auto; right: auto;
	}
	#footer_contacts { padding-bottom: 20px; }
	#footer_contacts ul.contacts { height: 80px; }
	#footer_contacts .company_info .address_wrapper { border-left: 0px; }
	#footer_contacts .company_info .address_wrapper h3 { padding-top: 0px; padding-left: 32px; }
	#footer_contacts .company_info p.address { margin-left: 32px; }
	#footer_contacts ul.contacts li { margin-bottom: 10px; }
	
	ul#footer_menu { width: 50%; top: 166px; }
	
	#footer_base { height: auto; }
	#footer_base .links, #footer_base .copyright { height: 48px; }
	#footer_base .copyright p { margin: 0px 32px; }
}
@media screen and (max-width: 767px) {
	ul#footer_menu { width: 40%; }
}
@media screen and (max-width: 479px) {
	ul#footer_menu {
		width: auto; position: relative; left: auto; right: auto; top: auto; clear: both;
		padding: 20px;
		border-top: 1px solid #EDEDED;
	}
	#footer_contacts ul.contacts { font-size: 1.8em; }
	#footer_contacts ul.contacts li label { display: none; }
	#footer_contacts .company_info .address_wrapper h3, #footer_contacts ul.contacts li { padding-left: 20px; padding-right: 20px; }
	#footer_contacts .company_info p.address, #footer_base .copyright p { margin-left: 20px; margin-right: 20px; }
	#footer_contacts ul.contacts { height: auto; margin-bottom: 20px; }
}


/* ================= BREADCRUMB ================= */

#breadcrumb { height: 48px; background-color: #FFFFFF; }
#breadcrumb ul { list-style: none; margin: 0px 0px 0px 32px; line-height: 48px; text-transform: capitalize; }
#breadcrumb ul li { display: inline; }
#breadcrumb ul li:after { content: " > "; }
#breadcrumb ul li.page:after { content: ""; }


/* ================= PRODUCT CATEGORIES AND PANELS ================= */

/* TOP LEVEL PANELS */

#product_categories {
	background-color: #F1F1F1; border-top: 1px solid #EDEDED;
	padding: 32px 0px; overflow: hidden;
	position: relative;
}
#product_categories ul { width: 100%; list-style: none; margin: 0px; font-size: 1em; line-height: 1em; }
#product_categories ul li { width: 100%; clear: both; overflow: hidden; position: relative; }
#product_categories ul li h3 { display: none; }
#product_categories ul li ul { width: 100%; }
#product_categories ul li ul li {}
#product_categories ul li ul li a {
	font-size: 1.6em; line-height: 1.2em;
	color: #6A6A6A; display: block; position: relative;
	/*-webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;*/
}
#product_categories ul li ul li a:after, .item_container.product_cat .item_inner:after {
	content: "";
	width: 0; height: 0; display: block;
	/* Change border-top transparent to color value for top right corner - individual color styles below control product colours */
	border-top: 20px solid transparent;
	border-left: 23px solid transparent;
	position: absolute; top: 0px; right: 0px;
}
#product_categories ul li ul li a:after { right: 4px; }
#product_categories ul li ul li a:hover { color: #000000; text-decoration: none; }
#product_categories ul li ul li a span {
	padding: 30px 20px; display: block; margin: 4px;
	background-color: #FFFFFF; /*border-top: 1px solid #D32A2D;*/
}

#product_categories ul li ul li a.parent:after {
	width: 100%; height: 100%; display: block;
	right: auto; left: 0px;
	background-color: #FFFFFF;
	-webkit-opacity: 0; -moz-opacity: 0; opacity: 0;
	border: 0px;
}
#product_categories ul li ul li a.parent:hover:after { -webkit-opacity: 0.03; -moz-opacity: 0.03; opacity: 0.03; }
#product_categories ul li ul li a.parent { width: 25%; float: left; font-size: 2.2em; font-weight: bold; color: #FFFFFF; }
#product_categories ul li ul li a.parent span { background-color: #333333; }

#product_categories ul li ul li.has_child a.parent { height: 100%; position: absolute; left: 0px; top: 0px; }
#product_categories ul li ul li.has_child a.parent span { padding-top: 25px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }

#product_categories ul li ul li ul { width: 75%; float: left; margin-left: 25%; }
#product_categories ul li ul li ul li { width: 33.333333%; float: left; clear: none; }

@media screen and (max-width: 1023px) {
	#product_categories ul li ul li a.parent { width: auto; float: none; }
	#product_categories ul li ul li.has_child a.parent { height: auto; position: relative; left: auto; top: auto; }	
	#product_categories ul li ul li.has_child a.parent span { position: relative; left: auto; right: auto; top: auto; bottom: auto; }
	#product_categories ul li ul li ul { width: 100%; margin-left: 0px; }
}
@media screen and (max-width: 767px) {
	#product_categories ul li ul li ul li { width: 50%; }
	#product_categories ul li ul li ul li:nth-child(odd) { clear: both; }
}
@media screen and (max-width: 479px) {
	#product_categories ul li ul li ul li { width: auto; float: none; clear: both; }
	#product_categories ul li ul li ul li a span { padding: 15px; }
}

/* COLOURS */

/* Display Graphics */
#product_categories .product_cat_8.parent span { background-color: #cb3e74; }
.item_container.product_cat_8 .item_inner:after,
#product_categories ul li ul li a.product_cat_8:after,
#product_categories ul li ul li a.product_cat_8 span { border-top-color: #cb3e74; }

/* Interior Decor */
#product_categories .product_cat_9.parent span { background-color: #9f58c2; }
.item_container.product_cat_9 .item_inner:after,
#product_categories ul li ul li a.product_cat_9:after,
#product_categories ul li ul li a.product_cat_9 span { border-top-color: #9f58c2; }

/* Art Reproduction */
#product_categories .product_cat_10.parent span { background-color: #5a9e9c; }
.item_container.product_cat_10 .item_inner:after,
#product_categories ul li ul li a.product_cat_10:after,
#product_categories ul li ul li a.product_cat_10 span { border-top-color: #5a9e9c; }

/* CAD Media */
#product_categories .product_cat_11.parent span { background-color: #727b7c; }
.item_container.product_cat_11 .item_inner:after,
#product_categories ul li ul li a.product_cat_11:after,
#product_categories ul li ul li a.product_cat_11 span { border-top-color: #727b7c; }

/* Finishing Media */
#product_categories .product_cat_12.parent span { background-color: #e2ab2a; }
.item_container.product_cat_12 .item_inner:after,
#product_categories ul li ul li a.product_cat_12:after,
#product_categories ul li ul li a.product_cat_12 span { border-top-color: #e2ab2a; }

/* SUB CATEGORY PAGE */

#child_categories, #products.wide-format-printers { background-color: #F1F1F1; padding: 22px 0px; }
#child_categories .item_inner, #products.wide-format-printers .item_inner { background-color: #333333; }
#child_categories .item_inner h3, #products.wide-format-printers .item_inner h3 { font-size: 2em; font-weight: bold; color: #FFFFFF; }
#child_categories .item_inner a, #products.wide-format-printers .item_inner a { color: #FFFFFF; }
#child_categories .item_inner .pp_txt, #products.wide-format-printers .item_inner .pp_txt { padding: 20px; }
#child_categories .item_inner .footer, #products.wide-format-printers .item_inner .footer { border-color: #4A4A4A; }
#child_categories .item_inner .footer p, #products.wide-format-printers .item_inner .footer p { font-size: 1.2em; }
#child_categories .item_inner .footer p a, #products.wide-format-printers .item_inner .footer p a { color: #B2B2B2; }
#child_categories .item_inner .footer p a:hover, #products.wide-format-printers .item_inner .footer p a:hover { color: #FFFFFF; }

#products.wide-format-printers .item_inner .pp_txt { padding-bottom: 40px; }
#products.wide-format-printers .item_inner .pp_txt p, #products.wide-format-printers .item_inner .pp_txt ul { color: #FFFFFF; }
#products.wide-format-printers .item_inner .footer { width: 100%; position: absolute; left: 0px; bottom: 0px; }

/* FILTER MENU */

#filter_menus { background-color: #FFFFFF; border-top: 1px solid #EDEDED; }
#filter_menus .content_grid { overflow: visible; }
.filter_menu_item { width: 100%; margin: 10px; position: relative; }
.filter_menu_item a, .filter_menu_item h4 {
	font-size: 1.8em; line-height: 48px; font-weight: bold;
	padding: 0px 20px; display: block; position: relative;
	color: #333333;
}
.filter_menu_item h4 { line-height: 46px; margin-right: 48px; }

#filter_menu_label a { color: #FFFFFF; background-color: #333333; }
#filter_menu_label a:before {
	content: "";
	width: 20px; height: 20px; display: block;
	background-color: #666666;
	position: absolute; right: 14px; top: 14px;
}
#filter_menu_label a span { display: block; }
#filter_menu_label a span:before {
	content: "";
	width: 20px; height: 2px; display: block;
	background-color: #333333;
	position: absolute; right: 14px; top: 23px;
}
#filter_menu_label a span:after {
	content: "";
	width: 2px; height: 20px; display: block;
	background-color: #333333;
	position: absolute; right: 23px; top: 14px;
}

.filter_menu_container {
	height: 46px; background-color: #F1F1F1; border: 1px solid #EAEAEA;
	-webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;
}

.filter_menu_item ul {
	list-style: none; margin: 0px; font-size: 1em; line-height: 1em;
	position: absolute; left: 0px; top: 48px;
	width: 100%; display: none; z-index: 100;
}
.filter_menu_item ul li { border-bottom: 1px solid #EAEAEA; background-color: #FFFFFF; }
.filter_menu_item ul li a { font-size: 1.4em; line-height: 44px; font-weight: normal; background-color: #FAFAFA; }
.filter_menu_item ul li a:hover { background-color: #AAAAAA; color: #FFFFFF; }
.filter_menu_item .reset {
	width: 48px; height: 48px; padding: 0px; display: block;
	background-color: #333333;
	position: absolute; top: 0px; right: 0px;
	font-size: 1px; text-indent: -999999px;
}
.filter_menu_item .reset:before, .filter_menu_item .reset:after, .filter_menu_item h4:before, .filter_menu_item h4:after {
	content: "";
	width: 22px; height: 2px; display: block;
	background-color: #666666;
	position: absolute; right: 14px; top: 23px;
}
.filter_menu_item .reset:before, .filter_menu_item h4:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.filter_menu_item .reset:after, .filter_menu_item h4:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.filter_menu_item h4:before, .filter_menu_item h4:after { width: 16px; }
.filter_menu_item h4:before {}
.filter_menu_item h4:after { right: 24px; }

.active .filter_menu_item h4 { color: #BD1622; }
.active .filter_menu_item .reset { background-color: #BD1622; }
.active .filter_menu_item .reset:before, .active .filter_menu_item .reset:after { background-color: #FFFFFF; }
#filter_menu_label.active a, #filter_menu_label.active a span:before, #filter_menu_label.active a span:after { color: #FFFFFF; background-color: #BD1622; }
#filter_menu_label.active a:before { background-color: #FFFFFF; }

@media screen and (max-width: 1023px) {
	.filter_menu_item ul { position: relative; top: auto; left: auto; clear: both; }
	.filter_menu_container { height: auto; }
	.filter_menu_item ul li { border-top: 1px solid #EAEAEA; border-bottom: 0px; }
}

/* PRODUCT PANELS */

#products { background-color: #FFFFFF; padding-bottom: 22px; }
.item_container.product .item_inner {
	background-color: #F1F1F1; padding-left: 40px;
	border: 0px; margin: 10px;
	-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;
}
.item_container.product p { border-bottom: 1px solid #E0E0E0; padding-bottom: 10px; margin-bottom: 10px; }
.item_container.product p.categories { font-size: 1.4em; padding-top: 15px; }
.item_container.product p.weight, .item_container.product p.ref { font-size: 2em; }
.item_container.product h3 { font-size: 2em; font-weight: bold; min-height: 70px; position: relative; }
.item_container.product h3:before, .item_container.product h3:after,
.item_container.product ul li:before, .item_container.product ul li:after,
.product_description ul.feature_list li:before, .product_description ul.feature_list li:after,
.product_sidebar ul.feature_list li a:before, .product_sidebar ul.feature_list li a:after {
	content: "";
	width: 12px; height: 1px; display: block;
	position: absolute; left: -20px; top: 14px;
	background-color: #333333;
}
.item_container.product h3:before, .item_container.product ul li:before,
.product_description ul.feature_list li:before, .product_sidebar ul.feature_list li a:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -4px;
}
.item_container.product h3:after, .item_container.product ul li:after,
.product_description ul.feature_list li:after, .product_sidebar ul.feature_list li a:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: 4px;
}
.item_container.product p.ref { border-top: 1px solid #E0E0E0; padding-top: 10px; }
.item_container.product ul { list-style: none; font-size: 1.4em; margin: 0px; padding: 10px 0px; }
.item_container.product ul li, .product_description ul.feature_list li { padding-left: 25px; margin-bottom: 10px; position: relative; }
.item_container.product ul li:before, .item_container.product ul li:after,
.product_description ul.feature_list li:before, .product_description ul.feature_list li:after,
.product_sidebar ul.feature_list li a:before, .product_sidebar ul.feature_list li a:after { margin: 0px; top: 8px; left: 0px; }
.item_container.product ul li:before,
.product_description ul.feature_list li:before,
.product_sidebar ul.feature_list li a:before { width: 5px; top: 10px; }
.item_container.product ul li:after,
.product_description ul.feature_list li:after,
.product_sidebar ul.feature_list li a:after { width: 12px; left: 2px; }

.item_container.product a.view {
	width: 100%; height: 100%; display: block;
	position: absolute; left: 0px; top: 0px;
	text-indent: -999999px;
}
.item_container.product:hover .item_inner {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

/* Placeholder visual for page 2 */

#products .page2 { display: none; }


/* ================= PRODUCT DETAILS ================= */

#product_details { background-color: #FFFFFF; }

.product_hdr { padding: 32px 32px 0px 32px; overflow: hidden; }
.product_hdr h1 { font-size: 3.6em; margin-bottom: 20px; }
.product_hdr ul.product_refs { list-style: none; margin-left: 0px; font-size: 1.8em; font-weight: bold; }
.product_hdr ul.product_refs li { display: inline; margin-right: 30px; }
.product_hdr ul.product_refs li .value { color: #BD1622; }

.product_description, .product_sidebar { width: 100%; border-top: 4px solid #333333; padding-top: 25px; margin: 10px; }

.product_description ul.features { font-weight: bold; margin-bottom: 25px; }
.product_description ul.features li { margin-bottom: 15px; }
.product_section { border-top: 1px solid #EDEDED; padding: 20px 0px; clear: both; overflow: hidden; }

.product_overview ul.feature_list { list-style: none; margin-left: 0px; }
.product_description  ul.feature_list { width: 50%; float: left; }
.product_overview ul.specs { list-style: none; margin: 0; overflow: hidden; }
.product_overview ul.specs li { width: 50%; float: left; margin-bottom: 10px; }
.product_overview ul.specs li:nth-child(odd) { clear: both; }

.product_sidebar ul.feature_list { overflow: hidden; margin-bottom: 0px; }
.product_sidebar ul.feature_list li { width: 50%; float: left; margin-bottom: 10px; }
.product_sidebar ul.feature_list li:nth-child(odd) { clear: both; }
.product_sidebar ul.feature_list li:nth-child(odd) a { margin-right: 5px; }
.product_sidebar ul.feature_list li:nth-child(even) a { margin-left: 5px; }
.product_sidebar ul.feature_list li a {
	font-weight: bold; color: #FFFFFF; background-color: #333333;
	padding: 10px 10px 10px 30px; display: block;
	position: relative;
}
.product_sidebar ul.feature_list li a:before, .product_sidebar ul.feature_list li a:after { background-color: #FFFFFF; margin-left: 10px; margin-top: 12px; }

p.notes { font-size: 1.1em; }

.product_sidebar .pg_functions { width: 50%; float: left; position: relative; }
.product_sidebar .pg_functions .inner { margin-right: 5px; }
.product_sidebar .pg_functions .email, .product_sidebar .pg_functions .print { width: 50%; float: left; }
.product_sidebar .pg_functions .email a { margin-right: 5px; }
.product_sidebar .pg_functions .print a { margin-left: 5px; }
.product_sidebar .pg_functions a {
	height: 67px; display: block; background-color: #333333;
	text-indent: -999999px; position: relative;
}
.product_sidebar .pg_functions a:hover, .product_sidebar ul.feature_list li a:hover { background-color: #444444; }
.product_sidebar .pg_functions a:after {
	content: ""; display: block;
	position: absolute; left: 50%; top: 50%;
}
.product_sidebar .pg_functions .email a:after {
	width: 32px; height: 22px; background-position: left -380px;
	margin-left: -16px; margin-top: -11px;
}
.product_sidebar .pg_functions .print a:after {
	width: 28px; height: 24px; background-position: -59px -380px;
	margin-left: -14px; margin-top: -12px;
}

.product_sidebar .product_icons { width: 50%; float: right; }
.product_sidebar .product_icon { margin-left: 5px; margin-bottom: 10px; background-color: #333333; }
.product_sidebar .product_icon div { width: 100%; height: 67px; display: table; }
.product_sidebar .product_icon div p {
	display: table-cell; text-align: left; vertical-align: middle;
	font-size: 1.6em; line-height: 1em; font-weight: bold; text-transform: uppercase;
	color: #FFFFFF; padding-left: 10px; padding-right: 60px;
	position: relative;
}
.product_sidebar .product_icon div p:after {
	content: "";
	width: 44px; height: 56px; display: block;
	position: absolute; right: 7px; top: 50%; margin-top: -28px;
}
.product_sidebar .product_icon div.fire_rating p:after { background-position: left -420px; }
.product_sidebar .product_icon div.free_from_pvc p:after { background-position: -60px -420px; }

.product_sidebar .cta_panel { clear: both; background-color: #333333; margin-bottom: 20px; }
.product_sidebar .cta_panel .img { position: relative; }
.product_sidebar .cta_panel .img:after {
	content: "";
	width: 54px; height: 54px; display: block;
	background-color: #333333;
	background-position: -105px -360px;
	position: absolute; left: 0px; bottom: 0px;
}
.product_sidebar .cta_panel .img img { width: 100%; height: auto; display: block; }
.product_sidebar .cta_panel .panel_content { padding: 20px; }
.product_sidebar .cta_panel h3, .product_sidebar .cta_panel p, .product_sidebar .cta_panel a { color: #FFFFFF; }
.product_sidebar .cta_panel p.tel {
	border-top: 1px solid #444444; padding: 15px 20px; margin: 0px;
	font-size: 1.8em; line-height: 1em; font-weight: bold; text-align: right;
	position: relative;
}
.product_sidebar .cta_panel p.tel:before {
	content: "";
	width: 16px; height: 16px; display: block;
	position: absolute; left: 20px; top: 15px;
	background-position: -40px -175px;
}

/* Pagination Button */

.pagination {
	clear: both; background-color: #F1F1F1; padding-top: 35px; padding-bottom: 25px;
	position: relative;
	text-align: center;
}
.pagination:after {
	content: "";
	width: 0px; height: 0px; display: block;
	border-left: 24px solid transparent;
	border-right: 24px solid transparent;
	border-top: 24px solid #FFFFFF;
	position: absolute; top: 0px; left: 50%;
	margin-left: -24px;
}
.pagination a {
	font-size: 2em; line-height: 50px; font-weight: bold;
	color: #FFFFFF; background-color: #BD1622;
	padding: 0px 20px; display: inline-block; text-align: center;
	margin: 0px auto; position: relative;
}
.pagination a:hover { text-decoration: none; }
.pagination a:before, .pagination a:after {
	content: "";
	background-color: #000000; display: block;
	position: absolute; left: 50%;
	z-index: 2;
}
.pagination a:before { width: 13px; height: 1px; top: -35px; margin-left: -6px; }
.pagination a:after { width: 1px; height: 13px; top: -41px; }
.pagination .end {
	clear: both;
	font-size: 14px; color: #333333;
	text-align: center;
	display: none;
}

#product_details .pagination span.txt { display: block; padding-right: 30px; }
#product_details .pagination span.txt:before { content: "Return to: "; font-weight: normal; }
#product_details .pagination span.txt:after,
#product_details .pagination span.icon:before, #product_details .pagination span.icon:after {
	content: "";
	width: 20px; height: 20px; display: block;
	position: absolute; right: 15px; top: 50%; margin-top: -10px;
	background-color: #FFFFFF;
}
#product_details .pagination span.icon { display: block; }
#product_details .pagination span.icon:before, #product_details .pagination span.icon:after {
	content: ""; display: block; position: absolute;
	background-color: #BD1622;
}
#product_details .pagination span.icon:before { height: 2px; margin-top: -1px; }
#product_details .pagination span.icon:after { width: 2px; margin-left: 0px; right: 24px; }

/* Printer Product */

.product_overview img { width: 100%; height: auto; display: block; }
.product_sidebar .images { margin-bottom: 30px; }
.product_sidebar .img { margin-bottom: 12px; }
.product_sidebar .img:last-child { margin-bottom: 0px; }
.product_overview .video { position: relative; margin-bottom: 30px; }
.product_overview .video:after {
	content: "";
	width: 112px; height: 112px; display: block;
	background: url(/themes/user/pg/images/icon-video.png) center no-repeat;
	background-size: contain;
	position: absolute; left: 50%; top: 50%;
	margin-left: -56px; margin-top: -56px;
}

#product_tab_info { clear: both; margin: 0px 32px; padding-bottom: 32px; }
.product_tab_content {
	background-color: #F1F1F1; padding: 20px; position: relative; display: none;
	-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;
}
#t_overview.product_tab_content { display: block; }
.product_tab_content .inner { margin: 20px; }

ul.tabs {
	list-style: none; margin: 0px; font-size: 1em; line-height: 1em;
	width: 100%; height: 80px; background-color: #EAEAEA; border-bottom: 1px solid #E0E0E0;
}
ul.tabs li { float: left; }
ul.tabs li a {
	font-size: 1.6em; line-height: 80px; color: #333333;
	padding: 0px 50px 0px 30px; display: block; border-right: 1px solid #E0E0E0;
	position: relative;
}
ul.tabs li a:hover { color: #000000; text-decoration: none; background-color: #E6E6E6; }
ul.tabs li a.active { background-color: #F1F1F1 !important; }
ul.tabs li a.active:after {
	content: "";
	width: 100%; height: 1px; display: block;
	background-color: #F1F1F1;
	position: absolute; top: 100%; left: 0px;
}

@media screen and (max-width: 767px) {
	#product_tab_info { margin: 0px 20px; }
	ul.tabs { height: 50px; }
	ul.tabs li a { padding: 0px 20px; line-height: 50px; }
}
@media screen and (max-width: 599px) {
	ul.tabs li a { font-size: 1.4em; padding: 0px 10px; }
}
@media screen and (max-width: 479px) {
	ul.tabs { display: none; }
	.product_tab_content { display: block !important; margin-bottom: 10px; }
}