/* ---------- Basic Layout Styles ----------- */

body {
background: #2C2724 url('../images/sapim-background.jpg') center top no-repeat;
 font-family: Arial, Helvetica, sans-serif
}
* ul li.leaf {list-style-type: none; list-style-image:none;}
a {color: #09C; text-decoration: none;}
a:hover {text-decoration: underline;}
#header {
background: #000B12;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  height: 150px;;
  position: relative; z-index: 99;
}
.not-front #header{  height: 175px;}

#header #logo img {margin: 30px 15px;}

#page-wrapper {
  min-height: 100%;
  min-width: 960px;
}
#header div.section,
#featured div.section,
#messages div.section,
#main,
#footer {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
#header div.section {
  position: relative;
}
.region-header {
  float: right; /* LTR */
  margin: 0 5px 10px;
}

#secondary-menu {
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  width: 480px;
}
#content,
#sidebar-first,
#sidebar-second,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  display: inline;
  float: left; /* LTR */
  position: relative;
}
.one-sidebar #content {
  width: 720px;
}
.two-sidebars #content {
  width: 480px;
}
.no-sidebars #content {
  width: 960px;
  float: none;
}

#main-wrapper {
  min-height: 300px;
}
#breadcrumb {
  margin: 0 15px;
}
#footer-wrapper {float: left;width: 940px;}
#footer-wrapper a {color: #FFF100;}
.region-footer-firstcolumn,
.region-footer-secondcolumn {
  padding: 0 10px;
  width: 208px;
  border-right: 1px solid #ccc;
  min-height: 261px;
  
}
.region-footer-thirdcolumn {
  padding: 0 10px;
  width: 170px;
    border-right: 1px solid #ccc;
  min-height: 261px;
}
.region-footer-fourthcolumn {
  padding: 0 10px;
  width: 270px;
}
#footer {
  width: 940px;
  min-width: 920px;
  margin-top: 10px;
}




/* Header Menu */
#block-menu-menu-top-menu {position: absolute;
left: 325px;
top: 35px;}
#block-menu-menu-top-menu h2 {display: none;}

#block-menu-menu-top-menu ul.menu
{
float:left;
width:100%;
padding:0;
list-style-type:none;
}
#block-menu-menu-top-menu ul.menu a
{
float:left;
text-decoration:none;
padding:5px 20px;
}
#block-menu-menu-top-menu ul.menu a:hover {text-decoration: underline;}
#block-menu-menu-top-menu ul.menu li {display:inline;}

#block-menu-menu-top-menu ul.menu li ul {display:none;} /* only show top level */




/* Header Search */
#block-search-form {
	position: absolute;
	right: 0;
	top: 130px;
	margin: 0 10px 0 0;
}

#block-search-form label {
	color: #999;
	position: absolute;
	top: 10px;
	font-weight: normal;
	font-size: 14px;
	left: 12px;
	display: inline;
	z-index: 99;
	width: auto;
	cursor: text;
}

#block-search-form input {
	padding: 0 30px 0 10px;
	*padding: 8px 30px 0 10px; /* ie 7 fix */
	color: #6f6f6f;
	height: 30px;
	*height: 24px;
	width: 170px;
	background: #FFF;
	font-size: 14px;
	border: 0;
}

#block-search-form .form-submit {
	padding: 0;
	border: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background: url(../images/search-icon.png) no-repeat 0 0;
	height: 20px;
	width: 20px;
	display: block;
	text-indent: -9999px;
	text-transform: capitalize; 
	clip: 0 0 0 0;
	position: absolute;
	right: 2px;
	top: 12px;
	cursor: pointer;
}


/*
li.collapsed {display:none;}
li.extended {display:block;} */

#header a {color: #FFF100; font-size: 14px; text-decoration: none;}
#block-menu-menu-top-menu {}


#featured {margin-top: 22px;}
#featured .section {background: url('../images/sapim-featured.png'); height: 275px; width: 960px;}
#featured .block-nodeblock {
	float: left;
	color: #fff;
	margin: 10px 20px 0 30px;}
#featured .block-nodeblock h2 {
	display: none;
}

#featured .block-nodeblock .content h2 {
	display: block;
	font-size: 24px;
	color: #B2B2B2;
	font-weight: normal;
	margin-bottom: 10px;
}

#featured .block-nodeblock .content .read-more {
    background: #292E39;
	padding: 5px 8px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}

#featured .block-nodeblock .content h2 span {
	color: yellow;
	font-weight: bold;
}

#featured .block-nodeblock .content p {
	font-size: 14px;
}

/* sapim nipples */
#featured #block-nodeblock-19 {width: 260px; margin-left: 240px;}

/* sapim spokes */
#featured #block-nodeblock-18 {width: 360px;}

	
	
/* main menu */
#block-system-main-menu {position:absolute; left:0; top: 120px; width: 100%; height: 55px; background: #272B35; text-transform: uppercase;}
#block-system-main-menu ul.menu {display:block; _margin-top: 15px; #margin-top: 15px;}
#block-system-main-menu h2 {float: left; color: #fff; font-size: 16px; margin: 21px 0px 0 10px;}
#block-system-main-menu li.expanded {float: left; width: 100px; padding: 10px; font-size: 15px; font-weight:bold;}
#block-system-main-menu li ul li.expanded {float: left; width: 180px; padding: 10px; font-size: 15px; font-weight:bold;}
#block-system-main-menu ul li {margin: 0 0 5px 10px;}
#block-system-main-menu ul li.expanded,
#block-system-main-menu ul li.leaf {list-style-type: none; list-style-image:none;}
#block-system-main-menu ul li.spokes,
#block-system-main-menu ul li.nipples,
#block-system-main-menu ul li.tools {padding: 0px; margin: 0px 10px;}

#block-system-main-menu ul li.tools {list-style: none; list-style-image: none;}
/*#block-system-main-menu ul li.tools a {border: 0 none !important; padding-left: 5px; font-weight: bold;}
#block-system-main-menu ul li.tools ul.menu {display:none !important;}
#block-system-main-menu ul li.tools a {background:none !important;}*/

/* wegkegelen! */
#block-system-main-menu ul li.tools li.tools {display:none;}

/*#block-system-main-menu ul.menu a.no-link {color: #fff; float: left; width: 50%; text-decoration: none;}*/
#block-system-main-menu ul.menu a.no-link {float: left; width: 50%; text-decoration: none;}
#block-system-main-menu ul li.spokes a,
#block-system-main-menu ul li.nipples a,
#block-system-main-menu ul li.tools a {width: 100%; display: block; line-height: 28px; border-right: 1px solid white; background: url('../images/main-menu-dropdown-arrow.png') no-repeat 70px center; }
#block-system-main-menu ul li.spokes ul.menu a,
#block-system-main-menu ul li.nipples ul.menu a {width: 45%; display: inline; line-height: 15px; border-right: none; background: none;}
#block-system-main-menu ul li.tools ul.menu a {width: 100%; display: inline; line-height: 15px; border-right: none; background: none;}

#block-system-main-menu ul.menu li.expanded:hover ul.menu {display:block;}
#block-system-main-menu ul.menu li.expanded ul.menu {display: none;
width: 220px;
background: #272B35;
position: relative;
z-index: 99;
margin: 0;
padding: 10px 0 10px 0 ;
float: left;
top: -3px;
left: -17px;
}
#block-system-main-menu ul.menu li.expanded ul.menu:hover {display: block;}

#block-system-main-menu ul.menu li.expanded ul.menu li.expanded ul.menu {background: none; float: left; width: 50%; padding: 0; left: 0;}
#block-system-main-menu ul li ul li a:hover {text-decoration: underline; }

/* hack for tools menu and for bob */
/*
#block-system-main-menu ul li.tools ul.menu li a {display: block !important; width: 100%;}
#block-system-main-menu ul li.tools ul.menu li.comparisonchart {margin-top: 7px; display: block; width: 100%;}
*/



/* CONTENT */
#main {background: #A2A2A3;
width: 940px;
padding: 10px;}
#main #main-inner {background: white;
width: 910px;
padding: 15px 15px 15px 15px;
float: left;
margin-bottom: 15px;
position: relative; z-index: 5;}

.front #main #content {
width: 520px;
padding-left: 60px;
padding-right: 110px;}

#main #content {
width: 590px;
padding-left: 60px;
padding-right: 40px;}
/* INNER */

/* MAIN */

#sidebar-first,
#sidebar-second-inline {
  width: 215px;
  float: left;
}

/* resources */
#sidebar-second-inline #block-nodeblock-21 h2 {display:none;}
#sidebar-second-inline #block-nodeblock-21 .node-translated-block {width: 215px; background: #23272f url(../images/block-resources-top.png) no-repeat left top; margin-bottom: 30px;}
#sidebar-second-inline #block-nodeblock-21 .node-translated-block .content {float: left; width: 195px; padding: 10px; background: url(../images/block-resources-bottom.png) no-repeat bottom left;}
#sidebar-second-inline #block-nodeblock-21 .node-translated-block .content h2 {display: block; color: #22262E; font-size: 18px; font-weight: bold; *padding-top: 10px;}
#sidebar-second-inline #block-nodeblock-21 .node-translated-block .content p {color: #ffee00; font-size: 13px; margin: 5px 0; padding: 0;}
#sidebar-second-inline #block-nodeblock-21 .node-translated-block .content a {color: #FFF100; font-size: 12px; text-decoration: none; }
#sidebar-second-inline #block-nodeblock-21 .node-translated-block .content a:hover {text-decoration: underline; }




/* comparison chart choser */
#sidebar-second-inline #block-nodeblock-20 h2 {display:none;}
#sidebar-second-inline #block-nodeblock-20 .node-translated-block {width: 215px; background: #23272f url(../images/block-choose-top.png) no-repeat left top;margin-bottom: 30px;}
#sidebar-second-inline #block-nodeblock-20 .node-translated-block .content {float: left; width: 195px; padding: 10px; background: url(../images/block-choose-bottom.png) no-repeat bottom left;}
#sidebar-second-inline #block-nodeblock-20 .node-translated-block .content h2 {width: 120px; margin: 105px 0 25px 0; *margin: 105px 0 0 0; display: block; color: #fff; font-size: 18px; font-weight: bold; float: left;}
#sidebar-second-inline #block-nodeblock-20 .node-translated-block .content p.arrow {float: right; margin-top: 105px;}
#sidebar-second-inline #block-nodeblock-20 .node-translated-block .content p.clear {clear: both;}
#sidebar-second-inline #block-nodeblock-20 .node-translated-block .content p {color: #fff; font-size: 12px;}
#sidebar-second-inline #block-nodeblock-20 .node-translated-block .content p span.yellow {font-weight: bold; color: #FFEC00;}
#sidebar-second-inline #block-nodeblock-20 .node-translated-block .content p.call-to-action {margin: 25px 0 21px 0; font-weight: bold; color: #292E39;}
#sidebar-second-inline #block-nodeblock-20 .node-translated-block .content a {color: #FFEC00;}
#sidebar-second-inline #block-nodeblock-20 .node-translated-block .content p.call-to-action a {color: #000;}











/* staff carousel */

#main #slider {background: white;
width: 920px;
padding: 10px;
float: left;
margin-bottom: 15px;}


#block-views-carousel-block .slider-item {}
#block-views-carousel-block .slider-item .container {float: left;}
#block-views-carousel-block .slider-item .container .left {float: left; width: 100px;}
#block-views-carousel-block .slider-item .container .left .image {background: #fff; padding: 3px; border: 1px solid #DEDEDE;}
#block-views-carousel-block .slider-item .container .left .function {color: #666; font-size: 12px;}
#block-views-carousel-block .slider-item .container .left .name {color: #000; font-size: 12px; font-weight: bold; margin-top: 10px;}
#block-views-carousel-block .slider-item .container .right {float: left; width: 150px;
margin: 0 0 0 10px; font-size: 12px; color: #212121;}
#block-views-carousel-block .slider-item .container .right .body {width: 150px;}
#block-views-carousel-block .slider-item .container .right .body p {margin: 0;}


/**
 * A simple sample carousel skin.
 *
 */
.jcarousel-skin-default {text-align: center;}
.jcarousel-container-horizontal {width: 820px; height: 180px; padding: 20px 40px; margin: auto; overflow: hidden;}
.jcarousel-clip-horizontal {overflow: hidden;}
.jcarousel-item {padding: 0; width: 280px; height: 180px; overflow: hidden; list-style: none; background: #fff none;}
.jcarousel-item-horizontal {margin: 0 4px;}
.jcarousel-item-vertical {margin: 4px 0;}
.jcarousel-item-placeholder {background: #fff url(throbber.gif) no-repeat center center; color: #000;}

/**
 * Buttons
 */
.jcarousel-next,
.jcarousel-prev {display: block; width: 28px; height: 56px;}
.jcarousel-next-disabled,
.jcarousel-prev-disabled {display: none;}

/**
 * Horizontal Buttons
 */
.jcarousel-prev-horizontal {position: absolute; top: 75px; left: 0; background: url('../images/carousel-arrow-left.png') no-repeat;}
.jcarousel-next-horizontal { position: absolute; top: 75px; right: 0; background: url('../images/carousel-arrow-right.png') no-repeat;}





/* footer menu */
#footer-columns {background: #23272F;}
/* block 1 */
.region-footer-firstcolumn .block-menu-block {width: 100%; text-transform: uppercase;}
.region-footer-firstcolumn .block-menu-block h2 {float: left; color: #FFF100; font-size: 18px; margin: 20px 10px 0 10px;}
.region-footer-firstcolumn .block-menu-block ul {margin: 0; padding: 10px;}
.region-footer-firstcolumn .block-menu-block li.expanded {float: left; width: 180px; margin: 0; padding: 10px 0; font-size: 15px; font-weight:bold;}
.region-footer-firstcolumn .block-menu-block ul li ul.menu li {margin: 0 0 5px 5px;}
.region-footer-firstcolumn .block-menu-block ul li.expanded,
.region-footer-firstcolumn .block-menu-block ul li.leaf {list-style-type: none; list-style-image:none;}
.region-footer-firstcolumn .block-menu-block ul li ul li { font-weight:normal;}

.region-footer-firstcolumn .block-menu-block ul.menu a.no-link {color: #fff; float: left; width: 45%; text-decoration: none; }

.region-footer-firstcolumn .block-menu-block ul li a {float: left; width: 45%; display: inline; line-height: 15px; font-size: 12px; text-decoration: none;}
.region-footer-firstcolumn .block-menu-block ul li ul li a:hover {text-decoration: underline; }
.region-footer-firstcolumn .block-menu-block ul li ul li a {width: 100%; color: #FFF100; font-size: 12px;}

.region-footer-firstcolumn .block-menu-block ul.menu li.expanded:hover ul.menu {display:block;}
.region-footer-firstcolumn .block-menu-block ul.menu li.expanded ul.menu {z-index: 99; margin: 0; padding: 0 0 0 0 ; float: left;}
.region-footer-firstcolumn .block-menu-block ul.menu li.expanded ul.menu:hover {display: block;}

.region-footer-firstcolumn .block-menu-block ul.menu li.expanded ul.menu li.expanded ul.menu {background: none; float: left; width: 50%; padding: 0;}

.region-footer-firstcolumn .block-menu-block ul li ul li {float: left; clear: left; padding: 0;}


/* block 2 */
.region-footer-secondcolumn .block-menu-block {width: 100%; text-transform: uppercase;}
.region-footer-secondcolumn .block-menu-block h2 {float: left; color: #FFF100; font-size: 18px; margin: 20px 10px 0 10px;}
.region-footer-secondcolumn .block-menu-block ul {margin: 0; padding: 10px;}
.region-footer-secondcolumn .block-menu-block li.expanded {float: left; width: 180px; margin: 0; padding: 10px 0; font-size: 15px; font-weight:bold;}
.region-footer-secondcolumn .block-menu-block ul li ul.menu li {margin: 0 0 5px 5px;}
.region-footer-secondcolumn .block-menu-block ul li.expanded,
.region-footer-secondcolumn .block-menu-block ul li.leaf {list-style-type: none; list-style-image:none;}
.region-footer-secondcolumn .block-menu-block ul li ul li { font-weight:normal;}


.region-footer-secondcolumn .block-menu-block ul.menu a.no-link {color: #fff; float: left; width: 45%; text-decoration: none; }

.region-footer-secondcolumn .block-menu-block ul li a {float: left; width: 45%; display: inline; line-height: 15px; font-size: 12px;}
.region-footer-secondcolumn .block-menu-block ul li ul li a {width: 100%; color: #FFF100; font-size: 12px; text-decoration: none;}
.region-footer-secondcolumn .block-menu-block ul li ul li a:hover {text-decoration: underline; }
.region-footer-secondcolumn .block-menu-block ul.menu li.expanded:hover ul.menu {display:block;}
.region-footer-secondcolumn .block-menu-block ul.menu li.expanded ul.menu {z-index: 99; margin: 0; padding: 0 0 0 0 ; float: left;}
.region-footer-secondcolumn .block-menu-block ul.menu li.expanded ul.menu:hover {display: block;}

.region-footer-secondcolumn .block-menu-block ul.menu li.expanded ul.menu li.expanded ul.menu {background: none; float: left; width: 50%; padding: 0;}

.region-footer-secondcolumn .block-menu-block ul li ul li {float: left; clear: left; padding: 0;}





/* block 3 */
.region-footer-thirdcolumn .block-menu-block {width: 100%; text-transform: uppercase;}
.region-footer-thirdcolumn .block-menu-block h2 {float: left; color: #FFF100; font-size: 18px; margin: 20px 10px 10px 10px;}
.region-footer-thirdcolumn .block-menu-block ul {margin: 0; padding: 10px;}
.region-footer-thirdcolumn .block-menu-block li {float: left; width: 180px; margin: 0; padding: 0; font-size: 15px;}
.region-footer-thirdcolumn .block-menu-block ul.menu li {margin: 0 0 5px 5px;}
.region-footer-thirdcolumn .block-menu-block ul li.expanded,
.region-footer-thirdcolumn .block-menu-block ul li.leaf {list-style-type: none; list-style-image:none;}
.region-footer-thirdcolumn .block-menu-block ul li ul li { font-weight:normal;}


.region-footer-thirdcolumn .block-menu-block ul.menu a.no-link {color: #fff; float: left; width: 50%; text-decoration: none; }

.region-footer-thirdcolumn .block-menu-block ul li a {float: left; width: 100%; display: inline; color: #FFF100; font-size: 12px; text-decoration: none; }
.region-footer-thirdcolumn .block-menu-block ul li a:hover {text-decoration: underline; }
.region-footer-thirdcolumn .block-menu-block ul li ul li {float: left; clear: left; padding: 0;}

/*remove li */
/*.region-footer-thirdcolumn .block-menu-block ul li {display:none;}*/
.region-footer-thirdcolumn .block-menu-block ul li.tools {display:none;}



/* block 4 */
.region-footer-fourthcolumn h2 {display: none;}
.region-footer-fourthcolumn p.big {font-size: 19px; color: #fff; margin-bottom: 12px; #margin-top: 20px; _margin-top: 20px;}
.region-footer-fourthcolumn p.normal {font-size: 15px; color: #fff; margin-bottom: 12px;}
.region-footer-fourthcolumn p.small {font-size: 13px; color: #ccc; margin-bottom: 12px;}


/* IE 7 fix */
#block-menu-block-1 ul,
#block-menu-block-2 ul,
#block-menu-block-3 ul,
#block-menu-block-5 ul, {_padding: 0 0 0 10px;#padding: 0 0 0 10px;}



/* footer */
.region-footer h2 {display: none;}
.region-footer p {color: #BFACA4; font-size: 12px;}
.region-footer li a {color: #fff; text-decoration: none; font-size: 12px;}
.region-footer li a:hover {text-decoration: underline;}
.region-footer li a.active {text-decoration: underline;}
#footer #block-nodeblock-37 {float:left;}
#footer #block-menu-menu-footer-bottom {float: left;}
#footer #block-menu-menu-footer-bottom ul {margin: 6px 15px; padding: 0;}
#footer #block-menu-menu-footer-bottom li {float: left; margin: 0 0 0 10px; border-right: 1px solid #BFACA4;}
#footer #block-menu-menu-footer-bottom li.last {border-right: none;}

/* breadcrumbs */
#breadcrumb {color: #1F1F1F; font-size: 11px; margin: 10px 0; }
#breadcrumb a {color: #1F1F1F; font-size: 11px; text-decoration: none;}

/* catalog menu */
#left #block-menu-block-1 { background: none; width: 251px; }
#left #block-menu-block-1 .content { background: none; width: 251px; padding: 0; }
#block-menu-block-1 ul.menu { float: left; margin: 0; padding: 0; list-style: none; }
#block-menu-block-1 ul.menu li { float: left; clear: left; list-style: none; margin: 0 0 14px 0; padding: 0; }
#block-menu-block-1 ul.menu li a { 
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 210px;
	background: url('../images/catalog-menu-collapse.png') no-repeat;
	height: 32px;
	text-transform: capitalize;
	color: #444444;
	text-decoration: none;
}
#block-menu-block-1 ul.menu li a:hover { text-decoration: none; background: url('../images/catalog-menu-collapse-active.png') no-repeat; color: #ffffff; }
#block-menu-block-1 ul.menu li a.active,
#block-menu-block-1 ul.menu li.active-trail a { text-decoration: none; background: url('../images/catalog-menu-collapse-active.png') no-repeat; color: #ffffff; }
#block-menu-block-1 ul.menu li ul { margin: 10px 0 0 10px; }
#block-menu-block-1 ul.menu li ul li { margin-bottom: 6px; }
#block-menu-block-1 ul.menu li ul li a {
	background: none;
	font-size: 14px;
	height: auto;
	width: 200px;
	line-height: 16px;
	text-indent: -10px;
	padding: 0 0 0 0;
	color: #0099CC;
	text-decoration: none;
	text-align: right;
}
#block-menu-block-1 ul.menu li ul li a:hover,
#block-menu-block-1 ul.menu li ul li a.active,
#block-menu-block-1 ul.menu li.active-trail ul li a {
	text-decoration: none;
	background: none;
	color: #0099CC;
}
#block-menu-block-1 ul.menu li ul li a:hover  {	}
#block-menu-block-1 ul.menu li ul li a.active {	color: #444444; font-weight: bold; }




/* about us menu */
/* catalog menu */
#sidebar-first .block-menu-block { background: none; width: 251px; }
#sidebar-first .block-menu-block .content { background: none; width: 251px; padding: 0; }
#sidebar-first .block-menu-block ul.menu { float: left; margin: 0; padding: 0; list-style: none; }
#sidebar-first .block-menu-block ul.menu li { float: left; clear: left; list-style: none; margin: 0 0 14px 0; padding: 0; }
#sidebar-first .block-menu-block ul.menu li a { 
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 210px;
	background: url('../images/catalog-menu-collapse.png') no-repeat;
	height: 32px;
	text-transform: capitalize;
	color: #444444;
	text-decoration: none;
}
#sidebar-first .block-menu-block ul.menu li a:hover { text-decoration: none; background: url('../images/static-page-menu-left-active.png') no-repeat; color: #ffffff; }
#sidebar-first .block-menu-block ul.menu li a.active,
#sidebar-first .block-menu-block ul.menu li.active-trail a { text-decoration: none; background: url('../images/static-page-menu-left-active.png') no-repeat; color: #ffffff; }
#sidebar-first .block-menu-block ul.menu li ul { margin: 10px 0 0 10px; }
#sidebar-first .block-menu-block ul.menu li ul li { margin-bottom: 6px; }
#sidebar-first .block-menu-block ul.menu li ul li a {
	background: none;
	font-size: 14px;
	height: auto;
	width: 200px;
	line-height: 16px;
	text-indent: -10px;
	padding: 0 0 0 0;
	color: #0099CC;
	text-decoration: none;
	text-align: right;
}
#sidebar-first .block-menu-block ul.menu li ul li a:hover,
#sidebar-first .block-menu-block ul.menu li ul li a.active,
#sidebar-first .block-menu-block ul.menu li.active-trail ul li a {
	text-decoration: none;
	background: none;
	color: #0099CC;
}
#sidebar-first .block-menu-block ul.menu li ul li a:hover  {	}
#sidebar-first .block-menu-block ul.menu li ul li a.active {	color: #444444; font-weight: bold; }






/* node content */
#content h1 {font-size: 24px; font-weight: bold; margin: 0 0 18px 0;}
.front #content h1 {margin: 24px 0;}
#content h2 {font-size: 18px;}
#content h3 {font-size: 16px; font-weight: bold;}
#content p {font-size: 12px;}
#content ul {font-size: 12px;}
#content li {font-size: 12px;}

#content .spoke .product-item {float: left; width: 460px;}
#content .nipple .product-item {float: left; width: 380px;}
#content .product-item .grey {background: #E9E9EA; padding: 5px 20px; margin-bottom: 20px;}
#content .spoke .field-name-field-image img {float: right; width: 106px;}
#content .nipple .field-name-field-image img {float: right; width: 184px; height: 122px;}

/* region slider */
.region-slider h2 {font-size: 18px; font-weight: bold; margin: 15px 0 0 30px; text-transform:uppercase;}




/* search page */
.search-results .search-result a {text-decoration: none;}


/* edit tabs */
ul.tabs{margin:0;padding:0;list-style:none;float:right;}
ul.action-links{margin:0 0 10px 0;padding:0;list-style:none;float:left;width:100%;}
ul.tabs li,
ul.action-links li{list-style:none;float:left;padding:0;margin:0 4px 0 0;}
ul.tabs li a,
ul.action-links li a{float:left;margin:0;padding:2px 8px;color:#666;background-color:#efefef;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
ul.tabs li.active a{background-color:#09C;color:#fff;}
ul.tabs li a:hover,
ul.action-links li a:hover{background-color:#09C;color:#fff;text-decoration:none;}
ul.tabs,ul.tabs li,
ul.tabs li a,
ul.tabs li.active a{border:none;}

/*alter for login */
.page-user ul.tabs{margin:0;padding:0;list-style:none;float:left;}
.page-user ul.tabs li a[href="/user"]{ display:none;}
.page-user ul.tabs li a[href="/user/password"]{ display:none;}
.page-user ul.tabs{ display:none;}

.logged-in li.login {display:none !important;}

.page-user .download a {width: 220px;
font-size: 15px;
line-height: 20px;
margin-bottom: 2px;
padding-top: 4px;}

.page-user .download a {
display: inline-block;
padding: 8px 24px;
color: white;
font-size: 16px;
line-height: 20px;
font-weight: bold;
border-radius: 4px;
border: 1px solid white;
cursor: pointer;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, .1)));
background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, .1));
background-color: #2999B9;
border-image: initial;
}

.page-user .download a i {
display: block;
float: right;
width: 14px;
height: 12px;
margin-top: 3px;
}


/*.logged-in #block-menu-menu-top-menu li.login {display: none;}*/

/* hide other translations */
ul.links li.translation_en,
ul.links li.translation_nl,
ul.links li.translation_fr,
ul.links li.translation_de {display: none;}


/* faq inline */
.faq-answer {
padding-left: 20px !important;
}

/* table sapim-friends */
.view-sapim-friends table tr {vertical-align: top; width: 100%;}
.view-sapim-friends table tr td {vertical-align: top; width: 33%; border: 1px solid #CCC; text-align: center; padding: 10px;}
.view-sapim-friends table tr td .views-field-body .field-content ul {list-style: none; margin: 0 !important; padding: 0 !important;}
.view-sapim-friends table tr td .views-field-body .field-content ul li {list-style: none; margin: 0 !important; padding: 0 !important;}
.view-sapim-friends table tr td .views-field-body {}




table {border-collapse: inherit;}
table .odd {background: #D7D8DA;}
table .even {background: #FFFAD6;}


/* === carousel single page === */
.node-type-carousel .field-name-field-image {float: left; margin: 30px 20px 0 30px;}
.node-type-carousel .field-name-field-staff-function {margin: 10px 0 0 0;}
.node-type-carousel .field-name-field-staff-name {}
.node-type-carousel .node-carousel .field-name-body {float: right; width: 450px; margin: 20px 140px 20px 10px;}

/* === NEWS === */
.view-display-id-block .more-link {font-size: 12px;}
.view-display-id-page .views-row {float: left; margin: 0 0 30px 0;}