/* Default styling for jQuery Datepicker v5.0.0. */
.datepick {
	background-color: #fff;
	color: #000;
	border: 1px solid #444;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 90%;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-popup {
	z-index: 1000;
}
.datepick-disable {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.datepick a {
	color: #fff;
	text-decoration: none;
}
.datepick a.datepick-disabled {
	color: #888;
	cursor: auto;
}
.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
	float: left;
	width: 100%;
	background-color: #000;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
}
.datepick-ctrl {
	background-color: #600;
}
.datepick-cmd {
	width: 30%;
}
.datepick-cmd:hover {
	background-color: #777;
}
.datepick-ctrl .datepick-cmd:hover {
	background-color: #f08080;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
	width: 8%;
}
a.datepick-cmd {
	height: 1.5em;
}
button.datepick-cmd {
	text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
	float: left;
	padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-nav {
	float: left;
	background-color: #777;
	text-align: center;
}
.datepick-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.datepick-month-nav span {
	color: #888;
}
.datepick-month-row {
	clear: left;
}
.datepick-month {
	float: left;
	width: 15em;
	border: 1px solid #444;
	text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	height: 1.5em;
	background-color: #444;
	color: #fff;
	font-weight: bold;
	width:100%;
}
.datepick-month-header select, .datepick-month-header input {
	height: 1.4em;
	margin: 0em;
	padding: 0em;
	border: none;
	font-size: 100%;
	width: 55px;
}
.datepick-month-header input {
	position: absolute;
	display: none;
}
.datepick-month table {
	width: 100%;
	border-collapse: collapse;
}
.datepick-month thead {
	border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.datepick-month th {
	border: 1px solid #777;
}
.datepick-month th, .datepick-month th a {
	background-color: #777;
	color: #fff;
}
.datepick-month td {
	background-color: #eee;
	border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
	border: 1px solid #777;
}
.datepick-month td.datepick-week * {
	background-color: #777;
	color: #fff;
	border: none;
}
.datepick-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	background-color: #eee;
	color: #000;
	text-decoration: none;
}
.datepick-month span {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
}
.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #fff;
}
.datepick-month td .datepick-weekend {
	background-color: #ddd;
}
.datepick-month td .datepick-today {
	background-color: #f0c0c0;
}
.datepick-month td .datepick-highlight {
	background-color: #f08080;
}
.datepick-month td .datepick-selected {
	background-color: #777;
	color: #fff;
}
.datepick-month th.datepick-week {
	background-color: #777;
	color: #fff;
}
.datepick-status {
	clear: both;
	background-color: #ddd;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}

/*######## Smart Green ########*/
.smart-green {
    margin-left:auto;
    margin-right:auto;

    max-width: 500px;
    background: #F8F8F8;
    padding: 30px 30px 20px 30px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.smart-green h1 {
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 20px 0px 20px 40px;
    display: block;
    margin: -30px -30px 10px -30px;
    color: #FFF;
    /* background: #9DC45F; */
    background: #0088cc;
    text-shadow: 1px 1px 1px #949494;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:1px solid #89AF4C;

}
.smart-green h1>span {
    display: block;
    font-size: 11px;
    color: #FFF;
}

.smart-green label {
    display: block;
    margin: 0px 0px 5px;
}
.smart-green label>span {
    float: left;
    margin-top: 10px;
    color: #5E5E5E;
    font-weight: bold;
}
.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select {
    color: #555;
    height: 30px;
    line-height:15px;
    width: 100%;
    padding: 0px 0px 0px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
}
.smart-green textarea{
    height:100px;
    padding-top: 10px;
}
.smart-green select {
    background: url('../../../../apps/videojet-global/components/portal/passwordGenerator/clientlibs/css/down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('../../../../apps/videojet-global/components/portal/passwordGenerator/clientlibs/css/down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
   appearance:none;
    -webkit-appearance:none;
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width:100%;
    height:30px;
}
.smart-green .button {
    background-color: #0088cc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494;
}
.smart-green .button:hover {
    background-color:#80A24A;
}
.smart-green label .error {
    color:#ff0000;
}
.smart-green  span.required{
    color:#ff0000;
}
/* tabs.css */

/* this style builds out arrows for everything but ie7 */
.tabs .tabsUpArrow:after { /*arrow added to uparrowdiv DIV*/
	border-color: transparent transparent #aaaaaa transparent;
	border-style: solid;
	border-width: 10px;
	content:'';
	display:block;
	height:0;
	left:0;
	margin: 0 auto;
	position:relative;
	top:22px; /*should be set to -border-width x 2 */
	width:0;
}

/* the following styles are for ie7 arrow */
.tabs .tab-ui-item .ie-arrow {
	*display: none;
}
.tabs .tabsUpArrow.active {
	*zoom: 1;
}
.tabs .tabsUpArrow.active .ie-arrow {
	*color: #aaaaaa;
	*display: block;
	*font-size: 100px;
	*height: 10px;
	*left: 0;
	*line-height: 0.65;
	*overflow: hidden;
	*position: absolute;
	*text-indent: -6px;
	*top: 30px;
	*width: 37px;
	*zoom: 1;
}
/* productTypeInfoBox.css */

label.x-form-cb-label-hidden{
		font-size:11px !important;
}

#CQ div.x-form-element div.x-form-check-wrap{
	min-height:70px !important;
}

.productType_1 {
	border: 2px solid #109dc1;
}

.productTypeInfoBoxWrapper .productTypeHeader {
	display: table;
    height: 45px;
    overflow: auto;
    width: 100%;
}

.productType_1_header {
	background-color: #109dc1;
}

.productType_2 {
	border: 2px solid #f6861f;
}

.productType_2_header {
	background-color: #f6861f;
}

.productType_3 {
	border: 2px solid #a99a8d;
}

.productType_3_header {
	background-color: #a99a8d;
}

.productType_4 {
	border: 2px solid #008dcd;
}

.productType_4_header {
	background-color: #008dcd;
}

.productType_5, .productType_6 {
	border: 2px solid #00b3b0;
}

.productType_5_header, .productType_6_header {
	background-color: #00b3b0;
}

.productTypeInfoBoxWrapper .innerDiv {
	padding: 8px;
	width: 90%;
}

.productTypeInfoBoxWrapper .headHolder {
	display: table-cell;
	padding: 0px 5px;
	vertical-align: middle;
}

.productTypeInfoBoxWrapper span.headingText {
	font-size:16px; color: white; font-weight: bold;
	display: table-cell;
}

.productTypeInfoBoxWrapper .imgHolder {
	display: table-cell;
	padding: 0 5px;
    text-align: right;
    vertical-align: middle;
}

/* productFlexiCarousel.css */

.productFlexiCarousel {
	width: auto;
}

#productCarouselView {
	height: 360px;
	margin: 0;
}

#productCarouselView img {
	margin: auto;
	max-height: 360px;
	width: auto;
}

#productCarouselNav {
	border-radius: 0;
	margin: 0 0 35px;
	max-height: 32px;
	padding: 8px 0 8px;
	
	/* gradient */
	background-color: #e4e4e4; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e4e4e4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-8 */
}

#productCarouselNav .flex-viewport .slides li {
	border: 1px solid #aaaaaa;
	filter: alpha(opacity=50);
	height: 30px;
	margin: 0 8px;
	opacity: 0.5;
	overflow: hidden;
	
	/* rounded corners */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

#productCarouselNav.flex-centered .slides {
	text-align: center;
	width: 100%!important;
}

#productCarouselNav.flex-centered .slides li {
	display: inline-block!important; 
	float: none!important;
	
	*display: inline!important; 
	*float: left!important;
}

#productCarouselNav img {
	margin: auto;
	max-height: 30px;
	width: auto;
}

#productCarouselNav .flex-viewport .slides li.flex-active-slide {
	border: 1px solid #333333;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

/* productCarousel.css */

.productCarousel {
	width: 690px;
}

#productCarouselView {
	height: 360px;
	margin: 0;
}

#productCarouselView img {
	margin: auto;
	max-height: 360px;
	width: auto;
}

#productCarouselNav {
	border-radius: 0;
	margin: 0 0 35px;
	max-height: 32px;
	padding: 8px 0 8px;
	
	/* gradient */
	background-color: #e4e4e4; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e4e4e4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-8 */
}

#productCarouselNav .flex-viewport .slides li {
	border: 1px solid #aaaaaa;
	filter: alpha(opacity=50);
	height: 30px;
	margin: 0 8px;
	opacity: 0.5;
	overflow: hidden;
	
	/* rounded corners */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

#productCarouselNav.flex-centered .slides {
	text-align: center;
	width: 100%!important;
}

#productCarouselNav.flex-centered .slides li {
	display: inline-block!important; 
	float: none!important;
	
	*display: inline!important; 
	*float: left!important;
}

#productCarouselNav img {
	margin: auto;
	max-height: 30px;
	width: auto;
}

#productCarouselNav .flex-viewport .slides li.flex-active-slide {
	border: 1px solid #333333;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

/* pageTitle.css */

.pageTitle {
    margin-top: 23px;
	margin-bottom: 30px;
}

.pageTitle h1 {
	display: inline-block;
    font-weight: 500;
	*zoom: 1;
	*display: inline;
}

.pageTitle h2 {
	display: inline-block;
    font-weight: 500;
	*zoom: 1;
	*display: inline;
	font-size: 16px;
}

.pageTitle .titleBottomBorder {
	height: 3px;
}
/* horizontalImageTitleText.css */

.horizontalImageTitleText {
	overflow:hidden;
}

.horizontalImageTitleText .imgContainer {
	float: right;
	text-align:center;
	max-width: 55%;
}

.horizontalImageTitleText .imgContainer img {
	 margin: 0 auto;
}

.horizontalImageTitleText h5 {
	background-color: #009ddd;
	color: #fff;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	margin-top: 0;
	
	/* rounded corners */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

.horizontalImageTitleText h5 a {
	color: #fff;
}

.horizontalImageTitleText .textContainer {
	width: 45%;
}

.horizontalImageTitleText .textContainer p {
	margin: 10px 0 0 0;
}

.word_wrap{
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* Mega Menu Styles  */
.mega-menu {
    height: 46px;
    list-style: none;
    padding: 0;
    margin: 0;
    float:left;
    display:inline-block;
    *display: inline-block;
    *left: 0;
    *padding-left:206px;
}
.mega-menu ul {
    position: relative;
    padding: 0;
    margin: 0;
}
.mega-menu li {
    float: left;
    margin: 0;
    padding: 0;
}
.mega-menu li a {
    /*float: left;*/
    color: #EBEBEB;
    display: block;
    font-size: 12px;
   /* line-height: 3; */
    padding: 15px 20px 16px 20px;
    text-decoration: none;
}


.mega-menu ul, .mega-menu ul li {
    list-style: none;
}

.mega-menu ul li ul {
    display: none;
}
.mega-menu .sub {
    display: none;
}
.mega-menu .sub ul {
    display: block;
}
.mega-menu-divider {
    border-left: 1px solid #4D4D4D;
    float: left;
    height: 35px;
    top: 10px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 0;
}

.mega-menu .navColumn .linkListTitle, 
.mega-menu .navColumn .linkListTitle a,
.mega-menu li .sub .nav-title {
    color: #009DDD;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    text-transform: uppercase;
    line-height: normal;
}

.mega-menu .navColumn .linkListTitle a:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #009DDD;
}

.mega-menu .navColumn ul li {
    border-bottom: none;
}
.mega-menu .navColumn ul li a{
    line-height: 20px;
    font-size: 12px;
    padding-left: 9px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.mega-menu .navColumn .downloadLink{
    border-bottom: none;
}

.mega-menu .navColumn .downloadLink a{
    font-size: 12px;
    line-height: 20px;
}
.mega-menu .navColumn .downloadLink .filesize{
    font-size: 10px;
    line-height: 20px;
}

.mega-menu li.mega-hover a, .mega-menu li.mega-hover a:hover, .mega-menu li a:hover {
    background: #414141;
    color: #FFF;
}
/* Arrow tag for parent links */
.mega-menu li a.dc-mega {
    padding-right: 87px; /* Additional padding for arrow */
    position: relative;
    
    *position: inherit;
}
.mega-menu li a .dc-mega-icon {
    background: url("/etc/designs/videojet/global/img/arrow_nav.png") no-repeat 0 0;
    height: 5px;
    margin-left: 8px;
    position: absolute;
    top: 22px;
    width: 8px;
    

}
.mega-menu li.mega-hover a .dc-mega-icon {
    background-position: 0 100%;
}
.mega-menu li .sub-container {
    position: absolute;
    background-color: #2E2E2E;
    left: 0;
    z-index: 1000;
    width: 106%;
    
    *top: 66px !important;
}
.mega-menu li .sub {
    padding: 15px;
    overflow: auto;
    
    /* Gradient */
    background-color: #414141; /* Old browsers */
    background: -moz-linear-gradient(top,  #414141 1%, #282828 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#414141), color-stop(100%,#282828)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #414141 1%,#282828 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #414141 1%,#282828 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #414141 1%,#282828 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #414141 1%,#282828 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#282828',GradientType=0 ); /* IE6-8 */
}
.mega-menu li .sub .row {
    width: auto;
    overflow: hidden;
    clear: both;
}
.mega-menu li .sub li {
    list-style: none;
    float: none;
    font-size: 1em;
    font-weight: normal;
}
.mega-menu li .sub .columnrow .fluidColumn{
}
.mega-menu li .sub .columnrow .offset0 {
}
.mega-menu li .sub .columnrow .fluidColumn:first-child {
    border-left: none;
}
.mega-menu .sub h4 {
    color: #FFF;
    font-size: 14px;
    margin: 0;
}
.mega-menu .sub p {
    color: #FFF;
    font-size: 12px;
}
.mega-menu .sub img {
    margin-bottom: 10px;
}
.mega-menu li .sub a {
    color: #FFF;
    padding: 0;
    display: block;
    float: none;
    font-size: 0.9em;
    background-color: transparent;
}
.mega-menu .sub li.mega-hdr li.sub_header a {
    font-weight: bold;
}
.mega-menu .sub li.mega-hdr li a {
    color: #FFF;
    padding: 0;
    margin: 0;
    font-weight: normal;
    line-height: 2.2;
}
.mega-menu .sub li.mega-hdr li a:hover {
    text-decoration: underline;
    background-color: transparent;
}
.mega-menu .sub ul li {
    padding-right: 0;
}

.mega-menu li .sub-container.non-mega .sub {
    padding: 10px;
}
.mega-menu li .sub-container.non-mega li {
    padding: 0;
    width: 190px;
    margin: 0;
}
.mega-menu li .sub-container.non-mega li a {
    padding: 7px 5px 7px 22px;
}
.mega-menu li .sub-container.non-mega li a:hover {
    color: #a32403;
}
.mega-menu-subdivider {
    border-left: 1px solid #4D4D4D;
    float: left;
    min-height: 250px;
    top: 0;
    margin: 0;
    padding: 0;
    position: relative;
    width: 0 !important;
}
.mega-menu li a .dc-mega-sub-icon {
    display: block;
    position: relative;
    float: right;
    margin-top: 3px;
    width: 5px;
    height: 9px;
    background: url("/etc/designs/videojet/global/img/arrow_nav_right.png") no-repeat 0 0;
}
.mega-menu li.mega-hover a:hover .dc-mega-sub-icon {
    background-position: -6px 0;
}
.megaMenuSubHeaderLinks {
    width: 235px;
}
.megaMenuSubFeature {
    width: 209px;
}
/* navColumns.css */

.navElement {
    overflow: hidden;
}

.navColumn-inner-container {
    border-right: 1px solid #4d4d4d;
    float: left;
    position: relative;
    width: 100%;
}

.navColumn-inner-container-last {
    border-right: 1px solid transparent;
}

.navColumn-container {
    position: relative;
    left: 100%;
}

.navColumn-control {
    float: left;
}

.navColumn-control .parsys {
    margin: 10px;
}
/*** ESSENTIAL STYLES ***/
/*** !!! MODIFIED FOR VJ ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu .navElement{
    position:absolute;
    overflow:visible;
}
.sf-menu .navigationLinkList,
.sf-menu .linkList{
    position:relative;
}
.sf-menu .linkList h3{
    position:relative;
}


.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: relative; /* absolute */
   display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.sf-menu > li {
    float: left;
}

.sf-menu li > ul,
.sf-menu li.sfHover > ul {
    display:none;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover:hover > ul {
    display:block;
    position:absolute;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
    position:absolute;
    display:none;
}
.sf-menu ul > li {
    width:200px;
}


/*** DEMO SKIN ***/
.sf-menu {
    float: left;
}
.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
    display: block;
    position: relative;
    color: #EBEBEB;
    font-size: 12px;
    line-height: 3;
    padding: 15px 20px 16px 20px;
    text-decoration: none;
    zoom: 1; /* IE7 */
}
.sf-menu li {
  /*  white-space: nowrap; /* no need for Supersubs plugin */
     white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
    border-bottom:1px solid transparent;

}
.sf-menu ul li a {
    padding: 10px 20px;
    line-height:20px;

}



.sf-menu ul {
    /* Gradient */
    background-color: #414141; /* Old browsers */
    background: -moz-linear-gradient(top,  #414141 1%, #282828 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#414141), color-stop(100%,#282828)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #414141 1%,#282828 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #414141 1%,#282828 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #414141 1%,#282828 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #414141 1%,#282828 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#282828',GradientType=0 ); /* IE6-8 */
}
.sf-menu li:hover,
.sf-menu li.sfHover {
    background: #414141;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
    border-bottom:1px solid #000;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255,255,255,.5);
    border: 5px solid transparent;

}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}

.sf-menu .navColumn-control .parsys{
    margin:0;
}
.sf-menu .dc-mega-icon {
    background: url("/etc/designs/videojet/global/img/arrow_nav.png") no-repeat 0 0;
    height: 5px;
    margin-left: 8px;
    position: absolute;
    top: 32px;
    width: 8px;
    right:5px;
}
.sf-menu:hover .dc-mega-icon{
    background-position: 0 100%;
}



/* these aren't necessarily links */
.nav-title{
    color:#fff;
    padding: 0px;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    text-transform: uppercase;
    line-height: normal;
}
.nav-title:hover{
    text-decoration:none;
}
.nav-title[href]{
    color: #009DDD;
}

.nav-title[href]:hover{
    text-decoration:underline;
}

.nav-title:not([href]){
   padding-left:30px;
}
/* feature.css - header feature styles */

.mega-menu .feature p{
	font-size: 12px;
	line-height: 1.4;
}

.mega-menu .feature  .subtitle{
	font-size: 11px;
	font-weight: 100;
	line-height: 1.4;
}

.mega-menu .feature h4{
	font-size: 16px;
	font-weight: 300;
}

.mega-menu li .sub .mega-hdr-a {
	color: #009DDD;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 5px;
}

.mega-menu li .sub .mega-hdr-a:hover {
	background-color: transparent;
	text-decoration: underline;
}

.mega-menu li .sub .mega-hdr-a-no-link {
	color: #ffffff;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	margin: 0 0 5px 0;
}

.mega-menu .feature li a {	
	line-height: 20px;
	font-weight: 300;
}

.mega-menu .feature .linkList {
	margin: 0;
}

.mega-menu .feature .linkList ul li {
	border-bottom: none;
}

.mega-menu .feature .linkList ul li a{
	border-bottom: none;
	font-size: 12px;
}
/* header.css */

.header, .navbar-inner .container {
	/* fix for ie7 z-index rendering differences */
	*position: relative;
	*z-index: 1;
	
	/* gradient */
	background-color: #3d3d3d; /* Old browsers */
	background: -moz-linear-gradient(top,  #3d3d3d 0%, #282828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#282828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3d3d3d 0%,#282828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3d3d3d 0%,#282828 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3d3d3d 0%,#282828 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3d3d3d 0%,#282828 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#282828',GradientType=0 ); /* IE6-8 */
}

/* menu support industrie produit
******************************************************/
.menuParent{color:#0088cc;list-style:none;vertical-align:top;width:145px;position:relative;margin:5px 0 5px 20px;padding:0px 0 0 8px;}
.subMenu{position:absolute;z-index:301}

.menuParent ul{margin:0;}
.menuParent li{list-style:none;}
.menuParent ul ul{display:inline;}
.menuParent dd{width:118px;margin:0;}
.menuParent a{color:#fff;text-decoration:none;cursor:pointer;display:block;margin-left:0;width:180px;padding:0 2px 0 10px;}
.menuParent dt a{background:#0088cc no-repeat;font-size:12px;width:243px;height:30px;padding-top: 10px;}
.menuParent a:hover {text-decoration:none;}
.menuParent ul a {background:#666;border-top:1px solid #333;color:#fff;display:block;font-weight:400;width:220px;margin-left:7px;padding:0 2px 2px 10px;}
.menuParent ul a:hover{background:#b83535;}
.menuParent li.active a{background:#fff;}
.menuParent li.active li a{background:#e8e8e8;}