html,
body {
    margin: 0;
    padding: 0;
}
body {
    color: #666;
    font: 14px/26px 'UbuntuLight',Helvetica,Helvetica Neue,Arial;
    line-height: 1.7;
    background-color: #f6f6f6;
}
::-moz-selection {
    background: #F16541;
    color: #FCD7CD;
    text-shadow: none;
}
::selection {
    background: #F16541;
    color: #FCD7CD;
    text-shadow: none;
}
a {
    color: #0098EA;
    text-decoration: none;
}
a:hover { color: #0080C2 }
a span.foundprods {
    color: #999;
    text-decoration: none;
    margin-left: 5px;
}

table th,
table td { padding: 10px }
hr {
    margin: 40px 0;
    padding: 0;
    height: 1px;
    color: #eaeaea;
    border: 0;
    background-color: #eaeaea;
    display: block;
}
img { vertical-align: middle }
img[align="left"] { margin: 0 20px 20px 0 }
label {
    margin-right: 10px;
    padding: 10px 0;
    width: 180px;
    line-height: normal;
    float: left;
    display: block;
}
fieldset {
    margin: 0 0 20px;
    padding: 0;
    border: 0;
}
ul.livingcheck li {
    list-style-image: url("/images/livingston-check.gif");
}
input[type="number"],
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
    padding: 8px 5px;
	width:100%;
    max-width: 220px;
    font: 14px/26px 'UbuntuLight',Helvetica,Helvetica Neue,Arial;
    color: #909090;
    line-height: 18px;
    border: 1px solid #ddd;
    border-top-color: #ccc;
    outline: none;
}
input[type="number"] {
	width:40px;	
}

textarea {
    width: 260px;
    resize: vertical;
}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    color: #606060;
    border-color: #ccc;
    border-top-color: #bbb;
}
input[type="checkbox"],
input[type="radio"] {
    position: relative;
    top: 2px;
    margin-right: 5px;
}
input[type="checkbox"]:first-child,
input[type="radio"]:first-child { margin-top: 10px }
input.hasDatepicker { 
	background:url(/images/calendar.png) no-repeat center right;
	width: 60% 
}
.formrow {
    margin-bottom: 10px;
    overflow: hidden;
}
.formfield { float: left }
.radio {
    float: none;
    padding: 0;
}
.checkbox {
    float: none;
    padding: 0;
}
.button,
input[type="submit"] {
    padding: 0 14px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
    border: 0;
    background: #00b5ad url('/images/button.png') no-repeat right -36px;
    display: inline-block;
    outline: none;
}
.button:hover,
input[type="submit"]:hover {
    color: #fff;
    background-color: #0080c2;
    background-position: right -72px;
}
.button.button-blue {
    background-color: #0080c2;
    background-position: right -72px;
}
.button.button-blue:hover {
    background-color: #00b5ad;
    background-position: right -36px;
}
.clear { clear: both }
.right { float: right }
.textright { text-align: right }
.textcenter { text-align: center }
.small {
    font-size: 12px;
    line-height: 18px;
}
.step { margin-top: -18px }
.formrow input[type="submit"] { margin-top: 20px }
.columns .column { float: left }
.columns .column .column-inner { margin-left: 40px }
.columns .column:first-child .column-inner { margin-left: 0 }
.columns .column.column-2 { width: 50% }
.carttable { margin-bottom: 40px }
.carttable thead th {
    text-align: left;
    color: #fff;
    background-color: #1E396E;
}
.carttable td { border: 1px solid #eaeaea }
.carttable tr:first-child td { border-top: none }
.carttable tbody tr:hover { background-color: #f6f9ff }
.message {
    margin-bottom: 40px;
    padding: 20px;
    color: #8a846f;
    line-height: 20px;
    border: 1px solid #ecdda9;
    background-color: #ffffdc;
}
.area {
    padding: 20px;
    border: 1px solid #a9d7f1;
    background-color: #e6f3fb;
}
.area hr {
    margin: 20px 0;
    color: #d4e5ef;
    background-color: #d4e5ef;
}
.area input[type="text"],
.area select,
.ara textarea {
    border-color: #d4e5ef;
    border-top-color: #c2d5e1;
}
.area input[type="text"]:focus,
.area select:focus,
.area textarea:focus {
    border-color: #c2d5e1;
    border-top-color: #b6cad7;
}
.programm {
    margin-bottom: 20px;

    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.programm td {
    margin: 0;
    padding: 5px;
    empty-cells: show;
    vertical-align: top;
    border: 1px solid #eaeaea;
}
.programm td:first-child { width: 100px }
.programm ul {
    margin: 0 0 10px;
    padding: 0 0 0 20px;
}
#productblock table {
	width:100%;	
}
#productblock .productimage { max-width: 240px }
.wrapper { background-color: #fff }
header {
    position: relative;
    z-index: 100;
}
#logo {
    width: 239px;
    height: 125px;
    float: left;
}
#logo .ml {
    width:225px;
    margin:0;
}
#search { float: left }
#search input[type="text"] {
    float: left;
    background-color: #FFF;
    border-color: #e5e5e5;
    color: #A2ADB1;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    max-width: 390px;
    width: 100%;
    margin: 0 0 0 20px;
    -webkit-appearance: none;
    border-radius: 0;
}
#search input[type="submit"] {
    line-height: 36px;
    border: 0;
    width: 38px;
    height: 38px;
    background: #1e396e url(/images/bg-search.png) no-repeat center center;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-appearance: none;
    border-radius: 0;
}
#search input[type="submit"]:hover { background-color: #EC232A }
#topmenu {
    position: relative;
    border-bottom: 1px solid #E5E5E5;
    z-index: 100;
}
#topmenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#topmenu ul.pages li {
    position: relative;
    float: left;
}
#topmenu li a {
    font-size: .9em;
    padding: .5em 1em;
    display: block;
    color: #444;
    background-image: url(/images/bg-button-triangle.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
#topmenu ul.pages li.active>a {
    background-color: #EB232A;
    color: #fff;
}
#topmenu ul.buttons { float: right }
#topmenu ul.buttons li { float: left }
#topmenu ul.buttons li span { display: block }
#topmenu ul.buttons li a {
    background-color: #1E396E;
    font-size: .9em;
    text-transform: uppercase;
    color: #fff;
    padding: .5em;
    display: block;
    border-left: 1px solid #fff;
}
#topmenu ul.buttons>li>a:hover,
#topmenu ul.pages>li>a:hover,
#topmenu ul.pages>li.sfHover>a {
    color: #fff;
    background-color: #1E396E;
}
#topmenu ul.pages ul {
    position: absolute;
    top: -999em;
    padding: 10px 0;
    min-width: 140px;
    background-color: #1E396E;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    z-index: 1000;
}
#topmenu ul.pages li:hover ul,
#topmenu ul.pages li.sfHover ul { top: 32px }
#topmenu ul.pages ul li {
    border-top: 1px solid #2E4674;
    float: none;
}
#topmenu ul.pages ul li:first-child { border-top: none }
#topmenu ul.pages ul a {
    padding: .5em 1em;
    font-size: 12px;
    line-height: normal;
    color: #AAB6CE;
    background-image: none;
}
#topmenu ul.pages ul a:hover { color: #fff }
#topmenu ul.pages ul ul { background-color: #254689 }
#topmenu ul.pages ul li:hover ul,
#topmenu ul.pages ul li.sfHover ul {
    top: -10px;
    left: 140px;
}
#topmenu ul.pages ul ul li { border-top-color: #48669D }
.menutrigger {
    position: relative;
    right: 1em;
    top: 1em;
    text-align: right;
    line-height: 2em;
    display: none;
    cursor: pointer;
}
.menutrigger:hover { opacity: .7 }
.menutrigger img {
    width: 2em;
    margin-right: .7m;
}
.maincontent { padding: 0 1em }
.main article h1 {
    color: #ec232a;
    font-size: 2em;
    line-height: 100%;
}
.main article h2 {
    color: #333;
    font-size: 1.5em;
}
.details .overlay {
	font-size:20px;
	top:-40px;
	margin:0 auto;
}
.details table {
	max-width:100%;;	
}
.details th,.details td {
	padding:2px;	
	text-align:left;		
}
.details td {
	vertical-align:top;
}
.details th {
	border-bottom:1px solid #eee;
}
.details table tr:nth-child(odd) td {
   background-color: #DFF4FF;
}
.product {
    position: relative;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid #e4e4e4;
    width: 190px;
    height: 190px;
    padding: 1em;
    background: #fff url('/images/bg-product-triangle.png') no-repeat bottom right;
    float: left;
    text-align: center;
    z-index: 10;
}
.product:hover {
    z-index: 20;
    cursor: pointer;
    border-color: #bababa;
    background: #fff url('/images/bg-product-triangle-hover.png') no-repeat bottom right;
	transition: border-color 0.6s ease;		
}
.product:hover h4,
.product:hover h4 a { color: #EC232A }
.product:hover p { color: #333 }
.product h4,
.product h4 a {
    font-family: 'UbuntuRegular';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    min-height: 40px;
    max-height: 40px;
    text-align: left;
    color: #1E396E;
    margin: 0;
	transition: color 0.6s ease;		
}
.product p {
    margin: 5px 0 0;
    text-align: left;
    font-size: .8em;
    min-height: 40px;
    max-height: 40px;
}
.product .product-img {
    height: 100px;
    line-height: 100px;
    text-align: center;
}
.product .product-img img, #productblock .product-img img {
    max-height: 100px;
    max-width: 100px;
}
	.star {
		background:url(/images/star-2x.png);
		background-size:100px 100px;		
		width:100px;
		height:100px;
		display:table;
		position:absolute;
		z-index:100;
	}
	.ministar {
		background:url(/images/ministar-2x.png);
		background-size:60px 60px;		
		width:60px;
		height:60px;
		display:table;
		position:absolute;
		z-index:100;		
	}		
	.star .textpos,.ministar .textpos {
		display: table-cell;
		vertical-align: middle;		
	}
	.textsize {
		font-family: 'UbuntuBold', sans-serif;		
		color:#fff;
		display:block;
		text-align:center;
		vertical-align:middle;
	}
	.star .textsize {
		margin:20px;		
		width:60px;		
	}
	.ministar .textsize {
		margin:10px;		
		width:40px;		
	}	
	.textsize div {
		transition: color 0.6s ease;				
		margin:0 auto;
		display:block;		
		line-height:1;
		white-space:nowrap;		
	}
	.star .textsize div {
		width:60px;		
	}
	.ministar .textsize div {
		width:40px;		
	}
	.product:hover .textsize div {
		color:#ffff00;	
	}
.overlay {
	position:relative;
	font-size:14px;
	font-weight:bold;
	margin-top:-35px;
	right:-25px;
    transform: rotate(353deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(353deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(353deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(353deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(353deg) scale(1) skew(1deg) translate(0px);		
}
.overlay span {
	padding:4px;
	line-height:20px;
	background-color:#ff0000;	
	color:#fff;
}
.relatedproduct {
    text-align: center;
    padding: 1em;
    margin: 0 1em 1em 0;
    float: left;
}
.relatedproduct .image {
    width: 100%;
    height: 90px;
	line-height:90px;
	overflow:hidden;
    display: block;
}
.relatedproduct img { max-height: 90px; margin:auto; }
.relatedproduct:hover { opacity: .6 }
.advisebanner {
    width: auto!important;
    padding: 1em;
    margin: 2em 0;
    background-color: #0080c2;
    color: #00163B;
}
.advisebanner h4 {
    font-size: 1.5em;
    margin: 0;
    line-height: 100%;
    color: #fff;
}
.advisebanner p { margin: 0 }
.advisebanner a { color: #fff }
.navigation,
#breadcrumbs {
    margin: 2em 0;
    font-size: .9em;
    color: #aaa;
}
#breadcrumbs { margin: 0 0 1em }
.navigation a,
#breadcrumbs a { color: #0098EA }
.navigation strong,
#breadcrumbs strong { color: #333 }
.navigation span { float: right }
.navigation a.nextfalse,.navigation a.prevfalse{
	text-decoration:line-through;
	color:#999;
}
#blockleft {
    width: 47%;
    float: left;
}
#blockright {
    width: 47%;
    float: right;
}
.tab-content {
	max-width:316px;	
}
.ui-state-default .counter {
    background-color: red;
    color: #fff;
    position: relative;
    top: -5px;
    padding: 1px 3px;
    font-size: .8em;
    font-weight: bold;
    border-radius: 4px;
}
.main article .greyblock {
    border: 1px solid #e5e5e5;
    padding: .2em;
}
.main article .greyblock .text {
    font-size: .9em;
    padding: 1em;
}
.main article .greyblock h2 {
    background-color: #00B5AD;
    color: #fff;
    font-size: 1em;
    font-family: 'UbuntuLight';
    font-weight: normal;
    margin: 0;
    padding: .3em;
}
#producttable td { padding: .5em }
#producttable td span.desc { font-size: .8em }
#producttable tr.row_grey td { background-color: #F6F6F6 }
.blue {
    padding: 1em;
    background-color: #E3F4FE;
    background-image: url("/images/bg-banner-triangle-small.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}
.block {
    margin-bottom: 40px;
    width: 50%;
    float: left;
}
.block.block-right { float: right }
.block .block-inner { margin-right: 40px }
.block.block-right .block-inner { margin: 0 0 0 40px }
#featured { margin-bottom: 2em }
#featured .slides {
    width: 100%;
    overflow: hidden;
}
#featured .banner {
    width: 100%;
    display: none;
    float: left;
    cursor: pointer;
}
#featured .banner h2 {
    color: #000;
    opacity: .7;
    margin: 0;
}
#featured .banner p {
    color: #fff;
    opacity: .7;
}
#featured .banner .whitespace { padding: 20px }
#featured .banner figure {
    display: block;
    background-size: cover;
    background-position: center center;
}
#featured .onethirdbanner figure {
    width: 33%;
    min-height: 210px;
    display: block;
    background-color: #CEF4D0;
    float: left;
    margin-right: 20px;
}
#featured .twothirdbanner figure {
    width: 66%;
    min-height: 210px;
    display: block;
    background-color: #CEF4D0;
    float: left;
    margin-right: 20px;
}
#featured .fullbanner figure {
	margin: 0;
    width: 100%;
    display: block;
}
#featured .banner.triangle,
#featured .triangle,
.advisebanner.triangle {
    width: 100%;
    height: 100%;

    background-image: url('/images/bg-banner-triangle-small.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}
#news { overflow: hidden }
.wrapped .newsitem {
    border-right: 1px solid #fff;
    background: #f6f6f6 url('/images/bg-newsitem-triangle.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}
.unwrapped { width: 210px }
.unwrapped .newsitem {
    border-top: 1px solid #f6f6f6;
    background-color: #e5e5e5;
}
.main .newsitem {
    margin-bottom: -1234em;
    padding: 1em 1em 1235em 1em;
    width: 190px;
    float: left;
    cursor: pointer;
}
.main .newsitem:hover,
.main .newsitem:hover h2 a {
    color: #1E396E;
    background-color: #DBE6EE;
}
.main .newsitem h2 {
    font-family: 'UbuntuRegular';
    font-size: 13px;
    line-height: 100%;
    text-transform: uppercase;
    margin: 5px 0;
}
.main .newsitem h2 a { color: #333 }
.main .newsitem p {
    font-size: .8em;
    margin: 0;
}
footer {
    background: url('/images/bg-footer-triangle.png') no-repeat bottom right;
    min-height: 140px;
    padding-top:70px;
}
footer p {
    padding: 0 1em;
}
.inline-event {
    display: block;
    border-top: 1px solid #eaeaea;
    padding: 10px 0 10px 60px;
    min-height: 40px;
    position: relative;
}
.inline-event .event-calender {
    display: block;
    position: absolute;
    left: 0;
    height: 42px;
}
.inline-event .event-calender .event-month {
    display: block;
    width: 40px;
    height: 16px;
    color: #fff;
    background: #ec232a;
    text-transform: uppercase;
    font-family: 'UbuntuBold';
    font-size: 10px;
    line-height: 16px;
    text-align: center;
}
.inline-event .event-calender .event-day {
    display: block;
    width: 38px;
    height: 25px;
    color: #111;
    border: 1px solid #eaeaea;
    border-top: none;
    font-family: 'UbuntuBold';
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    position: relative;
}
.inline-event .event-calender .event-day:before {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border: 4px solid transparent;
    border-right: 4px solid #1e396e;
    border-bottom: 4px solid #1e396e;
}
.inline-event:hover .event-calender .event-day:before {
    border-right: 4px solid #ec232a;
    border-bottom: 4px solid #ec232a;
}
.inline-event .event-naam {
    font-family: 'UbuntuBold';
    font-size: 17px;
    line-height: 21px;
    color: #1e396e;
    display: block;
}
.inline-event:hover .event-naam { color: #ec232a }
.inline-event .event-location-and-date {
    color: #666;
    display: block;
}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none!important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible { visibility: hidden }
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both }
.clearfix {
    clear: both;
    *zoom: 1;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none }
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    width: 100%;
    max-width: 100%;
	height: auto;
	display: block;
}
.flex-pauseplay span { text-transform: capitalize }
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides { display: block }
* html .slides { height: 1% }
.no-js .slides>li:first-child { display: block }
.flexslider {
    margin: 0 0 80px;
    position: relative;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport { max-height: 300px }
.flexslider .slides { zoom: 1 }
.carousel li { margin-right: 5px }
.flex-direction-nav { *height: 0 }
.flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
}
.flex-direction-nav .flex-prev { left: -36px }
.flexslider:hover .flex-next {
    opacity: .8;
    right: 5px;
}
.flexslider:hover .flex-prev {
    opacity: .8;
    left: 5px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover { opacity: 1 }
.flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0,0,0,0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}
.flex-control-thumbs img:hover { opacity: 1 }
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

#menu ul {
    background-color: #1E396E;
    margin: 0;
    padding: 2em 0;
    list-style: none;
}
#menu ul li {
    margin: 0;
    border-bottom: 1px solid #2E4674;
}
#menu ul li:last-child { border-bottom: 0 }
#menu ul li.onlymobile { display: none; }
#menu ul li.cart a { color:#fff; padding: 20px 1.5em 20px 1em; }
#menu ul li a {
    font-size: 14px;
    padding: 10px 1.5em 10px 1em;
    position: relative;
    line-height: 18px;
    color: #AAB6CE;
    display: block;
    text-decoration: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
#menu ul li a:hover { color: #fff }
#menu .toggle {
    position: absolute;
    right: 1em;
    top: 10px;
    cursor: pointer;
}
#menu ul ul {
    display: none;
    background-color: #254689;
}
#menu ul ul.open { display: block }
#menu ul ul li { border-bottom: 1px solid #48669D }
#menu ul ul li a {
    font-size: .9em;
    margin-left: 10px;
}
#menu li.current a{
	color:#fff;
	opacity:1;
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('/images/fancybox/fancybox.png');
}
#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}
#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0 solid #fff;
}
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}
#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('/images/fancybox/fancybox.png') -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none;
}
#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    line-height: 0;
    vertical-align: top;
}
#fancybox-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
#fancybox-left,
#fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url('/images/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}
#fancybox-left { left: 0 }
#fancybox-right { right: 0 }
#fancybox-left-ico,
#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}
#fancybox-left-ico {
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -30px;
}
#fancybox-right-ico {
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover { visibility: visible }
#fancybox-left:hover span { left: 20px }
#fancybox-right:hover span {
    left: auto;
    right: 20px;
}
.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}
#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('/images/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -162px;
}
#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('/images/fancybox/fancybox-y.png');
    background-position: -20px 0;
}
#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -182px;
}
#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('/images/fancybox/fancybox-x.png');
    background-position: 0 -20px;
}
#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -142px;
}
#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('/images/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -122px;
}
#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}
.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}
.fancybox-title-outside {
    padding-top: 10px;
    color: #fff;
}
.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}
#fancybox-title-over {
    padding: 10px;
    background-image: url('/images/fancybox/fancy_title_over.png');
    display: block;
}
.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}
#fancybox-title-float-wrap {
    border: 0;
    border-collapse: collapse;
    width: auto;
}
#fancybox-title-float-wrap td {
    border: 0;
    white-space: nowrap;
}
#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url('/images/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px;
    background: url('/images/fancybox/fancybox-x.png') 0 -40px;
}
#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url('/images/fancybox/fancybox.png') -55px -90px no-repeat;
}
.badge {
	background-color: #e23442;
	border-radius: 11px;
	color: #fff;
	font-weight: normal;
	font-size:11px;
	height: 16px;
	line-height: 16px;
	position:relative;
	top:-10px;
	left:-3px;
	min-width: 8px;
	padding: 0 6px;
	text-align: center;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.visible-xs {
    display:block;   
}
@media only screen and (max-width:600px) { 
    .cmstext img {
        width: 100%;
        height: auto;
    }
    .cmstext img.fixedwidth { width: auto }
    #producttable td img,
    #producttable td span.desc { display: none }
    #producttable td { font-size: .8em }
      
}
@media only screen and (min-width:320px) { 
    #blockleft,
    #blockright {
        width: 100%;
        float: none;
    }
    #featured { margin-bottom: 4em }
    #featured .slides,
    #featured .banner {
        font-size: .9em;
    }
    #featured .fullbanner { padding: 0 }
    #featured .banner figure {
        width: 100%;
    }
    #featured .fullbanner figure {
        width: 100%;
    }
    nav { display: none }
    .menutrigger { display: block }
    #search {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    #search input[type="text"] {
        clear: left;
        float: none;
        width: 220px;
        margin: 0 0 20px;
    }
    #menu a { font-size: .9em }
    #menu ul ul a { font-size: .8em }
    #topmenu nav ul,
    #topmenu nav li a { width: 100% }
}
@media only screen and (min-width:480px) { 
    .oldie header nav a { margin: 0 .7% }
    #search input[type="text"] { width: 300px }
}
@media only screen and (max-width:480px) { 
    label { float: none }
    .newsletter img { display: none }
    .block {
        width: 100%;
        float: none;
    }

    .block .block-inner { margin: 0!important }
	.button { padding:0 7px; margin:0 0 7px 0 }
    
    .ml {
        width:140px;   
        margin-left:75px;
    }
}
@media only screen and (min-width:550px) { 

    #featured .onethirdbanner figure {
        width: 33%;
        margin-right: 20px;
    }
    #featured .twothirdbanner figure {
        width: 66%;
        margin-right: 20px;
    }
    #featured .slides,
    .banner {
        font-size: .8em;
    }    
    .ml {
        width:140px;   
        margin-left:75px;
    }
}
@media only screen and (max-width:600px) { 

	
	
	table {
		overflow-x: auto;
		display: block;
	}

	#menu ul li.onlymobile {
		display:block	
	}
    .columns .column.column-2 {
        width: 100%;
        float: none;
    }
    .columns .column.column-2 .column-inner { margin-left: 0 }
}

@media only screen and (min-width:769px) { 
   .visible-xs {
        display:none;   
    }
	.wide {
		columns:2;
		-moz-columns:2;
	}
    #featured .slides,
    .banner { font-size: 1em }
    #blockleft {
        width: 47%;
        float: left;
    }
    #blockright {
        width: 47%;
        float: right;
    }
    #topmenu nav ul,
    #topmenu nav li a { width: auto }
    .menutrigger { display: none }
    nav { display: block }
    .content { padding-right: 1em }
    .title { float: left }
    .maincontent {
		width: 496px;
		float: left;
    }
    .main aside {
        float: left;
        width: 225px;
		margin-right: 20px;
        padding-bottom: 231px;
        background: url('/images/bg-menu-triangle.png') no-repeat bottom right;
    }
    #logo { float: left }
    #search {
        width: auto;
        padding: 42px 0 0;
        text-align: left;
    }
    #search input[type="text"] {
        float: left;
        margin-left: 20px;
        width: 280px;
    }
}
@media only screen and (min-width:1025px) { 
    .content { padding-right: 2em }
	.maincontent {
		width: 752px;
    }
    #menu a { font-size: 1em }
}
@media only screen and (min-width:1140px) { 
    .wrapper {
        width: 1026px;
        margin: 0 auto;
    }
    #search input[type="text"] {
        margin-left: 20px;
        width: 380px;
    }
}
@media screen and (max-width:860px) { 
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0;
    }
}
@media print { 
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important;
    }
    a,
    a:visited { text-decoration: underline }
    a[href]:after { content: "(" attr(href) ")" }
    abbr[title]:after { content: "(" attr(title) ")" }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after { content: "" }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead { display: table-header-group }
    tr,
    img { page-break-inside: avoid }
    img { max-width: 100%!important }
}