/* 	This CSS file merges all the styles from the following old includes/imports: */
/*	@import url('includes/axisComFix_html_basic.css');  */   /* Fix for correction behavior of old axis.css classes */
/*	@import url('includes/axisComFix_axis_classes.css');*/ /* Fix for correction behavior of old axis.css classes */
/*	@import url('includes/axisComFix_axis_design.css'); */ /* Fix for correction behavior of old axis.css classes */
/*	@import url('includes/axisComContent.css');         */ /* Formatting mainContent and subContent div */
/*	@import url('includes/axisComTopMenu.css');         */ /* Formatting topMenu div */
/*	@import url('includes/axisComLangMenu.css');        */ /* Formatting langMenu div */
/*	@import url('includes/axisComMainMenu.css');        */ /* Formatting mainMenu div */
/*	@import url('includes/axisComContextMenu.css');     */ /* Formatting contextNav in subMenu div */
/*	@import url('includes/axisComFlexAddress.css');     */ /* Formatting foot and adress div */
/*	@import url('includes/axisComIcons.css');           */ /* Formatting for icons */
/*  --------------------------------------- */
/* 	created by: Stefan Strand on 2013-07-29 */

@font-face{font-family:'AxisFont-Demi';src:url('/webfont/verdana.eot');src:url('/webfont/verdana.eot?#iefix') format('embedded-opentype'),url('/webfont/verdana.woff') format('woff'),url('/webfont/verdana.ttf') format('truetype'),url('/webfont/verdana.svg#verdana') format('svg');font-weight:normal;font-style:normal}
 
/* --- HOMEPAGE SPECIFIC STYLES (news, events, product category button links, etc) --- */

#tagline{
	/*border: 1px solid #ececec;*/
	padding: 10px 30px;
	margin-top: 15px;
}
#tagline h1{
	color: #8dc53e;
	margin-top: 0;
	font-size: 26px;
}
#tagline h2{
	margin-bottom: 0;
	font-family: Verdana, Arial, sans-serif;
}
#axisPPBannerMenu{
	clear: both;
	color: #FF0000;
	font-weight: bold;
	font-size: 13px;
}
#categories a h3{
	color: #fff;
	font-family: 'AxisFont-Demi','verdana',Tahoma,Geneva,sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
}
#categories a h4{
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0.5px;
	padding: 0;
	margin: 0;
}
#categories a h4 span{
	display: inline-block;
	background-image: url("/core/graphics/arrow-yellow.png");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 15px;
}
#categories a.icon{
	height: 206px;
}
#categories a{
	display: block;
	padding: 15px;
	width: 218px;
	float: left;
	margin-right: 3px;
	margin-top: 15px;
	color: #fff;
	font-family: 'AxisFont-Demi','verdana',Tahoma,Geneva,sans-serif;
	background-repeat: no-repeat;
	background-position: center 0px;
}
#categories a.last{
	margin-right: 0;
}
#categories a:active{
	text-decoration: none;
}
#categories a:hover{
	text-decoration: none;
}

#categories a.cameras{
	background-image: url("/core/indexpage/img/products-background.jpg");
}
#categories a.encoders{
	background-image: url("/core/indexpage/img/solutions-background.jpg");
}
#categories a.software{
	background-image: url("/core/indexpage/img/software-background.jpg");
}

#categories a.cameras:hover{
	background-image: url("/core/indexpage/img/products-background.jpg");
	background-position: center -236px;
}
#categories a.encoders:hover{
	background-image: url("/core/indexpage/img/solutions-background.jpg");
	background-position: center -236px;
}
#categories a.software:hover{
	background-image: url("/core/indexpage/img/software-background.jpg");
	background-position: center -236px;
}
#news-events{
	clear: both;
	margin-top: 0px;
}
#promotions{
	margin-top: 33px;
	height: 233px;
}
#promotions .wide{
	width: 469px;
	float: left;
	margin-right: 3px;
	padding: 21px 15px 15px 15px;
	background-image: url("/core/graphics/system-design-tools-promo.jpg");
	background-repeat: no-repeat;
	height: 197px;
	position: relative;
}
#promotions .wide:hover{
	color: #5d5751;
	text-decoration: none;
}
#promotions .wide span{
	font-family: 'verdana',Tahoma,Geneva,sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0;
	color: #393532;
	padding-left: 15px;	
	display: inline-block;
	padding-right: 14px;
	background-image: url("/products/video/camera/images/contact_arrow_black.png");
	background-repeat: no-repeat;
	background-position: right 4px;
	cursor: pointer; 
	cursor: hand;		
}
#promotions .wide span:hover{
	color: #5d5751;
	text-decoration: none;
	display: inline-block;
	padding-right: 14px;
	background-image: url("/products/video/camera/images/contact_arrow_grey.png");
	background-repeat: no-repeat;
	background-position: right 4px;
	cursor: pointer; 
	cursor: hand;
}
#promotions .wide-less-padding{
	width: 469px;
	float: left;
	margin-right: 3px;
	padding: 14px 15px 15px 15px;
	background-image: url("/core/graphics/system-design-tools-promo.jpg");
	background-repeat: no-repeat;
	height: 204px;
	position: relative;
}
#promotions .wide-less-padding:hover{
	color: #5d5751;
	text-decoration: none;
}
#promotions .wide-less-padding h3{
	font-family: 'AxisFont-Demi','verdana',Tahoma,Geneva,sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-top: 0;
	color: #393532;
	padding-left: 2px;
}
#promotions .wide-less-padding span{
	font-family: 'verdana',Tahoma,Geneva,sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0;
	color: #393532;
	padding-left: 15px;	
	display: inline-block;
	padding-right: 12px;
	padding-left: 2px;
	background-image: url("/products/video/camera/images/contact_arrow_black.png");
	background-repeat: no-repeat;
	background-position: right 4px;
	cursor: pointer; 
	cursor: hand;		
}
#promotions .wide-less-padding span:hover{
	color: #5d5751;
	text-decoration: none;
	display: inline-block;
	padding-right: 12px;
	background-image: url("/products/video/camera/images/contact_arrow_grey.png");
	background-repeat: no-repeat;
	background-position: right 4px;
	cursor: pointer; 
	cursor: hand;
}
#promotions .narrow{
	display: block;
	width: 218px;
	height: 203px;
	padding: 15px;
	float: left;
	background-color: #8dc63f;
	color: #fff;
}
#promotions .narrow:hover{
	text-decoration: none;
	background-color: #72AB24;
}
#promotions h3{
	font-family: 'AxisFont-Demi','verdana',Tahoma,Geneva,sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-top: 0;
	color: #393532;
	padding-left: 16px;
}
#promotions h4{
	font-family: 'verdana',Tahoma,Geneva,sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0;
	color: #393532;
	padding-left: 15px;
}
#promotions .narrow h3{
	color: #fff;
	padding: 6px 0px 0px 0px;
}
#promotions .narrow h3.less-padding{
	color: #fff;
	padding: 0px 0px 0px 0px;
}
#promotions .narrow span{
	display: inline-block;
	padding-right: 12px;
	background-image: url("/products/video/camera/images/contact_arrow_white.png");
	background-repeat: no-repeat;
	background-position: right 5px;
}
#promotions .wide .btnWide{
	margin-left: 0px;
	position: absolute;
	bottom: 15px;
	left: 15px;
}
#promotions p{
	font-size: 14px;
	margin-top: 10px;
}
#promotions em{
	font-style: normal;
	font-weight: bold;
}
h3.news-header{
	font-family: 'AxisFont-Demi','verdana',Tahoma,Geneva,sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin: 32px 0px 14px 15px;
	line-height: 22px;
}
.more-news-events{
	float: right;
	font-size: 14px;
	margin-top: 36px;
	margin-right: 15px;
}
.more-news-events a{
	color: #ee203b;
	display: inline-block;
	padding-right: 12px;
	background-image: url("/core/graphics/arrow-red.png");
	background-repeat: no-repeat;
	background-position: right 3px;
	margin-left: 10px;
	font-weight: bold;
}
#axisFlexBottom{
	height: 15px;
}

 /* --- WIDE & NARROW BUTTON STYLE (CONTACT, PRODUCT SELECTOR IN BANNER) added by Marika 2013-11-21 --- */
a.btnWide {
	display:inline-block;
	padding: 6px 0px 7px 0px;
	margin-top: 15px;
	margin-left: 15px;
	/*margin: 15px 0 15px 15px;*/
	width: 179px;
	font-size: 1.5em;
	font-family: 'AxisFont-Demi', 'verdana', Tahoma, Geneva, sans-serif;
	text-decoration: none;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-align: center;
	text-shadow: -1px -1px 2px #b5121b;
	border: 1px solid #b5121b;
	background: -moz-linear-gradient(#ed1a3b, #f02041 35%, #b5121b);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ed1a3b),color-stop(.35, #f02041),color-stop(1, #b5121b));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f02041', EndColorStr='#b5121b');
	background: linear-gradient(#ed1a3b, #f02041 35%, #b5121b);

}

a.btnNarrow {
	display:inline-block;
	padding: 6px 15px 7px 15px;
	position: absolute;
	left: 15px;
	bottom: 15px;
	font-size: 1.5em;
	font-family: 'AxisFont-Demi', 'verdana', Tahoma, Geneva, sans-serif;
	text-decoration: none;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-align: center;
	text-shadow: -1px -1px 2px #b5121b;
	border: 1px solid #b5121b;
	background: -moz-linear-gradient(#ed1a3b, #f02041 35%, #b5121b);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ed1a3b),color-stop(.35, #f02041),color-stop(1, #b5121b));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f02041', EndColorStr='#b5121b');
}

a.btnNarrow:hover {
	color: #ffffff;
	text-shadow: -1px -1px 2px #b5121b;
	border: 1px solid #b5121b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #ed1a3b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f02041', EndColorStr='#f02041');
}

a.btnWide:hover {
	color: #ffffff;
	text-shadow: -1px -1px 2px #b5121b;
	border: 1px solid #b5121b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #ed1a3b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f02041', EndColorStr='#f02041');
}

a.btnNarrow:active {
	border-left: none;
	border-top: none;
	border: 1px solid #b5121b;
	color: #ffffff;
}

a.btnWide:active {
	border-left: none;
	border-top: none;
	border: 1px solid #b5121b;
	color: #ffffff;
}

a.btnWide:visited {
	border-left: none;
	border-top: none;
	border: 1px solid #b5121b;
	color: #ffffff;
}

#mainContent a.btnWide {
	margin-bottom: 10px;
}
#btnEnterPartnerP {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	width: 180px;
	margin-right: 15px;
	margin-top: 3px;
}

a.btnWideGreen {
	display:inline-block;
	padding: 6px 0px 7px 0px;
	margin-top: 5px;
	margin-left: 15px;
	/*margin: 15px 0 15px 15px;*/
	width: 179px;
	font-size: 1.5em;
	font-family: 'AxisFont-Demi', 'verdana', Tahoma, Geneva, sans-serif;
	text-decoration: none;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-align: center;
	text-shadow: -1px -1px 2px #7ea549;
	border: 1px solid #7ea549;
	background: -moz-linear-gradient(#8dc63f, #86b941 35%, #7ea549);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8dc63f),color-stop(.35, #86b941),color-stop(1, #7ea549));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#86b941', EndColorStr='#7ea549');
	background: linear-gradient(#8dc63f, #86b941 35%, #7ea549);
  cursor: pointer;
}

a.btnWideGreen:hover {
	color: #ffffff;
	text-shadow: -1px -1px 2px #7ea549;
	border: 1px solid #7ea549;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #7ea549;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#86b941', EndColorStr='#86b941');
}

a.btnWideGreen:active {
	border-left: none;
	border-top: none;
	border: 1px solid #7ea549;
	color: #ffffff;
}

a.btnWideGreen:visited {
	border-left: none;
	border-top: none;
	border: 1px solid #7ea549;
	color: #ffffff;
}

a.button{
	border-bottom: 4px solid #C3001A;
	border-right: 4px solid #C3001A;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	padding: 6px 15px;
	text-align: center;
	text-decoration: none;
	font-family: 'AxisFont-Demi', 'verdana', Tahoma, Geneva, sans-serif;
}

a.warranty{
	position: absolute;
	right: 15px;
	bottom: 15px;
}


 /* --- FANCY NEWS/EVENTS BOX added by Stefan 2013-12-09 --- */
#news-events{
	width: 750px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: top right;
	transition: all 0.5s ease;
}

#news-events ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#news-events ul li{
	background-image: none;
	margin: 0;
	padding: 0;
}

#news-events ul li a{
	height: 50px;
	padding: 10px 30px 10px 15px;
	width: 340px;
	display: block;
	background-image: url('/core/graphics/news-events/news-events-bg.png');
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
	margin-bottom: 2px;
	font-size: 12px;
	transition: color 0.5s ease;
	line-height: 140%;
}

#news-events ul li a span{
	font-family: 'AxisFont-Demi','verdana',Tahoma,Geneva,sans-serif;
	font-size: 15px;
}

#news-events ul li.last a{
	margin-bottom: 0;
}

#news-events ul li a.active{
	background-image: url('/core/graphics/news-events/news-events-active.png');
	color: #333;
}
 


#news-events ul li a:hover{
	background-image: url('/core/graphics/news-events/news-events-active.png');
	color: #333;
}


/* --- PRODUCT BUTTONS WITH YELLOW BORDERS (ex. products/video/camera/index.htm) added by Marika/Josefin 2014-01-20 --- */

#axisFlexMainContent .cameraText {
	font-size: 1.1em;
	line-height: 1.5em;
	color: black;
}

.cameraLeft {
	float: left;
	border: 1px solid #ffcc33;
	width: 260px;
	height: 120px;
	margin-right: 15px;
}

.cameraRight {
	float: left;
	border: 1px solid #ffcc33;
	height: 120px;
	width: 260px;
}

.cameraBoxes {
	margin-left: 15px;
	height: 120px;
	margin-bottom: 20px;
}

.cameraBoxes a:hover {
	text-decoration: none;
}
/* --- PRODUCT BUTTONS WITH YELLOW BORDERS FOR LONG LANGUAGES (ex. products/video/camera/index.htm) added by Christina Wallin 2014-03-11 --- */

#axisFlexMainContent .cameraTextXL {
	font-size: 1.1em;
	line-height: 1.5em;
	color: black;
}

.cameraLeftXL {
	float: left;
	border: 1px solid #ffcc33;
	width: 260px;
	height: 150px;
	margin-right: 15px;
}

.cameraRightXL {
	float: left;
	border: 1px solid #ffcc33;
	height: 150px;
	width: 260px;
}

.cameraBoxesXL {
	margin-left: 15px;
	height: 150px;
	margin-bottom: 20px;
}

.cameraBoxes a:hoverXL {
	text-decoration: none;
}


/* --- PART NUMBER BOX WITH YELLOW BORDERS (ex. /products/cam_acc/lenses/theia_telephoto_940/index.htm) added by Helena 2014-04-07 --- */

div.partNumberRight {
	float: right;
	border: 1px solid #ffcc33;
	width: 180px;
	height: auto;
	margin: 0px 15px 15px 0px;


}
div.partNumberRight h2 {
	font-size: 14px;
	color: #978A7E;
	font-weight: normal;
	padding-top:15px;
}



a.howToBuyLink{
	padding-left:15px;
	padding-top:5px;
	padding-bottom:15px;
	margin-bottom:20px;

}

/* --- PART NUMBER BOX WITH YELLOW BORDERS (ex. /products/cam_acc/lenses/theia_telephoto_940/index.htm) added by Helena 2014-04-07 --- */

div.partNumberRight {
	float: right;
	border: 1px solid #ffcc33;
	width: 180px;
	height: auto;
	margin: 0px 15px 15px 0px;


}
div.partNumberRight h2 {
	font-size: 14px;
	color: #978A7E;
	font-weight: normal;
	padding-top:15px;
}



a.howToBuyLink{
	padding-left:15px;
	padding-top:5px;
	padding-bottom:15px;
	margin-bottom:20px;

}

/* --- PART NUMBER BOX WITH YELLOW BORDERS for web interface language information at support pages added by Helena 2014-09-02 --- */

div.partNumberLanguage {
	float: left;
	border: 1px solid #ffcc33;
	width: 475px;
	height: auto;
	margin-top: 0px;
	margin-left: 5px;
	


}
div.partNumberLanguage h2 {
	font-size: 16px;
	color: #978A7E;
	font-weight: normal;
	padding-top:15px;
}









/*@import url('includes/axisComFix_html_basic.css');  */   /* Fix for correction behavior of old axis.css classes */
body {	
	background-image: url('/core/graphics/top_and_footer/bg-pattern.jpg');
}

/*--- DARK BLUE, BOLD LINKS - DOCUMENTATION PAGE PRODUCTS ---*/
.link a {
	color: #3d5ea0;
	text-decoration: none;
	font-weight: bold;
}



/*@import url('includes/axisComFix_axis_classes.css');*/ /* Fix for correction behavior of old axis.css classes */
#axisFlexMainNav ul {
	margin: 15px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
} 

#axisFlexMainNav .dotline{
	margin-top: 15px; 
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	width: 148px;
}

#axisFlexMainNav .dotline ul{
	margin: 0px;
	padding: 0px;
}



/*@import url('includes/axisComFix_axis_design.css'); */ /* Fix for correction behavior of old axis.css classes */
ul#axisLight_mainFearures {
	margin-left: 15px;
	margin-bottom: 20px;
}

ul#axisLight_commonFearures {
	margin-left: 15px;
	margin-bottom: 0px;
	margin-top: 0px;
}

div.axisLight_largeBox {

}

div.axisLight_largeBox div.content {
	width: 538px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	display: block;
}

div.axisLight_teaserBoxLeft {
	padding: 0;
}
	
div.axisLight_teaserBoxRight {

}

div.axisLight_supportBoxGroup {
	/*display: inline-block;*/
	float:right;
	width:212px;
	padding:0px;
	margin:0px;
}

div.axisLight_supportBoxGroup_Left {
	/*display: inline-block;*/
	float:left;
	width:118px;
	padding:0px 0px 0px 15px;
	margin:0px;
}


div.axisLight_supportBoxGroup div.axisLight_teaserBoxLeft {
	margin-bottom: 15px;
}

div.axisLight_largeBox {
	margin: 15px;
}

div.axisLight_largeBox p{
	width: 500px;
}

#axisFlexMainContent div.axisLight_largeBox div.subtitle {
	margin: 0px;
	padding: 0px;
}




#axisFlexMainContent div.axisLight_teaserBoxRight div.subtitle {
	margin: 0px;
	padding: 0px;
}




#axisFlexMainContent div.axisLight_teaserBoxLeft div.subtitle {
	margin: 0px;
	padding: 0px;
}




#axisFlexMainContent div.axisLight_largeBox h3 {
	margin: 0px;
	padding: 0px;
}




#axisFlexMainContent div.axisLight_teaserBoxRight h3 {
	margin: 0px;
	padding: 0px;
}




#axisFlexMainContent div.axisLight_teaserBoxLeft h3 {
	margin: 0px;
	padding: 0px;
}




/*@import url('includes/axisComContent.css');         */ /* Formatting mainContent and subContent div */
#axisFlexMainContent h1{
	font-size: 28px;
	margin-top: 0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom: 0px;
}
#axisFlexMainContent h3 {
	margin-top: 0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom: 0px;
}

#axisFlexMainContent h2 {
	margin-top: 0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom: 0px;
}

#axisFlexMainContent p {
	margin-top: 0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom: 0px;
	padding-bottom: 15px;
}

#axisFlexMainContent p#ingress {
	font-family: 'AxisFont-Demi', 'verdana', Tahoma, Geneva, sans-serif;
	color: #978a7e;
	letter-spacing: 0.5px;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.1em;
}

#axisFlexMainContent ul {
	margin-top: 0px;
	margin-left: 40px;
	margin-bottom: 20px;
}

#axisFlexMainContent .warmGrayBgNarrow {
  background-color:#ECEAE8;
  margin:13px 0 20px 15px;
  overflow:auto;
  padding: 15px 15px 0px 15px;
  width:310px;
}

ul#axisLight_mainFearures {
	margin-left: 15px;
	margin-bottom: 20px;
}

ul#axisLight_commonFearures {
	margin-left: 15px;
	margin-bottom: 20px;
}

#axisFlexMainContent li {
	background-position: 0px 3px;
	font-family: verdana;
	font-size: 13px;
	font-style: normal;  
	font-weight: normal;	
}

#axisFlexMainContent .linkRow {
	font-weight: bold;
	font-size: 10px;
}

#axisFlexMainContent .linkRow a {
	font-weight: bold;
	font-size: 10px;
}

#axisFlexMainContent li {
	font-size: 13px;
	line-height: 18px;
}



#axisFlexMainContent p {
	font-size: 13px;
	line-height: 15px;
}



#axisFlexSubContent p {
	margin-left:15px;
	margin-right:15px;
}



#axisFlexSubContent h3 {
	margin-left:15px;
	margin-right:15px;
}



#axisFlexSubContent h2 {
	margin-left:15px;
	margin-right:15px;
}



#axisFlexSubContent h1 {
	margin-left:15px;
	margin-right:15px;
}

#axisFlexSubContent li {
	font-size: 11px;
	line-height: 15px;
}

#axisFlexSubContent p {
	font-size: 11px;
	line-height: 15px;
}

#axisFlexSubContent h3 {
	font-size: 13px;
	font-weight: bold;
}




#axisFlexSubContent h2 {
	font-size: 13px;
	font-weight: bold;
}




#axisFlexSubContent h1 {
	font-size: 13px;
	font-weight: bold;
}




/*@import url('includes/axisComTopMenu.css');*/          /* Formatting topMenu div */
#axisFlexTopMenu {
/*	display: block;
	vertical-align: middle;
	width: 728px;
	padding: 3px 0px 0px 7px;  */
}

#axisFlexTopMenu .logo{
/*	float:left;
	padding-right: 20px;
	padding-bottom: 8px;  */
}

#axisFlexTopMenu .image{
/*	float:right;
	padding-top: 10px;
	padding-left: 15px;  */
	
}

#axisFlexTopMenu .text{
/*	float:right;
	font-weight: bold;
	line-height: 15px;
	padding-left: 5px;
	padding-top: 10px;  */
}



/* ----------  TOP LAYOUT START added by Marina 2013-02-11, modified 2013-11-04  ---------- */  

body {
	background-color: #fbfaf9 !important;
/*	background-image: none !important;*/
/*	background-image: url('/core/graphics/top_and_footer/bg-pattern.jpg'); */
	background-image: url("/core/graphics/top_and_footer/bg-tracks4.jpg") !important;
	background-position: center top;
	background-repeat: no-repeat;
}

/*#wrapper {
	margin: 0 auto -86px;
    width: 750px;
 	background-color: #fff;
 	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #888;	
	box-shadow: 1px 1px 30px 2px rgba(136,136,136,0.18);
}*/

#mainMenuNavigation {
	width: 950px;
	margin: auto;
}

#topSection {
	background-color: #ffffff;
	height: 91px;  /* minimum 87px */ 
	position: relative;
	z-index: 20; /* fixes ie bug, making sure that language nav dropdown is on top of other elements */
}

#logo img {
	/*float: left; */
	position: absolute;
	left: 29px;
	top: 21px;
}

#languages img {
	float: right;
	position: absolute;
	right: 15px;
	top: 10px;
}

/*
#tagline p {
	float: left;
	color: #aaaaaa;
	font-family: Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 120%;
	position: absolute;
	left: 190px;
	top: 40px;
	text-align: left;
}

#tagline_partner_pages p {
	float: left;
	color: #aaaaaa;
	font-family: Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 120%;
	position: absolute;
	left: 190px;
	top: 51px;
	text-align: left;
}  */

/* ---------- SEARCH BOX START ---------- */ 

#topSection_Search {
	float: right;
	height: 27px;
	width: 161px;
	background-image: url('/core/graphics/top_and_footer/search-border.png');
	background-repeat: no-repeat;	
	background-color: #ffffff;
	display: inline-block;   	/* Added. Was not in original css.  */
	border: 0px solid #aea79f; 	/* Added. Was not in original css.  */
	position: absolute;
	right: 14px;
	top: 42px;
}

#searchBox{
	border: 0;
	margin: 2px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	height: 23px;
	width: 121px;
	color: #aca8a5;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	background-color: #ffffff; 
	line-height: 150%;
}

.noFocus:focus {
    outline: none;
}

/* ---------- SEARCH BOX END ---------- */ 


.clearer {
	clear: both;
}

.clearer-left{
	clear: left;
}

.clearer-right{
	clear: right;
}


/* ----------  MAIN NAVIGATION START ---------- */

#mainMenuNavigation {
	background-color: #ffcc33;
	background: -webkit-gradient(linear, left top, left bottom, from(#fed741), to(#ffcc33));
   	background: -moz-linear-gradient(top,  #fed741,  #ffcc33);
   	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed741', endColorstr='#ffcc33');
	width: 750px;
}

#mainMenuNavigation ul {
	list-style-type: none;
}

#mainMenuNavigation ul li {
	float: left;
	position: relative;
}

#mainMenuNavigation ul li a {
	display: block;
	padding: 10px 14px 9px 14px;
	font-family: Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #5e554c;
	border-right: 1px solid #ecbe27; 
}

/*
#mainMenuNavigation ul li a {
	display: block;
	padding: 15px 12px 13px 12px;
	font-family: 'LubalinGraphStd-Book', Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-size: 11px;   
	text-decoration: none;
	font-weight: bold;
	color: #5e554c;
	border-right: 1px solid #ecbe27;
	letter-spacing: 0.07em; 
}
*/

/*  ta bort denna 
#mainMenuNavigation ul li a {
	display: block;
	padding: 14px 13px 13px 13px;
	font-family: 'LubalinGraphStd-Book', Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	border-right: 1px solid #d6ab00;
	letter-spacing: 0.06em; 
}
*/

#mainMenuNavigation ul li a.lessPadding {
	padding: 10px 12px 9px 14px;
	border-right: none; 
}

#mainMenuNavigation ul li a.last {
	border-right: none;
}

#mainMenuNavigation ul li a img {
	padding: 0px 5px 0px 5px;
	text-decoration: none;
}

#mainMenuNavigation ul li a.active {
	background-color: #f0c127;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0c127), to(#f0c127));
   	background: -moz-linear-gradient(top,  #f0c127,  #f0c127);
}

#mainMenuNavigation ul li:hover a {
	background-color: #f0c127;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0c127), to(#f0c127));
   	background: -moz-linear-gradient(top,  #f0c127,  #f0c127);
}

#mainMenuNavigation ul li a#navHome {
	background-image: url('/core/graphics/top_and_footer/house.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 24px; /* was 25px before  */
 	padding: 10px 15px 9px 15px;  /* was before 15px 14px 13px 14px;  */
}

#mainMenuNavigation ul li a#navHome.active {   	
	background: #f0c127;
	background-image: url('/core/graphics/top_and_footer/house.png'); /* fallback */
	background-image: , -webkit-gradient(linear, left top, left bottom, from(#f0c127), to(#f0c127)); /* Saf4+, Chrome */
	background-image: , -webkit-linear-gradient(top,  #f0c127,  #f0c127); /* Chrome 10+, Saf5.1+ */
	background-image: ,    -moz-linear-gradient(top,  #f0c127,  #f0c127); /* FF3.6+ */
	background-image: ,     -ms-linear-gradient(top,  #f0c127,  #f0c127); /* IE10 */
	background-image: ,      -o-linear-gradient(top,  #f0c127,  #f0c127); /* Opera 11.10+ */
	background-image: ,         linear-gradient(top,  #f0c127,  #f0c127); /* W3C */	
	background-repeat: no-repeat;
	background-position: center;
}

#mainMenuNavigation ul li a#navHome:hover {   	
	background: #f0c127;
	background-image: url('/core/graphics/top_and_footer/house.png'); /* fallback */
	background-image: , -webkit-gradient(linear, left top, left bottom, from(#f0c127), to(#f0c127)); /* Saf4+, Chrome */
	background-image: , -webkit-linear-gradient(top,  #f0c127,  #f0c127); /* Chrome 10+, Saf5.1+ */
	background-image: ,    -moz-linear-gradient(top,  #f0c127,  #f0c127); /* FF3.6+ */
	background-image: ,     -ms-linear-gradient(top,  #f0c127,  #f0c127); /* IE10 */
	background-image: ,      -o-linear-gradient(top,  #f0c127,  #f0c127); /* Opera 11.10+ */
	background-image: ,         linear-gradient(top,  #f0c127,  #f0c127); /* W3C */	
	background-repeat: no-repeat;
	background-position: center;
}

/*ul li,
ul#mainNav li	{	
		background: url("") no-repeat 0px 0px;
		margin-bottom: 0px;
		padding: 0px;
		}*/

div#mainMenuNavigation li {	
		background: url("") no-repeat 0px 0px;
		margin-bottom: 0px;
		padding: 0px;
		}

#mainMenuNavigation .menuUserName {
	display: block;
	padding: 10px 16px 9px 16px; /* padding: 14px 16px 5px 16px; var det innan */
	text-decoration: none;
	color: #5e554c;
	font-family: Lucida Sans Unicode, Tahoma, Verdana, sans-serif;	
/*  font-family: 'LubalinGraphStd-Book', Lucida Sans Unicode, Tahoma, Verdana, sans-serif;  */
	font-size: 13px;
/*	font-weight: bold; */
	color: #5e554c;
/*	letter-spacing: 0.07em; */	
}

/* ----------  MAIN NAVIGATION END  ---------- */ 


/* ------------  TOP LAYOUT END  ------------- */ 



/*@import url('includes/axisComLangMenu.css');        */ /* Formatting langMenu div */
#axisFlexLangMenu {
	clear: both;
/*  width: 748px;  
	background-color: #fafafa; */ 
/*	line-height: 10px;
	vertical-align: top;
	padding: 5px 5px 0px 0px;  /* Added 2013-02-15, Marina */
	/* styles below added 2013-10-30 for the new lang dropdown */
/*	display: none; */
	display: block;
	height: 20px;
/*	position: absolute; 
	top: 0px; 
	right: 10px; */
	width: 200px; 
/*	padding: 10px; 
	border: 1px solid #cBcAc6; 
	-moz-box-shadow: 1px 1px 1px #666; 
	-webkit-box-shadow: 1px 1px 1px #666; 
	box-shadow: 1px 1px 1px #666; */
/*	background-color: #F2F1ED; */
	text-align: left; 
	z-index: 50; 
/*	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;*/
}

#axisFlexLangMenuUL{
	clear: both;
/*  width: 748px;  
	background-color: #fafafa; */ 
	line-height: 10px;
	vertical-align: top;
	/* styles below added 2013-10-30 for the new lang dropdown */
	display: none; 
	position: absolute; 
	top: 35px; 
	right: 10px; 
	width: 210px; 

	border: 1px solid #cBcAc6; 
/*	-moz-box-shadow: 1px 1px 2px #666; 
	-webkit-box-shadow: 1px 1px 2px #666; 
	box-shadow: 1px 1px 2px #666; */
	height: auto; 
/*	background-color: #F2F1ED; 
	padding: 5px; */
	background-color: #FBFAF9;
	text-align: left; 
	z-index: 50; 
/*	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;*/
}

#axisFlexLangMenu ul li { 
	background-image: none; 
	padding: 0; 
	margin-bottom: 0; 
/*	border-bottom: 1px solid #fff; */
}

#axisFlexLangMenu ul li a { 
	display: block; 
	padding: 10px; 
	text-decoration: none; 
	color: #444; 
	font-weight: bold; 
/*	border-bottom: 1px solid #E0E0E0; */
}

#axisFlexLangMenu ul li a span{ 
	font-weight: normal;
}

#axisFlexLangMenu .activeLang { 
/*	background-color: #DBDAD6; 
	border-bottom: 1px solid #ccc;*/
	background-color: #d8d2c9;
}

#axisFlexLangMenu ul li a:hover { 
/*	background-color: #DBDAD6; 
	border-bottom: 1px solid #ccc;*/
	background-color: #d8d2c9;
}
#axisFlexLangMenu ul li a img{ 
	/* hide flags */
	display: none;
}
#axisFlexLangMenu img { 
	vertical-align: text-bottom; 
	border-bottom: 0; 
}

#toggleLang { 
	position: absolute; 
	top: 10px; 
	right: 15px; 
	color: #aca8a5;
	text-decoration: none; 
	font-size: 12px; 
	background-image: url('/core/graphics/langnav-arrow.gif'); 
	background-position: right 50%; 
	background-repeat: no-repeat; 
	padding-right: 14px;
	display: block;
	height: 22px;
	line-height: 22px;
/*	font-family: 'LubalinGraphStd-Book', Lucida Sans Unicode, Tahoma, Verdana, sans-serif;*/
}

#toggleLang:hover { 
	color: #9a8b7d; 
}

#toggleLang span{ 
	background-image: url("/core/graphics/globe.png");
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	padding-left: 22px;
}

#axisFlexLangMenu_test {
	display:block; 
	clear: both;
	height: 20px; 
/*  width: 748px;  
	background-color: #fafafa; */ 
	line-height: 10px;
	vertical-align: top;
	text-align: right;
	z-index: 10;
	position: relative;
	padding: 5px 5px 0px 0px;  /* Added 2013-02-15, Marina */
}

#axisFlexLangMenu .text {
	margin: 0px 10px 0px 0px;
	/*display: inline-block;*/
	line-height: 11px;
	height: 16px;
}

#axisFlexLangMenu_test .text {
	margin: 0px 10px 0px 0px;
	/*display: inline-block;*/
	line-height: 11px;
	height: 16px;
}

#axisFlexLangMenu img {
	/*display: inline-block;*/
	padding-bottom: 2px;
	padding-top: 5px;
	margin: 0px 10px 0px 0px;
}

#axisFlexLangMenu_test img {
	/*display: inline-block;*/
	padding-bottom: 2px;
	padding-top: 5px;
	margin: 0px 10px 0px 0px;
	border-bottom: 1px solid #ffffff;
}

#axisFlexLangMenu img .preferred {
	border-bottom: 1px solid #666666;
}

#axisFlexLangMenu_test img .preferred {
	border-bottom: 1px solid #666666;
}

#axisFlexLangNoCookie {
	visibility:hidden; 
	float:left; 
	padding-top:4px; 
	padding-left:15px; 
	color:#808080;
}




/*@import url('includes/axisComMainMenu.css');        */ /* Formatting mainMenu div */
#axisFlexMainNav p {
	margin-top: 0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom: 0px;
}




#axisFlexMainNav h3 {
	margin-top: 0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom: 0px;
}




#axisFlexMainNav h2 {
	margin-top: 0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom: 0px;
}




#axisFlexMainNav h1 {
	margin-top: 0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom: 0px;
}




/*@import url('includes/axisComContextMenu.css');     */ /* Formatting contextNav in subMenu div */
/*
Width for diffrent Context Navigations
4 cells default
*/
/*
ul.navItemsNarrow2 {
	width: 540px;
}

ul.navItemsNarrow2 li {
	width: 270px;
}

ul.navItemsNarrow2 li ul li {
	width: 270px;
}

ul.navItemsNarrow3 {
	width: 540px;
}

ul.navItemsNarrow3 li {
	width: 180px;
}

ul.navItemsNarrow3 li ul li {
	width: 180px;
}


ul.navItemsNarrow4 {
	width: 540px;
}

ul.navItemsNarrow4 li {
	width: 135px;
}

ul.navItemsNarrow4 li ul li {
	width: 133px;
}


ul.navItemsNarrow5 {
	width: 540px;
}


ul.navItemsNarrow5 li {
	width: 108px;
}

ul.navItemsNarrow5 li ul li {
	width: 106px;
}

ul.navItemsNarrow6 {
	width: 540px;
}

ul.navItemsNarrow6 li {
	width: 90px;
}

ul.navItemsNarrow6 li ul li {
	width: 88px;
}

ul.navItemsWide3 {
	width: 600px;
}

ul.navItemsWide3 li {
	width: 200px;
}

ul.navItemsWide4 {
	width: 708px;
}

ul.navItemsWide4 li {
	width: 177px;
}

ul.navItemsWide4 li ul li {
	width: 88px;
}


ul.navItemsWide5 {
	width: 708px;
}

ul.navItemsWide5 li {
	width: 141px;
}


ul.navItemsWide5 li ul li {
	width: 88px;
}


ul.navItemsWide6 {
	width: 708px;
}

ul.navItemsWide6 li {
	width: 118px;
}

ul.navItemsWide6 li ul li {
	width: 88px;
}

ul.navItemsWide7 {
	width: 708px;
}

ul.navItemsWide7 li {
	width: 101px;
}

ul.navItemsWide7 li ul li {
	width: 88px;
}

ul.navItemsNarrow7 {
	width: 539px;
}

ul.navItemsNarrow7 li {
	width: 77px;
}

ul.navItemsNarrow7 li ul li {
	width: 88px;
}

ul.navItemsWide8 {
	width: 704px;
}

ul.navItemsWide8 li {
	width: 88px;
}

ul.navItemsWide8 li ul li {
	width: 88px;
}*/

/* 
The Context navigation 
*/
ul#contextNav {
	border: 0px;
	display: block;
/*	height: 22px;*/
	height: auto;
 	overflow: hidden; /* fix to give height to ul even though it only contains floated li-tags */
	margin: 0px;
	padding: 0px;
	position: relative;
	background-image: url(/core/graphics/hex_ffffff_180px_shadowed_vert_border.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	border-top: 1px solid #ddd;
}

/* First menue */
ul#contextNav li {
	background-image: url('/core/graphics/axisFlex/background_round_menu_mid.gif');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	
	display: inline;
	
	float: left;
	line-height: 13px;
	
	list-style: none;
	
	margin: 0px;
	padding: 0px;
	position: relative;
	
	text-align: center;
	vertical-align: top;
}

ul#contextNav li div {
	border-right: 0;
	display: block;
	height: auto;	
	position: relative;
}

ul#contextNav li div#firstNavItem {
	background-image: none;
}

ul#contextNav li div#lastNavItem {
	background-image: none;
/*	border-right: 0px;*/
	border-right: 1px solid #fff;
}

ul#contextNav li a {
	color: #69615B;
	display: block;
	font-weight: bold;
	font-size: 11px;
	height: auto;
	padding: 10px 7px;
	text-decoration: none;
	background-image: url(/core/graphics/hex_ffffff_180px_shadowed_vert_border.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid #fff;
}

ul#contextNav.smaller li a{
	font-size: 10px;
}

ul#contextNav li a:hover {
	text-decoration: underline;
}

/* 2-rows submenu High */
ul#contextNav li div#NavItemHigh {
	background-image: none;
	background-color: #f2f1ee;
/*	border-right: 1px solid #CCCCCC;*/
	border-right: 0;
	display: block;
	height: auto;
	position: relative;
}

ul#contextNav li div#firstNavItemHigh {
	background-image: none;
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: auto;
	border-right: 0;
}

ul#contextNav li div#lastNavItemHigh {
	background-image: none;
	background-position: top right;
	background-repeat: no-repeat;
	border-right: 0px;			
/*	border-right: 1px solid #CCCCCC;*/
	display: block;
	height: auto;
}
ul#contextNav li a.active {
	text-decoration: none;
	border-left: 1px solid #fff;
	-moz-text-shadow: 1px 1px 0 #f7f4f1;
	-webkit-text-shadow: 1px 1px 0 #f7f4f1;
	text-shadow: 1px 1px 0 #f7f4f1;
	color: #4a4a4a;
}

ul#contextNav li a:hover {
	text-decoration: none;
	border-left: 1px solid #fff;
	-moz-text-shadow: 1px 1px 0 #f7f4f1;
	-webkit-text-shadow: 1px 1px 0 #f7f4f1;
	text-shadow: 1px 1px 0 #f7f4f1;
	color: #4a4a4a;
}

ul#contextNav li a.active {
	background-color: #fff;
	background-image: none;
}




/* Second menue 
ul#contextNav li ul {
	background-color: #939393;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -1px;
	position: relative;
	list-style: none;
	display: none;
	padding-top: 0px;
}

ul#contextNav li ul li {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	height: 22px;
	line-height: 12px;
	padding: 0px 0px 0px 1px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	float: none;
	background-image: none;
}


ul#contextNav li  ul li a {
	display: block;
	font-weight: bold;
	height: 17px;
}

ul#contextNav li ul li a:hover {
}


ul#contextNav li ul {
  display: none;
  position: absolute;
  left: 0px;
}

ul#contextNav li>ul { 
	top: auto;
	left: auto;
}

ul#contextNav li li { 
	display: block;
	float: none;
	border: 0;
}

ul#contextNav li:hover ul, 
ul#contextNav li.over ul { 
	display: block;
}
*/




/*@import url('includes/axisComFlexAddress.css');     */ /* Formatting foot and adress div */
#axisFlexFoot a {
/*	color: #666;
	font-size: 10px;  */
}

#axisFlexFoot td {
/*	color: #666;
	font-size: 10px;  */
}

#axisFlexAddress .logo {
/*	float:left;
	padding-right: 5px;  */
}

#axisFlexAddress .slogan {
/*	color: #666;
	float:left;	
	font-style: italic;  */
}

#axisFlexAddress .text {
/*	color: #666;
	float:right;  */
}

#axisFlexAddress a {
/*	text-decoration: none;  */
}


/* ----------  FOOTER LAYOUT START added by Marina 2013-02-20, modified 2013-12-09 ---------- */ 

#axisFlexAddress {
	/*  if needed  */
	text-align: left !important;
}

#footer {
	clear: both;
	width: 750px;
	height: 175px;
	color: #9a8b7d;	
	background-color: #e8e4df;  	
   	position: relative;
	float: left;
	padding: 0 !important; 
	margin: 0 30px 30px 0;	
/*	background: -webkit-gradient(linear, left top, left bottom, from(#97887d), to(#6f645b));
   	background: -moz-linear-gradient(top,  #97887d,  #6f645b);
   	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97887d', endColorstr='#6f645b'); 
	-moz-box-shadow: 0px 0px 8px #888; 			/ * ordinary outer footer shadow, not the curved shadow * /
	-webkit-box-shadow: 0px 0px 8px #888;	 				
	box-shadow: 1px 1px 30px 2px rgba(136,136,136,0.18); 	
*/
}

/*
#footerBoxWrapper {
	z-index: 1; /  * prevent shadows falling behind container *  /
}

#footer:after {
	content: '';
	z-index: -1;   / * change to 1 if you want to see the hidden shadow boxes * /
	position: absolute;
	left: 12px;
	bottom: 11px;
	width: 70%;
	max-width: 290px; / * avoid rotation causing ugly appearance at large container widths * /
	max-height: 100px;
	height: 55%;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-webkit-transform: skew(-15deg) rotate(-6deg);  
	-moz-transform: skew(-15deg) rotate(-6deg);
	-ms-transform: skew(-15deg) rotate(-6deg);
	-o-transform: skew(-15deg) rotate(-6deg);
	transform: skew(-15deg) rotate(-6deg);
	margin: 0px 1px 5px 1px;
}

#footer:before {
	content: '';
	z-index: -1;
	position: absolute;
	left: 12px;
	bottom: 11px;
	width: 70%;
	max-width: 290px;
	max-height: 100px;
	height: 55%;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-webkit-transform: skew(-15deg) rotate(-6deg);  
	-moz-transform: skew(-15deg) rotate(-6deg);
	-ms-transform: skew(-15deg) rotate(-6deg);
	-o-transform: skew(-15deg) rotate(-6deg);
	transform: skew(-15deg) rotate(-6deg);
	margin: 0px 1px 5px 1px;
}

#footer:after {
	left: auto;
	right: 12px;
	-webkit-transform: skew(15deg) rotate(6deg);
	-moz-transform: skew(15deg) rotate(6deg);
	-ms-transform: skew(15deg) rotate(6deg);
	-o-transform: skew(15deg) rotate(6deg);
	transform: skew(15deg) rotate(6deg); 
}
*/

#footer.minimal {
/*	height: 0;*/
	height: 70px;
	margin-top: -70px;
	z-index: -1;
}

#footer.minimal:after {
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

#footer.minimal:before {
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

#footerColumnFirst {
	height: 125px;
	width: 142px;
	margin: 13px 0px 19px 0px !important;     /*  decides the height of the lines that used to be in between the columns  */
	padding: 4px 0px 5px 30px !important;   
	float: left;
}

#footerColumnMiddle {
	height: 125px;
	margin: 13px 0px 19px 0px; 
	padding: 4px 0px 5px 30px !important;
	float: left;
}

#footerColumnMiddle p.firstColumn {
	float: left;
	width: 142px;
}

#footerColumnMiddle p.secondColumn {
	float: left;
	display: inline-block;
	padding: 0px 0px 0px 30px;
	width: 142px;
}

#footerColumnLast {
	height: 125px;
	width: 150px;  
	margin: 13px 0px 19px 0px; 
	padding: 4px 0px 5px 30px !important;
	float: left;
}

#footerColumnLast h3 {
	padding: 0px 0px 5px 0px !important;
	font-family: 'AxisFont-Demi', Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	color: #82766a;
	font-size: 14px;	/*  1.4em  */
	letter-spacing: 0.08em;
}

#footerColumnMiddle h3 {
	padding: 0px 0px 5px 0px !important;
	font-family: 'AxisFont-Demi', Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	color: #82766a;
	font-size: 14px;	/*  1.4em  */
	letter-spacing: 0.08em;
}

#footerColumnFirst h3 {
	padding: 0px 0px 5px 0px !important;
	font-family: 'AxisFont-Demi', Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	color: #82766a;
	font-size: 14px;	/*  1.4em  */
	letter-spacing: 0.08em;
}

#footerColumnMiddle p {	
	padding: 0px 0px 5px 0px;
	font-family: Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #9a8b7d;
	line-height: 190%;
}

#footerColumnFirst p {	
	padding: 0px 0px 5px 0px;
	font-family: Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #9a8b7d;
	line-height: 190%;
}

#footerColumnLast p {
	padding: 4px 0px 5px 0px !important;
	font-family: Lucida Sans Unicode, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #9a8b7d;
	line-height: 190%;
}

#footerColumnLast a {
	color: #9a8b7d;
	text-decoration: none;
}

#footerColumnMiddle a {
	color: #9a8b7d;
	text-decoration: none;
}

#footerColumnFirst a {
	color: #9a8b7d;
	text-decoration: none;
}

#footerColumnLast a:hover {
	color: #82766a;
}

#footerColumnMiddle a:hover {
	color: #82766a;
}

#footerColumnFirst a:hover {
	color: #82766a;
}

#socialMediaIcons {
 	float: left;
	font-size: 0px;
}

#socialMediaIcons a{
	display: inline-block;
	height: 22px;
	width: 22px;
	margin: 0px 0px 19px 0px;
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: -1px;
}

#youtubeIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/youtube.png');
	padding: 0px 3px 0px 0px;
}

#twitterIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/twitter.png');
	padding: 0px 3px 0px 0px;
}

#fbIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/fb.png');
	padding: 0px 3px 0px 0px;
}

#linkedinIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/linkedin.png');
	padding: 0px 3px 0px 0px;
}

#googleIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/google.png');
	padding: 0px 3px 0px 0px;
}

#rssIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/rss.png');
	padding: 0px 0px 0px 0px;
}

/*
#flickrIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/flickr.png');
	padding: 0px 3px 0px 0px;
}

#addthisIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/addthis.png');
	padding: 0px 3px 0px 0px;
}

#weiboIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/weibo.png');
	padding: 0px 3px 0px 0px;
}

#xingIcon {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/xing.png');
	padding: 0px 3px 0px 0px;
}
*/

/*
#youtubeIcon:hover {
    background-image: url('/core/graphics/top_and_footer/social_media_icons/youtube-hover.png');
}

#twitterIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/twitter-hover.png');
}

#fbIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/fb-hover.png');
}

#linkedinIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/linkedin-hover.png');
}

#flickrIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/flickr-hover.png');
}

#rssIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/rss-hover.png');
}

#addthisIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/addthis-hover.png');
}

#googleIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/google-hover.png');
}

#weiboIcon:hover {
    background-image: url('/core/graphics/top_and_footer/social_media_icons/weibo-hover.png');
}

#xingIcon:hover {
	background-image: url('/core/graphics/top_and_footer/social_media_icons/xing-hover.png');
}
*/

#copyright p {
	color: #aca8a5;
	font-family: Tahoma, Book Antiqua, Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px; 
	float: left;
	position: relative;
	left: 1px;
	top: -21px;
}

#copyright #www {
	float: right;
	margin-right: 3px;
}

#copyright #www a {
	color: #aca8a5;
	font-family: Tahoma, Book Antiqua, Verdana, sans-serif;
	font-size: 12px; 
	text-decoration: none;
}

#copyright #www a:hover {
	color: #6c6865;
}

/* ----------  FOOTER LAYOUT END  ---------- */ 





/*@import url('includes/axisComIcons.css');           */ /* Formatting for icons */
.axisFlexIconSmall_ai {background: url('/core/graphics/filetypes/video_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_avi {background: url('/core/graphics/filetypes/video_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_cryp {background: url('/core/graphics/filetypes/cryp_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_doc {background: url('/core/graphics/filetypes/doc_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_eps {background: url('/core/graphics/filetypes/eps_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_file {background: url('/core/graphics/filetypes/file_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_asf {background: url('/core/graphics/filetypes/video_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_gif {background: url('/core/graphics/filetypes/gif_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_gz {background: url('/core/graphics/filetypes/gz_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_gzip {background: url('/core/graphics/filetypes/gzip_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_hqx {background: url('/core/graphics/filetypes/hqx_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_jpg {background: url('/core/graphics/filetypes/jpg_20x20px.gif') no-repeat 0px 0px}
.axisFlexIconSmall_mpg {background: url('/core/graphics/filetypes/video_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_mpeg {background: url('/core/graphics/filetypes/video_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_pdf {background: url('/core/graphics/filetypes/pdf_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_pps {background: url('/core/graphics/filetypes/pps_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_ppt {background: url('/core/graphics/filetypes/ppt_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_psd {background: url('/core/graphics/filetypes/psd_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_rtf {background: url('/core/graphics/filetypes/rtf_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_rtfd {background: url('/core/graphics/filetypes/rtfd_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_sit {background: url('/core/graphics/filetypes/sit_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_tab {background: url('/core/graphics/filetypes/tab_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_tar {background: url('/core/graphics/filetypes/tar_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_tgz {background: url('/core/graphics/filetypes/tgz_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_tif {background: url('/core/graphics/filetypes/tif_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_txt {background: url('/core/graphics/filetypes/txt_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_vcf {background: url('/core/graphics/filetypes/vcf_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_video {background: url('/core/graphics/filetypes/video_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_wmv {background: url('/core/graphics/filetypes/video_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_wrf {background: url('/core/graphics/filetypes/wrf_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_vsd {background: url('/core/graphics/filetypes/vsd_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_vss {background: url('/core/graphics/filetypes/vss_20x20px.gif') no-repeat 0px 0px}
.axisFlexIconSmall_xls {background: url('/core/graphics/filetypes/xls_20x20px.gif') no-repeat 0px 0px} 
.axisFlexIconSmall_zip {background: url('/core/graphics/filetypes/zip_20x20px.gif') no-repeat 0px 0px} 

.axisFlexIconSmall_mail {background: url('/core/graphics/filetypes/pdf_20x20px.gif') no-repeat 0px 0px} 

.axisFlexIconExtraSmall_read_more {
	display: block;
	background: url('/core/graphics/readmore_blue.gif') no-repeat 70px 0px;
	width: 90px;
	float:right;
	padding: 0;
	margin-bottom: 10px;
	}

.axisFlexIcon_barcode {background: url('/core/graphics/buttons/28x28px/barcode.gif') no-repeat 0px 0px}
.axisFlexIcon_documents {background: url('/core/graphics/buttons/28x28px/documents.gif') no-repeat 0px 0px}
.axisFlexIcon_gearwheel {background: url('/core/graphics/buttons/28x28px/gear_wheel.gif') no-repeat 0px 0px}
.axisFlexIcon_help {background: url('/core/graphics/buttons/28x28px/help.gif') no-repeat 0px 0px}
.axisFlexIcon_kickback {background: url('/core/graphics/buttons/28x28px/kickback.gif') no-repeat 0px 0px}
.axisFlexIcon_leads {background: url('/core/graphics/buttons/28x28px/leads.gif') no-repeat 0px 0px}
.axisFlexIcon_licens {background: url('/core/graphics/buttons/28x28px/licens.gif') no-repeat 0px 0px}
.axisFlexIcon_logo {background: url('/core/graphics/buttons/28x28px/logo.gif') no-repeat 0px 0px}
.axisFlexIcon_movie {background: url('/core/graphics/buttons/28x28px/movie.gif') no-repeat 0px 0px}
.axisFlexIcon_iv {background: url('/core/graphics/buttons/28x28px/iv.gif') no-repeat 0px 0px}
.axisFlexIcon_profile {background: url('/core/graphics/buttons/28x28px/profile.gif') no-repeat 0px 0px}
.axisFlexIcon_report {background: url('/core/graphics/buttons/28x28px/report.gif') no-repeat 0px 0px}
.axisFlexIcon_resellers {background: url('/core/graphics/buttons/28x28px/resellers.gif') no-repeat 0px 0px}
.axisFlexIcon_rma {background: url('/core/graphics/buttons/28x28px/rma.gif') no-repeat 0px 0px}
.axisFlexIcon_wot {background: url('/core/graphics/buttons/28x28px/wot.gif') no-repeat 0px 0px}
.axisFlexIcon_write {background: url('/core/graphics/buttons/28x28px/write.gif') no-repeat 0px 0px}
.axisFlexIcon_view {background: url('/core/graphics/buttons/28x28px/view.gif') no-repeat 0px 0px}
.axisFlexIcon_vmi {background: url('/core/graphics/buttons/28x28px/vmi.gif') no-repeat 0px 0px}





/*==========================================================================*/
/* axisCom.css                                                              */
/*                                                                          */
/* The style sheet is used on all pages, it imports the other style sheets. */
/* This makes changing style sheet structure easier and the HTML-code       */
/* cleaner.                                                                 */
/*                                                                          */
/* 20061012 Jonas Elmqvist jonase@axis.com                                  */
/* adding comments and reviewing the styles                                 */
/*                                                                          */
/*                                                                          */
/* Axis Classic design                                                      */
/* -----------------------------                                            */
/* In this design paradigm we have styles for .title links etc. A classic   */
/* usage of css styles. Only applied on content and almost no style for     */
/* design.                                                                  */
/*                                                                          */
/* Axis Round design                                                        */
/* -----------------------------                                            */
/* In this design paradigm we added classes for design of the <table> based */
/* round corned boxes. It bases on <table> and blank.gif technique.         */
/*                                                                          */
/* Axis Light design                                                        */
/* -----------------------------                                            */
/* In this design paradigm we rebuild the outer <table> based design an     */
/* converted it to a design a based on <div> and background-images. The     */
/* inner design still was based on <table> technique.                       */
/*                                                                          */
/* Axis Flex design                                                         */
/* -----------------------------                                            */
/* In this design paradigm all tables for layout/design was removed and     */
/* replaced of <div> and background-images. The new design is totally css   */
/* controlled. All main <div> are positioned with css. We have also         */
/* created some fixes of the old classes for better performance. A new      */
/* includes level was implemented in the css folder. The main idea is that  */
/* the design should be easily changed by switching css. Following structure*/
/* for the main divs.                                                       */
/*                                                                          */
/* head                                                                     */
/* body                                                                     */
/* top                                                                      */
/* mainBanner                                                               */
/* subBanner                                                                */
/* mainMenu                                                                 */
/* subMenu                                                                  */
/* mainContent                                                              */
/* subContent                                                               */
/* bottom                                                                   */
/* foot                                                                     */
/*                                                                          */
/*                                                                          */
/*                                                                          */
/*                                                                          */
/* (c) Axis Communications                                                  */
/*==========================================================================*/


/*
AxisCom Layout formatting
*/

html {
	overflow-y: scroll;
}

#axisFlexHead {
/*	background-image: url('/core/graphics/flex/top_border.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 6px;   */
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #888;	
	box-shadow: 1px 1px 30px 2px rgba(136,136,136,0.18);
}

#axisFlexBody {
	background-color: #fff;
	background-image: url('/core/graphics/flex/background_wide_noborder.gif');
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	width: 750px;
	display: block;
	margin-left: auto;
	margin-right: auto;
 	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #888;	
	box-shadow: 1px 1px 30px 2px rgba(136,136,136,0.18); 
}

#axisFlexTop {
	height: auto !important;
	background-color: #fff;
/*	display: block;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	width: 750px;
	height: 46px;
*/	
}

#axisFlexTop .outer{
	/*padding: 3px 10px 10px 7px;*/
	
}

#axisFlexMainBanner {
	/*border-bottom: 0px solid #CCC;*/
	float: right;
	/*display: inline-block;*/
	width: 570px;
	position: relative;
	height: 250px;
} 

#axisFlexMainBanner h2{
	color: #fff;
	margin: 15px;
}

#axisFlexMainBanner h1{
	color: #fff;
	margin: 15px;
}

#axisFlexMainBanner h1{
	font-family: /*'LubalinGraphStd-Book', */'verdana', Tahoma, Geneva, sans-serif;
	font-size: 16px;
}

#axisFlexMainBanner h2{
	font-family: 'AxisFont-Demi', 'verdana', Tahoma, Geneva, sans-serif;
	font-size: 30px;
}

#axisFlexMainBanner .dark {
	color: #978A7E;
}

#axisFlexMainBanner h1.smaller {
	font-size: px;
}

#axisFlexMainBanner h1.smallest {
	font-size: px;
}

#axisFlexMainBanner h2.smaller {
	font-size: px;
}

#axisFlexMainBanner h2.smallest {
	font-size: px;
}

#axisFlexMainBanner .headlinePositionBottom {
	margin-top: 100px;
}

#axisFlexMainBanner a.btn{
	position: absolute;
	bottom: 15px;
	left: 15px;
}

h2.hTag{
	position: absolute;
	left: 0;
/*	top: -300px;*/
	margin: 0;
	padding: 0;
	z-index: 2;
	display: inline;
}

h1.hTag{
	position: absolute;
	left: 0;
/*	top: -300px;*/
	margin: 0;
	padding: 0;
	z-index: 2;
	display: inline;
}

h2.hTag{
	top: 30px;
}

.image_tag{
	position: relative;
	z-index: 10;
}

#axisFlexMainBanner img {
	border: 0px solid red;
}

#axisFlexSubBanner {
	display: none;
	visibility: hidden;
	position: absolute;
} 

#axisFlexMainNav {
	display: block;
	float: left;
	width: 180px;   /* changed from 178px 2013-03-07 */
	padding-right: 0px;
	padding-bottom: 200px; /* fix to make left nav longer, needed since removal of search and newsletter boxes */
/*	min-height: 400px; */
} 
	
#axisFlexSubNav {
	float: left;
	/*display: inline-block;*/
	width: 570px;
	padding-top: 0px;
}	

#axisFlexMainContent {
	/*display: inline-block;*/
	float: left;
	width: 570px;
	padding-top: 15px;
	/*margin-left:1px;*/ /* needed not to overlap left menu by 1 pixel */
} 

#axisFlexSubContent {
	display: none;
	width: 226px;
	
	display: none;
	visibility: hidden;
	position: absolute;
}

#axisFlexBottom {
	display: block;
	height: 10px;  /* adds white space in the bottom of the content area */
	clear: both;
}

#axisFlexFoot {
/*	background-image: url('/core/graphics/flex/bottom_border.gif');
	background-repeat: no-repeat;
	background-position: 0px -5px;
	display: block;
	height: 25px;  */
	width: 750px !important; 
	clear: both;
	margin-left: auto;
	margin-right: auto;	
}
#axisFlexAddress {
/*	width: 725px;  */
}

#axisFlexFoot .outer{
/*	background-image: url('/core/graphics/flex/dotted_vertical.gif');
	background-repeat: no-repeat;
	background-position: 178px -67px;
	padding-top: 10px; */
}

table.axisFlexAccTable {
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}

table.axisFlexAccTable td {
	vertical-align: top;
}

table.axisFlexAccTable td img {
	margin-right: 15px;
}

.mobile_only {
	display:none;
}

/* product lists */
.product-list {
	clear: both;
}
.product-list .content {
	width: 100%;
}

/** table with images */
table.image-list {
	width: 100%;
}
table.image-list td {
	width: 25%;
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 5px;
}
table.image-list .col_names td {
	padding: 0 0 15px 0;
	vertical-align: middle;
}
table.image-list tr.first td {
}
table.image-list img {
	display: block;
	border: none;
	padding-bottom: 10px;
	margin: 0 auto;
}

.product-list .hr {
	margin: 15px;
	border-top: 1px solid #999;
}
.product-list .hr hr {
	display: none;
}
.product-list h4 {
	text-align: center;
	font-size: 13px;
	color: #666;
	margin-bottom: 10px;
	margin-top: 0px;
}

/* need to use #axis.. to override included css */
#axisFlexMainContent .product-list .jumplink {
	clear: both;
	margin-top: 5px !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
/* 	padding-top: 15px; */
/* 	border-top: 1px solid #999; */
	text-align: right;
	font-size: 11px;
}

li.products {
	margin-bottom: 0 !important;
}
li.notitle {
	background: none !important;
}
li.products h4 {
	font-size: 11px;
	margin-top: 0;
	margin-bottom: 8px !important;
/*	margin-bottom: 0 !important; */
	line-height: 1.3;
}
li.products h5 {
	font-size: 11px;
	font-weight: normal;
	margin: 4px 0 8px 0 !important;
	position: relative;
	left: -8px;
}
li.products ul {
	list-style: none !important;
	margin: 0 0 10px 0 !important;
	padding-left: 0 !important;
}
li.products ul li {
	padding-left: 0 !important;
	background: none !important;
}
li.products ul ul li {
	padding-left: 8px !important;
	margin-left: 0 !important;
	background: transparent url(/core/graphics/dash-small.gif) no-repeat 0 7px !important;
	margin-left: 5px !important;
}

/* ------------------------To make product names to stay in one line (Helena) 2014-02-26 ------------------------------------------*/

span.nobreak 
		{
		white-space:nowrap;
		} 



/* ------------------------------ CSS for the new navigation, #sideBarNav, originally from axisComLeftNavCSS.php ------------------------------ */
#sideBarNav li {
	background: none;
	padding: 0;
	margin: 0;
	background-image: url("/core/graphics/sidenav/hex_ffffff_180px_shadowed.png");
	background-repeat: repeat-y;
	font-size: 12px;
	position: relative; /* IE7 hack to cure otherwise disappearing text */
}

#sideBarNav li a{
	display: block;
	padding: 10px 15px 10px 20px;
	border-bottom: 1px solid #f2f2f2;
	border-top: 1px solid #fff;
	text-decoration: none;
	color: #71655b;
}

#sideBarNav li.last {
	border-bottom: 1px solid #fff;
}

#sideBarNav li ul.submenu li.sub-first /*> span a*/{
	background-image: url("/core/graphics/sidenav/hex_f5f4f4_180px_top_shadow.png");
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
	border-top: 0px;
}

#sideBarNav li ul.submenu li.sub-last.active > span a{ 
	/*background: none;*/    /*  should it be used?  */
	background-color: #dfdbd5;	
}

#sideBarNav li ul.submenu li.sub-last > span a:hover{ 
	/*background: none;*/    /*  should it be used?  */
	background-color: #dfdbd5;	
}

#sideBarNav li ul.submenu li.sub-first.active > span a{ 
	/*background: none;*/    /*  should it be used?  */
	background-color: #dfdbd5;	
}

#sideBarNav li ul.submenu li.sub-first > span a:hover{ 
	/*background: none;*/    /*  should it be used?  */
	background-color: #dfdbd5;	
}

#sideBarNav li ul.submenu li.sub-last /*> span a*/{
	background-image: url("/core/graphics/sidenav/hex_f5f4f4_180px_bottom_shadow.png");
	background-position: right bottom;
	border-bottom: 1px solid #e8e7e6;
}

#sideBarNav li.expandable a{
	background-image: url("/core/graphics/sidenav/arrow-expand-transp.png");
	background-repeat: no-repeat;
	background-position: 8px center;
}

#sideBarNav li.expanded > span a{
	background-image: url("/core/graphics/sidenav/arrow-collapse-transp-brown.png");
	background-repeat: no-repeat;
	background-position: 6px center;
	border-bottom: 0px;
}

#sideBarNav li.expanded-active > span a{
	background-image: url("/core/graphics/sidenav/arrow-collapse-transp-brown.png");
}

#sideBarNav li ul.submenu li.active > span{
	background: none;
	background-color: #dfdbd5;
	display: block;
}

#sideBarNav li.active > span{
	background: none;
	background-color: #dfdbd5;
	display: block;
}

#sideBarNav li.active > span a{
	border-top: 1px solid #dfdbd5;
	border-bottom: 1px solid #dfdbd5;
}

#sideBarNav li a:hover{
  background-color: #dfdbd5;
	border-top: 1px solid #dfdbd5;
  border-bottom: 1px solid #dfdbd5;
}

#sideBarNav li.expanded > ul.submenu {
	display: block !important;
}

#sideBarNav li ul.submenu li{
	background-image: url("/core/graphics/sidenav/hex_f5f4f4_180px.png");
}

#sideBarNav li ul.submenu li span {
	/*background-image: none;*/ /* this declaration caused a bug in IE7, so removed on 2013-03-01 */
}

#sideBarNav li ul.submenu li a{
	color: #71655b;
	border-bottom: 0px solid #e3e1df;
	border-top: 0px solid #eeeceb;
}

#sideBarNav ul.submenu li a:hover{
	background-color: #dfdbd5;
	border-bottom: 0px solid #dfdbd5;
	border-top: 0px solid #dfdbd5;
}
 
#sideBarNav ul.submenu li > span a{
	padding: 10px 15px 10px 20px;
	background-position: 8px center;
	color: #69615b !important;
	/*font-weight: bold;*/
}

#sideBarNav ul.submenu li.expanded > span a{
	background-position: 6px center;
}

/* Specific styles for third level submenu */
#sideBarNav ul.level3 li{
	background-image: url("/core/graphics/sidenav/hex_f5f4f4_180px.png");
	border-bottom: 0px;
	border-top: 0px;
}

#sideBarNav ul.level3 li span a {
	padding: 10px 10px 10px 34px;
	font-weight: normal;
	border-bottom: 0px;
	border-top: 0px;
}
#sideBarNav ul.level3 li.has-sub span a {
	background-position: 22px center;
	border-bottom: 0px;
	border-top: 0px;
}

#sideBarNav ul.level3 li.expanded > span a {
	background-position: 20px center;
	border-bottom: 0px;
	border-top: 0px;
}

/* Specific styles for fourth level submenu */
#sideBarNav ul.level4 li span a {
	padding: 2px 12px 4px 50px;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 0px;
	border-top: 0px;
}

#axisFlexFoot{
/*	background-image: url("/core/graphics/backgrounds/bottom_border_gray.png");*/
}

#axisFlexFoot .outer{
	background: none;
}

.display-none{
	display: none;
}

/* Styles for generated product lists */
li.products h5{
	margin: 0;
	left: 0;
}

li.products ul li{
	background-image: url("/core/graphics/sidenav/hex_f5f4f4_180px.png") !important;
	padding-top: 0;
	margin-top: 0;
}

li.products ul li ul li {
    background-image: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

li.products ul{
	  margin-bottom: 0 !important;
	  padding-top: 0;
	margin-top: 0;
}


/* ----------  Grey small square with arrow, next to grey link - added by Marina 2013-09-18  ---------- */  

a.grey_arrow {
	display: inline;
    color: #666666 !important;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 0px 0px 0px 14px;
    
    background-image: url("/core/indexpage/img/arrow.jpg");
    background-position: left center;
    background-repeat: no-repeat;
}
a.grey_arrow:hover {
    color: #82786f !important;
}

/* ----------  Grey small square with arrow, next to grey link END  ---------- */ 



/* ----------  Grey small square with arrow, next to grey link with smaller font size - added by Helena 2013-09-24  ---------- */  

a.grey_arrow_small {
	display: inline;
    color: #666666 !important;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 0px 0px 0px 14px;
    
    background-image: url("/core/indexpage/img/arrow.jpg");
    background-position: left top;
    background-repeat: no-repeat;
}
a.grey_arrow_small:hover {
    color: #82786f !important;
}

/* ----------  Grey small square with arrow, next to grey link with smaller font size END  ---------- */ 



/* ----------  Grey small square with back-arrow, next to grey link - added by Marina 2013-09-18  ---------- */  

a.grey_back_arrow {
	display: inline;
    color: #666666 !important;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 0px 0px 0px 14px;
    
    background-image: url("/core/indexpage/img/back-arrow.jpg");
    background-position: left center;
    background-repeat: no-repeat;
}
a.grey_back_arrow:hover {
    color: #82786f !important;
}

/* ----------  Grey small square with back-arrow, next to grey link END  ---------- */




/* ----------  Grey small square with arrow, next to grey link, different color - added by Marina 2014-02-20  ---------- */  

a.grey_arrow_lighter {
	display: inline;
    color: #82766a !important;
    font-family: Verdana, Helvetica,Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 0px 0px 0px 14px;
    
    background-image: url("/core/indexpage/img/arrow.jpg");
    background-position: left center;
    background-repeat: no-repeat;
}
a.grey_arrow_lighter:hover {
    color: #928c85 !important;
}

/* ----------  Grey small square with arrow, next to grey link, different color END  ---------- */ 




/* ----------  Grey link AREA - added by Marina 2013-10-09  ---------- */  

#greyAreaLink {
			margin: 0px 0px 0px 15px;	
			padding: 0px;
			width: 210px;		
}
#greyAreaLink a {
			font-size: 1.1em;
			font-weight: normal;
			color: #ffffff;
			text-decoration: none;
			margin-left: 15px; 
			font-size: 14px; 
			cursor: pointer; 
			cursor: hand;			
}
#greyAreaLink a:hover {
			text-decoration: underline;
}
#greyAreaLinkFirstColumn {
			background-color: #9f9993; 
			width: 210px; 
			height: 50px;
}
#greyAreaLinkText {
			margin-left:15px;
}
#greyAreaLinkArrow {
			border: none;
			padding-left: 8px;
			margin-bottom: 2px;
			vertical-align: middle; 
}

/* ----------  Grey link AREA with image to the right - added by Marina 2013-10-09  ---------- */  

#greyAreaLinkWithImage {
			margin: 15px;	
			width: 305px;		
}
#greyAreaLinkWithImage a {
			font-size: 1.1em;
			font-weight: normal;
			color: #ffffff;
			text-decoration: none;
			margin-left: 15px; 
			font-size: 14px; 
			line-height: 250%; 
			cursor: pointer; 
			cursor: hand;			
}
#greyAreaLinkWithImage a:hover {
			text-decoration: underline;
}
#greyAreaLinkWithImageFirstColumn {
			float: left; 
			background-color: #9f9993; 
			width: 210px; 
			height: 36px;
}
#greyAreaLinkWithImageText {
			margin-left:15px;
}
#greyAreaLinkWithImageArrow {
			border: none;
			padding-left: 8px;
			margin-bottom: 2px;
			vertical-align: middle; 
}	
#greyAreaLinkWithImageSecondColumn {
			display: block;
}
#greyAreaLinkWithImageImage {
			border: none;
}