/*
Theme Name: Dolomite Bio
Theme URI: http://www.dolomite-bio.com
Description: 2016 theme for Dolomite Bio website
Author: Black Pig Ltd
Author URI: http://www.blackpig.co.uk
version: 1.0
Tags: black pig, design, web, print, branding, solutions
Text Domain: dolomite-bio
*/

/* GLOBAL -------------------------------------------------------------------------------------------------*/

* {
	/* some global attributes */
	margin: 0;
	padding: 0;
	font-family: inherit;
	/*line-height: 1em;*/
	/* http://css-tricks.com/box-sizing */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html{
	font-size: 75%; /* set overall font-size */
}

body { /* see iestyle.css for IE col alignment as well as :hover, :active and :focus pseudoclasses for IE7 and below */
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #6f6660;
	overflow-x: hidden;
}

.hide { display: none !important; }
.ghost { visibility: hidden; }
.clear { clear: both; }

.js .hideifjs{display: none !important; }
.nojs .hideifnojs{display: none !important; }

.clearfix:after{ /* see iestyle.css for IE equivalent */
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.strong{ font-weight: bold; }
.error { color: #900; font-weight: bold; }

/* for ie8 and lower */
header, nav, section, article, aside, footer {
   display: block;
}

/* COMMON ELEMENTS ----------------------------------------------------------------------------------------*/

a{
	outline: none;
	color: #1ba5e3;
}
a:hover{
	color: #00b7ff; /* must be significant enough contrast against regular a */
}

a.next{
	clear: left;
	float: right;
	width: auto;
	min-width: 140px;
	display: inline-block;
	text-align: left;
	text-transform: lowercase;
	color: #ffffff;
	border: none;
	padding: 10px 50px 12px 45px;
	font-size: 1.8em;
	cursor: pointer;
	background: #292926 url(images/bullet3c.png) no-repeat right 15px ;
	margin-bottom: 54px;
}
a.back{
	clear: left;
	float: left;
	width: auto;
	min-width: 140px;
	display: inline-block;
	text-align: left;
	text-transform: lowercase;
	color: #ffffff;
	border: none;
	padding: 10px 45px 12px 50px;
	font-size: 1.8em;
	cursor: pointer;
	background: #292926 url(images/bullet12.png) no-repeat 30px 15px;
	margin-bottom: 54px;
}
a.next:hover,
a.back:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: alpha(opacity=50); /* also IE5, 6, 7 */
}

.displayblock{
	display: block !important;
}
.alignright{
	float: right;
	margin: 0 0 10px 10px;
}
.floatright{
	float: right !important;
}
.alignleft{
	float: left;
	margin: 0 10px 10px 0;
}
.aligncenter{
	float: none;
	display: block;
	margin: 0 auto;
}
.extrabot{
	margin-bottom: 12px !important;
}
.extrabot1{
	padding-bottom: 50px !important;
}
.extrabot2{
	margin-bottom: 24px !important;
}
.extrabot3{
	padding-bottom: 12px !important;
}
.extraleft{
	padding-left: 8px !important;
}
.floatleft{
	float: left !important;
}
.floatnone{
	float: none !important;
}
.floatright{
	float: right !important;
}
.nobotpad{
	padding-bottom: 0 !important;
}
.nobotmarg{
	margin-bottom: 0 !important;
}
.padtop1{
	padding-top: 50px !important;
}
img{
	border: none;
	height: auto;
	width: auto;
}
.fullwidth{
	width: 100% !important;
}

embed, iframe, img, object, video {
    max-width: 100%;
}

.wp-caption{

}
.wp-caption img{

}
.wp-caption p.wp-caption-text{

}

/* CORE TYPOGRAPHY ----------------------------------------------------------------------------------------*/

code{
	font-family: 'Courier New', Courier, monospace;
}

p.rssintro{
	padding-bottom: 15px;
	margin-bottom: 35px;
	border-bottom: 1px dotted #999999;
}

.postmetadata{ /* is P : small text under tags i.e. 'this entry posted d/m/y and is filed under... */
	display: none;
}

/* NAVIGATION ---------------------------------------------------------------------------------------------*/

/* ------ NAV STYLES REMOVED FROM HERE - SEE navs.scss FOR STYLING ------ */

/* tablet / mobile nav menu */
#mobi-nav{
	clear: left;
	float: left;
	width: 100%;
	display: none;
	/* background: #292926;  */
}
#mobi-nav a{
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
#mobi-nav a:hover{
	color: #1ba5e3;
}
#mobi-nav .menu-main-navigation-container{
	clear: left;
	float: left;
	width: 100%;
	z-index: 100;
}
#mobi-nav a.mobi-nav-control{
	clear: left;
	float: left;
	width: 100%;
	padding: 5px 0 5px 30px;
	z-index: 1200;
	border-bottom: 1px solid #ffffff;
}
#mobi-nav a.mobi-nav-control.mobi-nav-open{
	background: #292926 url(images/mobi-nav-menu-open.png) 10px 6px no-repeat;
}
#mobi-nav a.mobi-nav-control.mobi-nav-open:hover{
	background: #292926 url(images/mobi-nav-menu-open.png) 10px -93px no-repeat;
}
#mobi-nav a.mobi-nav-control.mobi-nav-close{
	display: none; /* default */
	background: #292926 url(images/mobi-nav-menu-close.png) 8px 3px no-repeat;
}
#mobi-nav a.mobi-nav-control.mobi-nav-close:hover{
	background: #292926 url(images/mobi-nav-menu-close.png) 8px -89px no-repeat;
}

#mobi-nav .menu-main-navigation-container{
	/*display: none;  default */
	padding: 15px 0 10px 0;
    /* opacity: 0; don't need fade in */
    opacity: 1;
	margin-top: -2000px;
	background: #292926;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
	filter: alpha(opacity=0); /* also IE5, 6, 7 */
}
#mobi-nav .menu-main-navigation-container.active{
	margin-top: 0;
    opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
	filter: alpha(opacity=100); /* also IE5, 6, 7 */
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	transition-property: margin-top, opacity;
	-webkit-transition-property: margin-top, opacity;
	-o-transition-property: margin-top, opacity;
}
#mobi-nav .menu-main-navigation-container.leaving{
	margin-top: -2000px;
    /* opacity: 0; don't need fade out */
    opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
	filter: alpha(opacity=0); /* also IE5, 6, 7 */
	-webkit-transition: all 1.5s ease 0s;
	-o-transition: all 1.5s ease 0s;
	transition: all 1.5s ease 0s;
	transition-property: margin-top, opacity;
	-webkit-transition-property: margin-top, opacity;
	-o-transition-property: margin-top, opacity;
}

#mobi-nav .menu-main-navigation-container ul{
	clear: left;
	float: left;
	list-style: none;
	width: 100%;
	padding-left: 10px;
}
#mobi-nav .menu-main-navigation-container ul ul{
	padding: 0 0 15px 10px;
}
#mobi-nav .menu-main-navigation-container ul li{
	clear: left;
	float: left;
	width: 100%;
}
#mobi-nav .menu-main-navigation-container ul li a{
	clear: left;
	float: left;
	width: auto;
	padding: 0 0 5px 9px;
	background: url(images/mobi-nav-bullet.png) 0 3px no-repeat;
}
#mobi-nav .menu-main-navigation-container ul li a:hover{
	background: url(images/mobi-nav-bullet.png) 0 -99px no-repeat;
}

.navigation { /* this is the next and previous link at the top of the archive / index / comments page etc */

}

p.breadcrumbs{
	width: 100%;
	font-size: 1em;
	padding: 0x 0 10px 0;
}

/* CONTENT ------------------------------------------------------------------------------------------------*/

header{
	clear: left;
	width: 100%;
	z-index: 10; /* for navigation */
	padding: 5px 0 0 0;
}
body#rss header{
	padding-top: 0;
}

header .header-inner{
	clear: left;
	margin: 0 auto;
	max-width: 1180px;
	padding: 20px 0 0 0;
}
header .header-inner a.logo{
	clear: left;
	float: left;
	min-width: 119px;
}

header .assets{
	clear: none;
	float: right;
	/* width: 50%; approx */
	width: auto;
}


form#searchform .searchform-inner input.searchbutton{
	clear: none;
	float: right;
	border: none;
	text-indent: -30000px;
	cursor: pointer;
}
xxx_form#searchform .searchform-inner input.searchbutton:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: alpha(opacity=50); /* also IE5, 6, 7 */
}

a.hotlink-login{
	clear: none;
	float: right;
	width: auto;
	min-height: 38px;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 13px 30px 10px 15px;
	background: #1ba5e3  url(images/bullet2.png) right 12px no-repeat;
	margin-left: 18px;
}
a.hotlink-login:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: alpha(opacity=50); /* also IE5, 6, 7 */
}

.main-image-area{
	clear: left;
	float: left;
	width: 100%;
	border-bottom: 5px solid #d6d3cb;
}
.main-image-area img{
	clear: left;
	float: left;
	width: 100%;
}

#container{
	clear: left;
	width: 100%;
	z-index: 10; /* for navigation */
	padding: 26px 0;
}
#container .container-inner{
	clear: left;
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 0 17px 0;
	z-index: 500;
}

.featuredimgs{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 33px;
}
.featuredimgs img{
	clear: none;
	float: left;
	margin-right: 2.627%; /* 31px */
}

main{
	clear: none;
	float: right;
	width: 74.576%; /* 880px */
	padding: 0;
}

/* DOWNLOADS TAB: needs margin/padding etc? */
/*ul.tab_downloads li.doc{
	background-image: url(images/icon-word.jpg);
}
ul.tab_downloads li.xls{
	background-image: url(images/icon-excel.jpg);
}
ul.tab_downloads li.dm3{
	background-image: url(images/icon-dm3.jpg);
}
ul.tab_downloads li.zip{
	background-image: url(images/icon-zip.jpg);
}
ul.tab_downloads li,
ul.tab_downloads li.pdf{
	background-image: url(images/icon-pdf.jpg);
}*/
/* see _prod/sass/downloads.scss and _prod/sass/products.scss */
ul.tab_downloads li{
	background-image: url(images/pdf-file-format-symbol.svg);
	background-size: 31px 31px; /* as per jpgs above */
}
ul.tab_downloads li.msi{
	background-image: url(images/msi-file-format-symbol.svg);
}
ul.tab_downloads li.zip{
	background-image: url(images/zip-file-format.svg);
}
ul.tab_downloads li.exe{
	background-image: url(images/exe-file-format-variant.svg);
}

/* 2nd level lists */
main ul li ul,
main ul li ol,
main ol li ol,
main ol li ul{
	padding: 12px 0 12px 20px;
}
main ol li ol li,
main ul li ul li{
	clear: left;
	float: left;
	width: 100%;
	font-size: 1em;
}

/* HOME ---------------------------------------------------------------------------------------------------------------*/

body.post-7 main{
	clear: left !important;
	float: left !important;
}
body.post-7 #sidebar{
	clear: none !important;
	float: right !important;
}

body.post-7 .bx-wrapper{
	margin: 0 !important;
	border-bottom: 5px solid #d6d3cb;
}
/*body.post-7 .bx-wrapper .bx-viewport{
	margin-left: 0 !important;
	max-height: 283px !important;
}*/

.homeimg{
	clear: left;
	float: left;
	width: 100%;
}
.homeimg a{
	clear: left;
	float: left;
	width: 100%;
}
.homeimg a img{
	clear: left;
	float: left;
	width: 100%;
	border-bottom: 5px solid #d6d3cb;
}

body.post-7 h1{
	font-size: 1.6em;
	line-height: 1.2em;
}

.homecta{
	clear: none;
	float: left;
	width: 31.818%; /* 280px */
	margin-right: 2.272%; /* 20px */
}
.homecta1{
	clear: left;

}
.homecta3{
	margin-right: 0;
}
.homecta img{
	clear: left;
	float: left;
	width: 100%;
	border-bottom: 5px solid #d6d3cb;
}
.homecta div{
	clear: left;
	float: left;
	width: 100%;
	min-height: 250px;
	padding: 20px 20px 0 20px;
	background: #f5f4f1 url(images/homepage_box_bg.png) center bottom no-repeat;
}
.homecta div h2,
.homecta div h3,
.homecta div h4{
	font-size: 1.4em;
	padding-bottom: 30px;
}
.homecta div p{
	font-size: 1.1em;
	line-height: 1.2em;
	padding-bottom: 30px;
}

.ctalink2{
	clear: left;
	float: left;
	width: 100%;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 14px 30px 12px 20px;
	background: #1ba5e3 url(images/bullet2.png) right 12px no-repeat;
}
.ctalink2:hover{
   /* opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; *//* IE8 *//*
	filter: alpha(opacity=50); *//* also IE5, 6, 7 */
    background: #0ba8e6;
    color: #ffffff;
}

ul.prodsetc{
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
	padding: 0 !important;
}
ul.prodsetc li{
	clear: left;
	float: left;
	width: 100%;
	background: none;
	padding: 0;
	position: relative;
}
ul.prodsetc li span.title{
	clear: left;
	float: left;
	width: 100%;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 14px 30px 12px 20px;
	background: #1ba5e3 url(images/bullet5.png) right 10px no-repeat;
	cursor: pointer;
}
ul.prodsetc li:hover span.title{
	color: #ffffff;
	background: #0ba8e6;
}
ul.prodsetc li a{
	clear: left;
	float: left;
	width: 100%;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 14px 30px 12px 20px;
	background: #00b7ff;
}
ul.prodsetc li a:hover{
	color: #ffffff;
	background: #0ba8e6;
}
ul.prodsetc li ul{
	clear: left;
	float: left;
	width: 100%;
	display: none;
	position: absolute;
	z-index: 10000;
	top: 39px;
	left: 0;
	padding: 0;
}

/* NEWS ---------------------------------------------------------------------------------------------------------------*/

body.listpage main .news-item{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #dfdcd5;
}
body.listpage main .news-item img{
	clear: none;
	float: right;
	width: 31.818%; /* 280px */
}
body.listpage main .news-item div{
	clear: left;
	float: left;
	width: 65.909%; /* 580px; */
}
body.listpage main .news-item div.noimg{
	clear: left;
	float: left;
	width: 100%;
}
body.listpage main .news-item span.date{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 15px;
}
body.listpage main .news-item a.title{
	clear: left;
	float: left;
	width: 100%;
	font-size: 1.4em;
	text-decoration: none;
	padding-bottom: 20px;
}
body.listpage main .news-item p.readmore{
	padding-bottom: 0;
}

/* events landing */
body.event h2{
	padding-bottom: 10px;
}
body.event p.date{
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 0;
}
body.event p.date span.divider{
	padding: 0 8px;
}
body.event p.stand{
	font-weight: bold;
	font-size: 1.2em;
}
body.event img.newseventsthumb{
	clear: left;
	float: left;
	width: auto;
	padding-bottom: 25px;
}

/* DOWNLOADS ----------------------------------------------------------------------------------------------------------*/


.workshop-home span.title{
    clear: left;
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 1.4em;
    text-decoration: none;
    padding: 13px 20px;
    background: #004a80;
}

.work-lists {
	clear: left;
	float: left;
	width: 100%;
}

.work-lists dd:nth-of-type(2n+1) {
	clear: left;
}

.faq_options.show{
    display: block;
}
.faq_options {
    clear: left;
    display: block;
    float: left;
    padding: 0 0 50px;
    width: 100%;
}
.faq_options.dontshow {
    display: none;
}

main a.faq{
	text-decoration: none;
}


/*#sidebar .ctaimg{
	clear: left;
	float: left;
	width: 100%;
    background: #004a80;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 0 15px;
}

#sidebar .ctalink{
	clear: left;
	float: left;
	width: 100%;
	background: #004a80 url('images/cta-img-arrow.png') no-repeat right bottom;
	text-decoration: none;
	padding: 7px 32px 0 16px;
	line-height: 1.2em;
	font-size: 1.15em;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 25px;
    height: 50px;
}
#sidebar .ctalink.linkonly{
    background: url(images/link-only-bg.png) 0 0 no-repeat;
    padding: 10px 32px 10px 16px;
}
#sidebar .ctalink:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}*/

.snetworking{
	clear: left;
	float: left;
	width: 100%;
	padding: 9px 16px;
	background: #f5f4f1;
    margin-bottom: 17px;
}
.snetworking span{
	clear: left;
	float: left;
	width: auto;
	line-height: 1.2em;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 5px;
}
.snetworking a{
	clear: none;
	float: right;
	margin-left: 15px;
}
.snetworking a:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: alpha(opacity=50); /* also IE5, 6, 7 */
}

#sidebar .news{
	clear: left;
	float: left;
	width: 100%;
	padding: 0;
	background: #f5f4f1;
}
#sidebar .news .news-item{
	clear: left;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d6d3cb;
}
#sidebar .news .news-item span.date{
	clear: left;
	float: left;
	width: 100%;
	padding: 20px 20px 5px 20px;
}
#sidebar .news .news-item a.title{
	clear: left;
	float: left;
	width: 100%;
	font-size: 1.4em;
	text-decoration: none;
	padding: 0 20px 20px 20px;
}
#sidebar .news .news-item p{
	clear: left;
	float: left;
	width: 100%;
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0 20px 20px 20px;
}

/* SEARCH RESULTS -----------------------------------------------------------------------------------------------------*/
/* search form in header section */

p.search-summary em{
	background: #b5b5b4;
}

.main-archive-item{
	clear: left;
	float: left;
	width: 100%;
	border-bottom: 1px solid #c9c7c7;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.main-archive-item div{
	clear: none;
	float: right;
	width: 70%;
}
.main-archive-item a.title{
	clear: left;
	float: left;
	width: 100%;
	font-size: 1.5em;
	padding-bottom: 20px;
}
.main-archive-item span.date{
}
.main-archive-item p{
	padding-bottom: 0;
}



p.woocommerce-result-count,
h3 mark.count{
	display: none;
}



.woocommerce button.button{

}
.woocommerce button.button.alt,
.woocommerce input.button.alt{
	background-color: #1ba5e3;
}
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
	    opacity: 0.5;
	    background-color: #1ba5e3;
	    color: #fff;
}
.woocommerce .cart .button{
	float: right;
}
.woocommerce button.addtoorder {
	background: #1ba5e3 url(images/bullet2.png) right 13px no-repeat;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	padding: 12px 50px 12px 20px;
	border-right: 1px solid #ffffff;
	margin-top: 1rem;
}

/* ecommerce walkthru */

ul.woocommerce-error,
.woocommerce-message,
.woocommerce-info{
	clear: left;
	float: left;
	width: 100% !important;
	content: "" !important;
}
ul.woocommerce-error li{
	background: none !important;
}

.woocommerce form .form-row .required{
	color: 	#6f6660 !important;
}

mark{
	background: #d6d3cb;
	padding: 0 2px;
}

.woocommerce-message{
	clear: left;
	float: left;
	width: 100%;
	padding: 20px;
	background: #f5f4f1;
	margin-bottom: 24px;
	font-weight: bold;
}

/* 2. basket */

body.post-125 .woocommerce-message{
	font-size: 1.3em;
}



.post-125 #sidebar{
	display: none;
}
.post-125.emptybasket #sidebar{
	display: block;
}

.post-125 main{
	float: left;
	width: 100%;
}
.post-125.emptybasket main{
	float: right;
	width: 74.576%;
}
@media (max-width: 768px) {
.post-125.emptybasket main {
	width: 100%;
	float: none;
}
}
/*table.cart,
table.shop_table{
	border: none !important;
	font-size: 1em;
}
table.cart thead{
	display: none;
}
table.cart tr,
table.shop_table tr{
	border-left: none !important;
}
table.cart td,
table.shop_table td{
	border-right: none !important;
	border-left: none !important;
	border-bottom: none !important;
	padding: 15px 0 !important;
}
table.cart td.product-subtotal,
table.shop_table tr td:nth-child(2){
	text-align: right;
}
table.cart td div.selector span{
	font-size: 0.8em;
	background-position: right -2px;
}
table.cart td a{
	text-decoration: none;
	font-weight: bold;
}
table.cart td.product-thumbnail a{
	clear: left;
	float: left;
	width: auto
}
table.cart td.product-thumbnail a:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
table.cart td.product-thumbnail a img{
	clear: left;
	float: left;
	width: 68px;
	border: 6px solid #d6d3cb;
}
table.cart span.partnumber,
table.cart td.product-name a{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 5px;
}
.actions{
	padding-top: 15px;
}*/

table dl.variation{
	clear: left !important;
	float: left !important;
	width: 100% !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
}
table dl.variation dt{
	clear: left !important;
	float: left !important;
	width: auto !important;
	padding: 0 3px 0 0 !important;
}
table dl.variation dd{
	clear: none !important;
	float: left !important;
	width: auto !important;
	padding: 0 !important;
}
table dl.variation dd p{
	clear: left !important;
	float: left !important;
	width: 100% !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	line-height: 1em !important;
}

/*.actionbutton{
	clear: none;
	width: auto;
	padding: 15px 22px;
	border: 1px solid #1ba5e3;
	background: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #1ba5e3;
	cursor: pointer;
	display: inline-block;
}
.actionbutton:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}*/

/*.coupon{
	clear: left;
	float: left;
	width: 38.474%;
	background: #f5f4f1;
	padding: 22px;
}
.coupon .coupon_code{
	clear: left;
	float: left;
	width: auto;
	padding-top: 10px;
}
.coupon label{
	clear: left;
	float: left;
	width: auto;
	padding-top: 10px;
}
.coupon input#coupon_code{
	clear: none;
	float: right;
	width: 55.187%;
	padding: 8px 10px;
	background: #ffffff;
	color: #6f6660;
	line-height: 1.3em;
	margin: 0 0 24px 13px;
	border: 1px solid #d2cfc7;
}*/
/*.coupon input.button,
.checkout-button,
input#place_order{
	clear: none !important;
	float: right !important;
	width: auto !important;
	min-height: 38px !important;
	color: #ffffff !important;
	font-size: 1.05em !important;
	font-weight: bold !important;
	text-decoration: none !important;
	text-transform: uppercase;
	padding: 11px 50px 10px 15px !important;
	background: #1ba5e3 url(images/bullet2.png) right 12px no-repeat !important;
	cursor: pointer !important;
	border: none !important;
	border-radius: 0 !important;
	margin-left: 18px !important;
	margin-bottom: 20px !important;
}
.coupon input.button:hover,
.checkout-button:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}*/

.cart_totals table.shop_table tr td:nth-child(1){
	min-width: 100px;
}

/* 3. checkout */

.post-126 #sidebar{
	display: none;
}
.post-126 main{
	float: left;
	width: 100%;
}

form.checkout,
#customer_details{
	clear: left;
	float: left;
	width: 100%;
}
form.checkout #customer_details{
	padding-bottom: 25px;/*50px;*/
}
.woocommerce-billing-fields{
	clear: left;
	float: left;
	width: 100%;
}
.woocommerce-billing-fields p{
	clear: left !important;
	float: left !important;
	width: 100% !important;
}
.woocommerce-billing-fields p label{
	display: none !important;
}
.woocommerce-billing-fields p input,
.woocommerce-billing-fields p select,
.woocommerce-billing-fields p a.select2-choice{
	clear: left !important;
	float: left !important;
	width: 100% !important;
	padding: 8px 10px !important;
	background: #ffffff !important;
	color: #6f6660 !important;
	line-height: 1.3em !important;
	margin: 0 0 10px 0 !important;
	border: 1px solid #d2cfc7 !important;
	border-radius: 0 !important;
}
.select2-chosen{
	line-height: 1.3em !important;
}

body.post-126 .col-1,
body.post-126 .col-2{
	width: 40.677% !important; /* 480px */
}
@media (max-width: 768px) {
	body.post-126 .col-1,
	body.post-126 .col-2 {
		width: 100% !important;
	}
}
.woocommerce-shipping-fields{
	clear: left;
	float: left;
	width: 100%;
}
.woocommerce-shipping-fields p{
	clear: left !important;
	float: left !important;
	width: 100% !important;
}
.woocommerce-shipping-fields p label{
	clear: left !important;
	float: left !important;
	width: 30% !important;
	padding-top: 3px;
}
.woocommerce-shipping-fields p input,
.woocommerce-shipping-fields p select,
.woocommerce-shipping-fields p a.select2-choice{
	clear: none !important;
	float: right !important;
	width: 68.75% !important; /* 330px */
	padding: 8px 10px !important;
	background: #ffffff !important;
	color: #6f6660 !important;
	line-height: 1.3em !important;
	margin: 0 0 10px 0 !important;
	border: 1px solid #d2cfc7 !important;
	border-radius: 0 !important;
}

#order_comments_field{
	clear: left !important;
	float: left !important;
	width: 100% !important;
	padding-bottom: 24px;
}
#order_comments_field label{
	clear: left !important;
	float: left !important;
	width: 100% !important;
}
#order_comments_field textarea{
	clear: left;
	float: left;
	width: 100%;
	color: #6f6660;
	font-size: 1em;
	line-height: 1.3em;
	cursor: pointer;
	padding: 7px 10px 8px 10px;
	border: 1px solid #ced0d0;
	height: 150px;
}

#add_payment_method #payment,
.woocommerce-checkout #payment{
	clear: left !important;
	float: left !important;
	width: 100% !important;
	background: none !important;
}

table.totalsandshipping{
	clear: left;
	float: left;
	width: 100%;
	border: none;
	font-size: 1em;
}
table.totalsandshipping tbody{
	clear: left;
	width: 100%;
}
/* also override tables.scss main table tr:nth-child(1) */
table.totalsandshipping tr,
main table.totalsandshipping tr:nth-child(1){
	border-left: none;
}
table.totalsandshipping td{
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
}
table.totalsandshipping tr td:nth-child(2n+2){
	text-align: right;
}

ul.wc_payment_methods{
	border-bottom: none !important;
}
ul.wc_payment_methods li{
	padding-left: 0;
	background: none;
}
.payment_box{
	clear: left;
	float: left;
	width: 100%;
}
.payment_box p{
	padding-bottom: 0;
}

dl.shippingform{
	font-size: 0.75em;
	width: 100% !important;
	padding-right: 0 !important;
}
dl.shippingform dd{
	display: none; /* default */
}
dl.shippingform dd select,
dl.shippingform dd input,
dl.shippingform dd textarea,
dl.shippingform dd div.selector span{
	text-align: left !important;
}
dl.shippingform dd.submit button{
	font-size: 1.25em !important;
}

table.totalsandshipping tr.shipping td{
	vertical-align: top;
}
table.totalsandshipping tr.shipping td[data-title]{
	vertical-align: center;
}
table.totalsandshipping tr.shipping td span.duties{
	display: block;
}

/* 4. order confirmation */

table.order_confirmation{
	font-size: 1em;
}
table.order_confirmation tr{
	border-left: none !important;
}
table.order_confirmation td{
	border-right: none !important;
	border-left: none !important;
	border-bottom: none !important;
	padding: 15px 5px !important;
	font-weight: normal;
}
table.order_confirmation td.product-name{
	font-weight: normal;
}
table.order_confirmation td.product-name a{
	clear: left;
	display: inline-block;
	width: auto;
	padding-bottom: 5px;
	font-weight: bold;
	text-decoration: none;
}
dl.orderstuff{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 24px;
}
dl.orderstuff dt{
	clear: left;
	float: left;
	width: auto;
	padding: 0 20px 10px 0;
	font-weight: bold;
}
dl.orderstuff dd{
	clear: none;
	float: left;
	width: auto;
	padding-bottom: 10px;
}
/* SLIDESHOWS -------------------------------------------------------------------------------------------------*/

.homeslider{ overflow: hidden; height: 290px; width: 1180px; }

.slide-container{
	clear: left;
	float: left;
	width: 43.181%; /* 380px */
}
.prodcontent {
	clear: none;
	float: right;
	width: 54.66%;
}

.featured-strapline-container{
	clear: left;
	float: left;
	width: 100%;
	padding: 15px;
	background: #d6d3cb;
	margin-bottom: 18px;
}
.featured-strapline{
	clear: left;
	float: left;
	width: 100%;
	position: relative;
	/*z-index: 50;*/
	/* default state */
	display: none;
}
#featured-strapline1{
	/* default state */
	display: block;
}
.featured-strapline a.mainsplash{
	clear: left;
	float: left;
	width: 100%;
}
.featured-strapline a.mainsplash:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: alpha(opacity=50); /* also IE5, 6, 7 */
}
.featured-strapline a.mainsplash img{
	clear: left;
	float: left;
	width: 100%;
	z-index: 60;
	padding: 1px;
	background: #ffffff;
}
.featured-strapline span{
	clear: left;
	float: left;
	width: 100%;
	padding: 15px 0 0 0;
	z-index: 70;
	color: #6f6660;
	font-size: 1em;
	font-weight: bold;
}

/* slideshow */
.bx-wrapper {
	clear: left;
	float: left;
	padding: 0;
	margin: 0 0 23px 0 !important;
	position: relative;
	z-index: 10;
	*zoom: 1;
}
.bx-wrapper .bx-viewport{
	clear: left;
	float: left;
	margin-left: 0px;
}
.slide-container .bx-wrapper .bx-viewport{
    margin-left: 30px;
}
/* hide bullets while loading */
main ul.bxslider li{
	padding: 8px;
	background: none;
}
.bx-wrapper .bx-viewport ul.bxslider{
	clear: left;
	float: left;
}
.bx-wrapper .bx-viewport ul.bxslider li{
	background: #d6d3cb !important;
	padding: 8px !important;
	float: none;
	clear: none;
	cursor: pointer;
}
main ul.bxslider {/* override styles.css main ul */
	margin-bottom: 0;
	padding: 0 0 23px 23px;
}
main ul.bxslider li{ /* override styles.css main ul li */
	margin: 0;
}
.bx-wrapper .bx-viewport ul.bxslider li img{
	width: 100%;
	display: block;
	z-index: 60;
}
.bx-wrapper .bx-viewport ul.bxslider li img:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: alpha(opacity=50); /* also IE5, 6, 7 */
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 1rem;
    left: 4rem;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #1ba5e3;
}


/* bx slider navigation for products page */
.controls{
	clear: left;
	float: left;
	width: 100%;
	height: 0px;
	position: relative;
	z-index: 100;
}
.controls span{
	position: absolute;
}
.controls span:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: alpha(opacity=50); /* also IE5, 6, 7 */
}
.controls span#slider-prev{
	top: -118px;
	left: 0;
}
.controls span#slider-next{
	top: -118px;
	right: 0;
}
.controls span#slider-prev a,
.controls span#slider-next a{

}
.controls span#slider-prev a img{
	clear: left;
	float: left;
}

/* ACCORDIONS -------------------------------------------------------------------------------------------------*/
/* accordion = regular accordion e.g. faqs, accordion2 = all info sheets and videos page. see generic.js for spec
/* trigger element */

/*.accordion{
	clear: left;
	float: left;
	width: 100%;
	padding: 0 0 13px 0;
}
.ui-accordion {
	clear: left;
	float: left;
	width: 100%;
}*/

/* this is the clickable region to activate the accordion */
/*.ui-accordion .ui-accordion-header{
	display: inline;
	position: relative;
	zoom: 1;
	outline: none;
	clear: left;
	float: left;
	width: 100%;
	cursor: pointer;
	padding: 15px 60px 13px 20px;
	border: none;
	color: #1ba5e3;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 12px;
}*/

/* this is when the accordion is closed */
/*.ui-accordion .ui-accordion-header.ui-state-default{
	background: #f5f4f1 url(images/new-accordion-arrow.png) right 0 no-repeat;
}*/
/* this is when the accordion is open */
/*.ui-accordion .ui-accordion-header.ui-state-active,
.ui-accordion .ui-accordion-header:hover{
	color: #ffffff;
	background: #1ba5e3 url(images/new-accordion-arrow.png) right -288px no-repeat;
}*/

.ui-accordion .ui-state-hover { } /* clickable region hover class */
/*.ui-accordion .ui-accordion-li-fix { display: inline; } /* classic IE fix */
/*.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }*/
.ui-accordion-icons .ui-accordion-header a { /*padding-left: 2.2em;*/ } /* this is the actual link itself, click and it will expand content */
/* .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } this appears before the link, arrow icon */
/* .ui-accordion .ui-state-hover .ui-icon{ }  { position: absolute; left: .5em; top: 50%; margin-top: -8px; } this appears before the link, arrow icon hover class */

/*.ui-accordion .ui-accordion-content {
	clear: left;
	float: left;
	width: 100%;
	border-top: 0;
	position: relative;
	top: 1px;
	display: none;
	zoom: 1;
	padding: 25px 25px 0 25px;
	background: #f5f4f1;
}
.ui-accordion .ui-accordion-content-active{
	display: block;
}*/

/* accordion content */
/*.accordion-content-panel{
	clear: left;
	float: left;
	width: 100%;
}*/

/* FAQ headings */
h2.accordion_cat{
	padding: 30px 0 10px 0;
}

/* CONTACT PAGE ----------------------------------------------------------------------------------------------------------------- */

/*p.tel{
	font-size: 1.1em;
}

.contact_primary{
	clear: left;
	float: left;
	width: 100%;
	padding: 20px;
	border: 2px solid #ebecf0;
}

.contactoffices_container{
	clear: left;
	float: left;
	width: 100%;
}
.contactoffices_container .contact_offices{
	clear: none;
	float: left;
	width: 50%;
	padding: 20px;
	border-left: 2px solid #ebecf0;
	border-right: 2px solid #ebecf0;
	border-bottom: 2px solid #ebecf0;
}
.contactoffices_container .contact_offices:nth-child(2n+2){
	border-left: none;
}
.contactoffices_container .contact_offices p{
	text-align: center;
}
p.contact_offices_name{
	clear: left;
	float: left;
	width: 100%;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0 0 20px 0;
}*/

/* CONTACT FORM including the Contact Form 7 styles (imported from Contact Form 7 style sheet) ---------------------------------- */
/* remove the stylesheets bundled with cf7 from plugin folder to avoid conflicts */

/*.wpcf7{
	clear: left;
	display: block;
	width: 100%;
	margin: 0 auto;
}
form.wpcf7-form{
	clear: left;
	float: left;
	width: 100%;
	padding: 0;
}
dl.contactform{
	clear: none;
	float: left;
	width: 50%;
	padding-right: 25px;
}

.col-1 dl.contactform,
.col-2 dl.contactform{
	width: 100%;
}
.wpcf7-form.sent dl.contactform,
.wpcf7-form.sent h3,
.wpcf7-form.sent h4,
.wpcf7-form.sent h5,
.wpcf7-form.sent h6{
	display: none;
}

dl.contactform dt{
	clear: left;
	float: left;
	width: 100%;
	padding: 0 0 13px;
	font-size: 1.3em;
	font-weight: 400;
}
dl.contactform dt.captcha{
	padding-bottom: 15px;
}
dl.contactform dt.captcha span{
	clear: left;
	float: left;
	width: auto;
	padding-right: 15px;
}
dl.contactform dt.captcha img{
	clear: none;
	float: left;
	padding: 0;
}

dl.contactform dd{
	clear: none;
	float: left;
	width: 100%;
	padding: 0 0 13px 0;
}
dl.contactform dd.radios{
	clear: none;
	width: 70%;
	padding-top: 2px;
	font-size: 1em;
	color: #6f6660;
}
dl.contactform dd.radios label{
	clear: 	none;
	float: left;
	width: 100%;
}
dl.contactform dd.radios label .radio{
	clear: left;
	float: left;
	width: 13px;
}
dl.contactform dd.radios label input{
	clear: none;
	float: left;
	width: 13px;
}
dl.contactform dd.radios label span{
	clear: none;
	float: left;
	width: auto;
	padding-left: 8px;
}
dl.contactform dd input,
dl.contactform dd select,
dl.contactform dd textarea{
	clear: left;
	float: left;
	width: 100%;
	color: #6f6660;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.3em;
	cursor: pointer;
	padding: 7px 10px 8px 10px;
	border: 1px solid #ced0d0;
}
dl.contactform dd input.error{
	font-weight: normal;
	border: 1px solid #990000;
}

.woocommerce dl.contactform dd input[type=button] {
    border: none;
    padding: 0 3rem 0 1rem;
    text-align: left;
    text-transform: capitalize;
    width: auto;
}

dl.contactform dd input[readonly]{
	background-color: #eeeeee;
	cursor: default;
}

dl.contactform a.button{
	border-radius: 0;
	float: right;
}
a.button.save{
	color: #ffffff;
	background-color: #1ba5e3;
}
span.msg.ok{
	color: #398f14;
}

dl.contactform dd select[name=shipping_alt]{
	width: auto;
}
.woocommerce{
	clear: left;
	float: left;
	width: 100%;
}
.woocommerce #addresses{
	clear: left;
	float: left;
	width: 100%;
}
.woocommerce #addresses .address_block{
	clear: none;
	float: left;
	width: 50%;
}
.woocommerce #addresses .address_block dl{
	width: 100%;
}
.woocommerce #addresses .address_block dl.address dd .checker{
	margin-right: 8px;
}


dl.contactform dd textarea{
	height: 130px;
}

.form-row input.button,
form input.button{
    float: left;
    clear: none;
    display: inline-block;
    padding-right: 85px;
}
.form-row input:last-child {
    margin-left: 2rem;
}
dl.contactform dd.submit input:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

dl.contactform small{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 5px;
	font-size: 0.9em;
}
dl.contactform dt small{
	padding-bottom: 0;
}
p.mandatory{
	font-size: 1em;
	font-style: italic;
}

dl.contactform dd.hiddenvalue span.wpcf7-list-item-label{
	display: none;
}

dl.contactform dd span.wpcf7-list-item{
	clear: none;
	float: left;
	width: auto;
}
dl.contactform dd span.wpcf7-list-item input{
	clear: none;
	float: left;
	width: 30px;
}
dl.contactform dd span.wpcf7-list-item-label{
	clear: none;
	float: left;
	width: auto;
	font-size: 0.95em;
	padding: 0 15px 0 5px;
}
div.wpcf7-response-output{
	clear: left;
	float: left;
	width: 100%;
	font-size: 1em;
	margin-bottom: 15px;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
	padding: 5px;
	color: #398f14;
}

div.wpcf7-spam-blocked {
	border: 2px solid #e2202b;
	padding: 5px;
	color: #e2202b;
}
div.wpcf7-validation-errors {
	border: 2px solid #e2202b;
	padding: 5px;
	color: #e2202b;
}
span.wpcf7-form-control-wrap {
	position: relative;
}
dl.contactform dd span.wpcf7-not-valid-tip {
	clear: left;
	float: left;
	width: 100%;
	font-size: 1em;
	color: #e2202b;
	padding-bottom: 15px;
}
span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	display: block;
}
.wpcf7-display-none {
	display: none;
}
div.wpcf7 .watermark {
	color: #888;
}
.wpcf7-response-output{

}
.screen-reader-response{
	display: none;
}
input.error,
.acc_signup_box input.input-text.error,
.select2-container.error .select2-choice{
	border: 1px solid #990000;
}

.mismatch{
	padding-top: 5px;
	color: #990000;
	display: inline-block;
}

#ui-datepicker-div{
	background: #ffffff;
	padding: 13px;
	display: none;
}
.ui-datepicker-prev{
	clear: left;
	float: left;
	width: 50%;
	text-align: left;
	padding-bottom: 10px;
	cursor: pointer;
}
.ui-datepicker-next{
	clear: none;
	float: right;
	width: auto;
	text-align: right;
	padding-bottom: 10px;
	cursor: pointer;
}
.ui-datepicker-title{
	clear: left;
	float: left;
	width: auto;
	font-weight: 700;
	padding-bottom: 10px;
}
table.ui-datepicker-calendar{
	clear: left;
}
table.ui-datepicker-calendar td{
	width: 30px;
	padding-bottom: 10px;
	text-align: center;
}
table.ui-datepicker-calendar td a{
	width: 30px;
}*/








/* UNIFORM form elements filter ---------------------------------------------------------------------------------------------------------------------------------------*/

/*div.selector {
	position: relative;
	overflow: hidden;
	clear: left;
	float: left;
	width: 100% !important;
	color: #6f6660;
	font-size: 1.2em;
    font-weight: 400;
	line-height: 1.3em;
	cursor: pointer;
	padding: 0;
	border: 1px solid #ced0d0;
}
div.selector span {
	clear: left;
	float: left;
	width: 100% !important;
	color: #6f6660;
	font-size: 1em;
	padding: 10px 10px 11px;
	background: #ffffff url(images/bullet7.png) right 0 no-repeat;
	border: none;
}

dl.address-shipping div.selector#uniform-shipping_alt,
dl.address-shipping div.selector#uniform-shipping_alt span{
	width: inherit !important;
}

dd.select2 > div.selector > span,
p.form-row > div.selector > span {
	display: none;
}
dd.select2 > div.selector .select2-choice .select2-arrow,
p.form-row > div.selector .select2-choice .select2-arrow{
	display: none;
}

@-moz-document url-prefix() {
  div.selector span{

      color: #6f6660;
  }
}
div.selector span:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
div.selector select{
	clear: left;
	float: left;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    background: #ffffff;
    position: absolute;
    height: 36px;
    top: 2px;
    left: 0px;
    width: 100%;
	cursor: pointer;
	border: none !important;
}
div.selector select option{
	padding: 5px 10px 5px 10px;
	font-size: 0.9em;
	border-left: 1px solid #ced0d0;
	border-right: 1px solid #ced0d0;
}

div.checker{
	clear: none;
	float: left;
	position: relative;
	background: none;
	width: 18px;
}
form label.check{
	clear: none !important;
	float: left !important;
	width: auto !important;
	padding: 3px 15px 0 7px !important;
}
div.checker input {
    width: 18px;
    height: 18px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
	cursor: pointer;
}
div.checker span{
	clear: left;
	float: left;
	width: 18px;
	height: 18px;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background: url(images/filter-checkbox-new.jpg) 0 -18px no-repeat;
}
div.checker.active span{
    background: url(images/filter-checkbox-new.jpg) 0 0 no-repeat;
}
div.checker span.checked{
    background: url(images/filter-checkbox-new.jpg) 0 0 no-repeat;
}
div.checker.active span.checked{
    background: url(images/filter-checkbox-new.jpg) 0 0 no-repeat;
}
dl.contactform dd.checkbox span.wpcf7-list-item-label{
	clear: none !important;
	float: left !important;
	width: auto !important;
	padding: 6px 15px 0 7px !important;
}
dl.contactform dd.checkbox .checker{
	padding-bottom: 0;
}
dl.contactform dd.checkbox small{
	clear: left;
	float: left;
	width: 100%;
	padding: 0 0 0 35px;
}

form div.radio input{
    width: 26px;
    height: 25px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
form div.radio span{
	clear: left;
	float: left;
	width: 13px;
	height: 13px;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background: url(images/filter-radio.png) 0 -13px no-repeat;
}
form div.radio.active span{
    background: url(images/filter-radio.png) 0 0 no-repeat;
}
form div.radio span.checked{
    background: url(images/filter-radio.png) 0 0 no-repeat;
}
form div.radio.active span.checked{
    background: url(images/filter-radio.png) 0 0 no-repeat;
}*/

/* SHADOWBOX ---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"Lato",Helvetica,Arial,sans-serif;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:10px solid #7d7d7d;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-loading{background-color:#060606;}
#sb-body{background-color:#ffffff;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden; }
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/close.png);}
#sb-nav-next{background-image:url(images/next.png);}
#sb-nav-previous{background-image:url(images/previous.png);}
#sb-nav-play{background-image:url(images/play.png);}
#sb-nav-pause{background-image:url(images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* FOOTER -------------------------------------------------------------------------------------------------*/

.copyetc{
	clear: left;
	float: left;
	width: 100%;
	padding: 15px 0;
	background: #dfdcd5;
}
.copyetc-inner{
	clear: left;
	max-width: 1180px;
	margin: 0 auto;
	/* position: relative; */
}
.copyetc-inner p{
	width: auto;
	font-size: 0.9em;
	padding: 13px 0;
}
.copyetc-inner p span.divider{
	padding: 0 8px;
}
.copyetc-inner .snetworking{
	clear: none;
	float: right;
	width: auto;
	background: none;
}
.copyetc-inner .snetworking span{
	display: none;
}

.navbox-container{
	clear: none;
	float: left;
	width: 22.033%; /* 260px */
	margin-right: 3.305%; /* 39px */
}
.navbox-container4{
	margin-right: 0;
}

.navbox{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 35px;
}
.navbox a.parent{
	clear: left;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	text-decoration: none;
	padding: 0 0 12px 0;
	color: #6f6660;
	border-bottom: 1px solid #d6d3cb;
}
.navbox ul{
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
}
.navbox ul li{
	clear: left;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d6d3cb;
}
.navbox ul li:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: alpha(opacity=50); /* also IE5, 6, 7 */
}
.navbox ul li a{
	clear: left;
	float: left;
	width: 100%;
	font-size: 1.1em;
	text-decoration: none;
	padding: 8px 30px 8px 0;
	color: #6f6660;
	background: url(images/bullet10.png) right 9px no-repeat;
}
.navbox ul li a:hover{
	color: #1ba5e3;
}

.navbox span.title{
	clear: left;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	text-decoration: none;
	padding: 0 0 12px 0;
	color: #6f6660;
}
.navbox p{
	padding-bottom: 18px;
}
.navbox a.register{
	clear: left;
	float: left;
	width: auto;
	min-height: 38px;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 13px 120px 8px 15px;
	background: #1ba5e3 url(images/bullet2.png) right 12px no-repeat;
}
.navbox a.register:hover{
    opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	filter: alpha(opacity=50); /* also IE5, 6, 7 */
}

/* BEGIN MISC SECTION -------------------------------------------------------------------------------------*/

body#fck {
	background-image: none;
}

/* HIDE OK response for DOWNLOADS form, already displayed next to button */
div#wpcf7-f150-p31-o1 div.wpcf7-mail-sent-ok{
	display: none;
}

a[href="javascript:void(0);"]:hover,
.tree-parent a[href="javascript:void(0);"]:hover{
	cursor: default;
	color: inherit;
	background: inherit;
}

.currency-placeholder strong{
	color: #1ba5e3;
}

/* COOKIES -------------------------------------------------------------------------------------------------*/

#bp-cookies-popup p,
#bp-cookies-ask p {
    clear: none;
    float: none;
    width: auto;
}

#bp-cookies-ask table {
    text-align: left;
    vertical-align: top;
    padding: 2px;
    width: 100%;
}
#bp-cookies-ask table th{
    background-color: #ccc;
}

#bp-cookies-ask table th,
#bp-cookies-ask table td {
    padding: 2px 10px 10px 2px; /* TRBL */
    vertical-align: top;
    /*font-size: 1.1em; /* match p */
}
#bp-cookies-ask label {
    /*font-size: 1.1em; /* match p */
}

#bp-cookies-ask table tr:nth-child(even),
#bp-cookies-ask table tr.even{
    background-color: #eee;
}
.shippingformtr span.duties{
    display: block;
}
.cart_totals table.shop_table tr td:nth-child(1){
    vertical-align: top;
}
.mediumDownShow{
    display: none;
}


html.test:after {
  /* common custom values */
  content: "MICRO TEST"; /* your site name */
  font-size: 2000%;         /* font size */
  color: rgba(255, 0, 0, .05);
  /* alpha, could be even rgba(0,0,0,.05) */

  /* rest of the logic */
  z-index: 9999;
  cursor: default;
  display: block;
  position: fixed;
  top: 33%;
  right: 0;
  bottom: 0;
  left: 15%;
  font-family: sans-serif;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  line-height: 100%;

  /* not sure about who implemented what ..
    ... so bring it all */
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
html.proof:after {
  /* common custom values */
  content: "PROOF"; /* your site name */
  font-size: 2000%;         /* font size */
  color: rgba(255, 0, 0, .05);
  /* alpha, could be even rgba(0,0,0,.05) */

  /* rest of the logic */
  z-index: 9999;
  cursor: default;
  display: block;
  position: fixed;
  top: 33%;
  right: 0;
  bottom: 0;
  left: 15%;
  font-family: sans-serif;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  line-height: 100%;

  /* not sure about who implemented what ..
    ... so bring it all */
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.col2-set .col-1{
    float: left;
    width: 48%;
}
.col2-set .col-2{
    float: right;
    width: 48%;
}
.select2-container .select2-choice{
    border-radius: 0;
    border: none;
}
.woocommerce td.product-name dl.variation dd{
    margin-bottom: 3px;
}

/* Put asterisk after country dropdown if country is required */
p.validate-required .select2-chosen:after{
    content: '*';
}

dl.expertise_options dd.none{
	background-image: none;
}

ul.products li.first{
	clear: left;
}

/* https://support.mozilla.org/en-US/questions/1007958 placeholder in FF/IE with PADDING */
#container .product-finder .form-control {
	box-sizing: border-box;
}

.product .divswitcher .tabs li.uri a{
	text-decoration: none;
}

pre.vd{
	max-height: 40px;
}
pre.vd:hover{
	max-height: none;
}

/* autocomplete ---------------------------------------------------------------*/

.company-name-input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #f9fafb;
  border: 1px solid #c6c6c6;
  box-sizing: border-box;
  display: inline-block;
  font-size: 18px;
  height: 50px;
  margin-bottom: 20px;
  outline: none;
  padding: 0 15px;
  vertical-align: middle;
  width: 100%;
}

.company-name-input:focus {
  border: 1px solid #7FB7EB;
}

.autocomplete-suggestions {
  background: #fff;
  border-top: 0;
  border: 1px solid #c6c6c6;
  box-shadow: -1px 1px 3px rgba(0,0,0,.1);
  box-sizing: border-box;
  cursor: default;
  display: none;
  max-height: 254px;
  overflow-y: auto;
  overflow: hidden;
  position: absolute;
  text-align: left;
  z-index: 9999;
}

.autocomplete-suggestion {
   font-family: Arial, 'sans-serif';
  color: #888;
  font-size: 1.02em;
  overflow: hidden;
  padding: .6em;
  position: relative;
  white-space: nowrap;
}

.autocomplete-suggestion b {
  font-family: Arial, 'sans-serif';
  color: #888;
}

.autocomplete-suggestion span.icon {
  width: 25px;
  display: inline-block;
}

.autocomplete-suggestion span.domain {
  color: #999;
  font-size: 1em;
  position: absolute;
  right: 5px;
  text-align: right;
  top: 14px;
}

.autocomplete-suggestion.selected {
  background: #f0f0f0;
}

.autocomplete_list .fieldset input {
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid #e6e9ec;
  box-shadow: inset 0 1px 3px 0 rgba(0,1,1,0.06);
  box-sizing: border-box;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 20px;
  height: 50px;
  outline: none;
  padding: 0 15px;
  vertical-align: middle;
  width: 60%;
}

.autocomplete_list button {
  text-decoration: none;
  display: inline-block;
  border: 1px solid #499aff;
  font-family: Helvetica, Arial, sans-serif;
  vertical-align: middle;
  color: #ffffff;
  padding: 11px 20px;
  font-size: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-left: 10px;
  background-color: #499aff;
}

.autocomplete_list button:hover {
  background-color: #ffffff;
  color: #499aff;
}

/* UNSUBSCRIPTION SETTINGS ----------------------------------------------------*/

#uniform-fp_rac_unsubscribe_option {
    margin-right: 12px;
}

/* MEDIA SPECIFIC QUERIES -------------------------------------------------------------------------------------*/
/* http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml */

/* #### ALL devices and resolutions below XXXpx */
@media screen and (max-width: 1180px){

	header,
	#container{
		padding-left: 10px;
		padding-right: 10px;
	}

	footer .footer-inner,
	.copyetc{
		padding: 0 10px;
	}

	#divswitchercontent3 ul.tab_downloads li{
		clear: left;
		float: left;
		width: 100%;
		padding-right: 0;
	}

	.bx-wrapper,
	.controls{
		display: none;
	}

    ul.largeShow{
        display: none;
    }
    .homeslider{
	    display: none;
    }
    .mediumDownShow{
        display: block;
    }

	.homecta div{
		min-height: 260px;
	}
    .divswitcher{
        padding-top: 2rem;
    }

	.coupon label{
		clear: left;
		float: left;
		width: 100%;
		padding-bottom: 15px;
	}
	.coupon input#coupon_code{
		clear: left;
		float: left;
		width: 100%;
		margin-left: 0;
	}
}

@media screen and (max-width: 1015px){

	.homecta div{
		min-height: 300px;
	}

}

@media screen and (max-width: 1024px){
    ul.tabs li{
       width: 19%;
    }
    .homeslider{ height: auto;}
}

@media screen and (max-width: 850px){

	nav#main-nav{
		display: none;
	}
	nav#mobi-nav{
		display: block;
	}

	nav#main-nav{
		display: none;
	}

	main{
		clear: left;
		float: left;
		width: 100%;
	}

	header .header-inner a.logo{
		padding-bottom: 25px;
	}

	.navbox-container{
		width: 46%;
	}
	.navbox a.register{
		padding-right: 50px;
	}

	.copyetc-inner p{
		font-size: 0.8em;
	}
	.copyetc-inner p span.divider{
		visibility: hidden;
	}
	.copyetc-inner p span.divider:after {
		content:"\A"; white-space:pre;
	}

	.homecta div{
		min-height: 260px;
	}

	table.cart th.product-price,
	table.cart td.product-price,
	table.cart th.product-remove,
	table.cart td.product-remove{
		display: none;
	}
	table.cart th.product-name a,
	table.cart th.product-name span,
	table.cart td.product-name a,
	table.cart td.product-name span{
		padding-right: 15px;
	}

	header .assets{
		padding-bottom: 20px;
	}

}
@media screen and (max-width: 768px) and (min-width: 750px){
    dl.shipping dt:nth-child(3){ min-height: 174px;}
}


@media screen and (max-width: 768px) {

    ul.tabs li{
        background: #1ba5e3;
    }
}

@media screen and (max-width: 750px){

	.coupon{
		width: 100%;
	}
	#customer_details dl.contactform{
		width: 100% !important;
		padding-right: 0;
	}
	body.post-126 .col-2{
		width: 100% !important;
	}
    .acc_signup_box_left,.acc_signup_box_right{
        float: none;
        width: 100%;
    }
    dl.shipping dd{
        min-height: 46px;
    }
    dl.shipping dd:nth-child(6){
        min-height: 45px;
    }

}

@media screen and (max-width: 620px){

	.prodcontent{
		clear: left;
		float: left;
		width: 100%;
		padding-bottom: 25px;
	}

}

@media screen and (max-width: 650px){

	header .header-inner{
		text-align: center;
	}
	header .header-inner a.logo{
		clear: left;
		float: none;
		width: auto;
		display: inline-block;
	}

	header .assets{
		clear: left;
		float: none;
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	form#searchform{
		float: none;
		display: inline-block;
	}

	/* want 2 columns not 3 */
	ul.products li{
		width: 47%;
	}
	/* cancel 3 col styles https://css-tricks.com/examples/nth-child-tester/ */
	ul.products li:nth-of-type(3n+3){ /* #3,6, etc */
		margin-right: inherit;
	}
	ul.products li:nth-of-type(3n+1){ /* #1,4, etc */
		clear: none;
	}
	/* add 2 col styles */
	ul.products li:nth-of-type(2n+1){ /* #1,3, etc */
		clear: left;
	}
	ul.products li:nth-of-type(2n+2){ /* #2,4, etc */
		float: right;
		margin-right: 0;
	}

	dl.contactform{
		clear: left;
		float: left;
		width: 100%;
		padding-right: 0;
	}

	body.listpage main .news-item div{
		clear: left;
		float: left;
		width: 100%;
	}
	body.listpage main .news-item img{
		display: none;
	}

	.category-filter ul li{
		clear: left;
		float: left;
		width: 100%;
		padding-right: 0;
	}

	.homecta{
		clear: left;
		float: left;
		width: 100%;
		margin-bottom: 50px;
	}
	.homecta div{
		min-height: 0;
	}

	a.hotlink-login,
	.cart-contents{
		float: none;
		display: inline-block;
	}

	table th.order-date,
	table td.order-date{
		display: none;
	}
	table td{
 		vertical-align: top;
	}

	.woocommerce #addresses .address_block{
		clear: left;
		width: 100%;
	}

	.prodcontent .boxout dl dt{
		padding-left: 0;
	}

	#hotlink-quickbuy,
	a.hotlink-quickbuy{
		display: none;
	}
}

@media screen and (max-width: 590px){
    dl.shipping dd{ float: none; width: 100%;}
    dl.shipping dt{ float: none; width: 100%;}
    dl.shipping dt:nth-child(3){ min-height: 0;}
    dl.shipping dd:nth-child(4){ padding-bottom: 1rem; min-height: 0;}
}

@media screen and (max-width: 520px){

	table.cart th.product-subtotal span,
	table.cart td.product-subtotal span{
		padding-left: 10px;
	}

	a.hotlink-login,
	.cart-contents{
		float: none;
		display: inline-block;
	}

	table th.order-date,
	table td.order-date{
		display: none;
	}
	table td{
 		vertical-align: top;
	}

	.woocommerce #addresses .address_block{
		clear: left;
		width: 100%;
	}

}

@media screen and (max-width: 500px){

	.prodcontent{
		clear: left;
		float: left;
		width: 100%;
		padding-bottom: 25px;
	}

	ul.tabs li{
		clear: left;
		float: left;
		width: 100%;
	}

	.contactoffices_container .contact_offices{
		clear: left;
		float: left;
		width: 100%;
		border-left: 2px solid #ebecf0 !important;
	}

	a.checkout-button{
		margin-bottom: 15px !important;
	}

	td.actions{
		text-align: center !important;
	}
	td.actions .actionbutton{
		float: none;
		display: inline-block;
		margin-bottom: 15px;
		width: auto !important;
	}
    .acc_signup_box_right ul li{
        width: 50%;
    }
    .acc_login form input.input-text{
        width: 100%;
        margin-bottom: 1rem;
    }
    .acc_signup_box .prodinfo_label, .acc_signup_box .terms_label{
        width: 90%;
    }
	 ul.tab_downloads li{
        width: 100%;
        float: none;
    }
    a.download,
    input[type=submit].download{
        width: 98%;
        margin: 0px auto;
        float: none;
    }

}

@media screen and (max-width: 430px){

	header .assets{
		text-align: center;
	}

	header .loggedinnav{
		float: none;
		display: inline-block;
		width: 50%;
	}

	a.hotlink-login{
		clear: both !important;
		float: left;
		width: 100%;
		margin: 0 0 10px 0;
    }

	.cart-contents{
		clear: both !important;
		float: left;
		width: 100%;
		margin: 0 0 10px 0;
		background-position: 15px 5px;
	}

	dl.contactform dd.submit input{
		padding-right: 35px;
	}


	a.checkout-button{
		margin-bottom: 15px !important;
	}

	td.actions{
		text-align: center !important;
	}
	td.actions .actionbutton{
		float: none;
		display: inline-block;
		margin-bottom: 15px;
		width: auto !important;
	}
}

@media screen and (max-width: 350px){

	.navbox-container{
		clear: left;
		width: 100%;
		margin-right: 0;
	}

	ul.products li{
		clear: left;
		float: left;
		width: 100%;
		margin-right: 0;
	}
	/* want 1 column not 2 or 3 */
	ul.products li:nth-child(3n+3){ /* #3,6, etc */
		margin-right: inherit;
	}
	ul.products li:nth-child(3n+1){ /* #1,4, etc */
		clear: none;
	}
	/* add 2 col styles */
	ul.products li:nth-child(2n+1){ /* #1,3, etc */
		clear: none;
		float: left;
	}
	ul.products li:nth-child(2n+2){ /* #2,4, etc */
		clear: none;
		float: left;
		margin-right: inherit;
	}

	dl.expertise_options dd{
		clear: left;
		float: left;
		width: 100%;
		padding-right: 0;
	}

	.slide-container{
		width: 100%;
	}

	#divswitchercontent3 input.download[type="submit"]{
		clear: left;
		float: left;
		text-align: left;
		width: 100%;
		padding-right: 0;
	}

	header .loggedinnav{
		float: none;
		display: inline-block;
		width: 65%;
	}

	.prodcontent .boxout dd.price span.now{
		clear: left;
		float: left;
		width: 100%;
		padding-top: 5px;
	}

    input.floatright{
        float: none !important;
	}
}

/* END ----------------------------------------------------------------------------------------------------*/