/*Quick links blocks various
This is the css which covers the various containers in the right column. Each has a slightly different css structure so...
*/
/* These are common to all */
.quick_links{
	width:236px;
	margin-left:30px;
	height:auto;
	background-color:#262626;
	background-image:url('../images/QL_top.jpg');
	background-repeat:no-repeat;
	margin-bottom:7px;
}

.quicklinks_mid{
	padding:0px 13px 0px 13px;
	font-size:10px;
	height:auto;
}
.quicklinks_mid a{
	width:210px;
	text-decoration:none;
	display:block;
	color:#ffffff;
	background-color:#262626;
padding-left:25px;
margin-left:-13px;
font-size:12px;
	padding-top:9px;
	padding-bottom:9px;

}
.quicklinks_mid a:hover, .quicklinks_mid .active, .quicklinks_mid .toplinka{
	background-color:#4d4d4d;
	  	background-image:url('../images/arrow_sm.png');
	background-repeat:no-repeat;
	background-position:13px ;
	
}
.quicklinks_mid a.bottomlinka{
		background-color:#4d4d4d;
	  	background-image:url('../images/arrow_sm.png');
	background-repeat:no-repeat;
	background-position:13px ;
	border-bottom:0px;
	
}
/* this is the image which gives the rounding at the bottom included in every */
.quicklinks_bottom{
		background-image:url('../images/QL_bottom.jpg');
	background-repeat:no-repeat;
	width:236px;
	height:10px;
	background-color:#000000;
	clear:both;

}
/* Standard headings for all boxes */
.quicklinks_mid .Heading{
  	width:223px;
  	margin-left:-13px;
  	padding-left:13px;
	display:block;
	font-weight:bold;
	font-size:14px;	
	color:#ffffff;
padding-bottom:8px;
padding-top:4px; /*Because the top rounding is 10px;*/
border-bottom:1px solid #4d4d4d;
  margin-top:0px;
  margin-bottom:0px;
}
 .toplink{
  padding-top:9px;
  
}

/* Get matrix store */
#get_matrix_store .bottomlink{
  border-bottom:1px solid #4d4d4d;
  padding-top:4.5px;
  padding-bottom:9px;

}
#get_matrix_store .toplink{
	padding-top:9px;
  padding-bottom:4.5px;

}
#get_matrix_store a{
  padding-left:13px;
  padding-right:13px;
}
#get_matrix_store a:hover{
  background-image:none;
}



/* Right Menu */
#rightmenu a{
  padding-bottom:8px;
  border-bottom:1px solid #4d4d4d;
}
#rightmenu a.bottomlink, #rightmenu a.bottomlinka{
  border-bottom:0px;
}


/* Right Menu2 (2 on video page) */
#rightmenu2 a{
  padding-bottom:8px;
  border-bottom:1px solid #4d4d4d;
  padding-left:13px;
  padding-right: 13px;
}
#rightmenu2 a:hover{
	background-image:none;
}
#rightmenu2 a.bottomlink, #rightmenu2 a.bottomlinka{
  border-bottom:0px;

}
#rightmenu2 .default{
	padding-left:13px;
	padding-right:13px;
	margin-left:-13px;
	padding-top:9px;
	padding-bottom:9px;
	border-bottom:1px solid #4d4d4d;
}



/* Get in Touch */
#get_in_touch a{
  padding-left:13px;
  padding-right:13px;
}
#get_in_touch a:hover{
  background-image:none;
}
#get_in_touch p{
  font-size:10px;
 

}


/* Blogbox */
#blog p{
  font-size:12px;
  margin-top:9px;

}
a.rssicon img{
	padding-top:3px;
}
a.rssicon{
	 height:17px; width: 20px; display:inline; 
	margin-right:0px;
	line-height:14px;
	padding-top:3px;
		background-color:transparent;
}
a.rssicon:hover{
	background-color:transparent;
	background-image:none;
}

/* configurator standalone config_store*/
#config_store p{
  /*margin-top:9px;*/
  margin-bottom:9px;
}


/* configurator mid (appears in the get matrixstore) */
.quicklinks_mid .conf_heading{
 border:0px; 
 	width:223px;
  	margin-left:-13px;
  	padding-left:13px;
	display:block;
	font-weight:bold;
	font-size:14px;	
	color:#ffffff;
padding-bottom:8px;
padding-top:14px;
}


















/** configurator form **/
#configure .configbutton{
	 width:71px;
  height:18px;
  border:0px;
  background-color:transparent;
  color:#b3b3b3;
  background-image:url('../images/buttons/configure1.jpg');
  display:inline-block;
  float:left;
  font-size:10px;
  margin:0px;
padding:0px;
padding-top:2px;
background-repeat:no-repeat;
background-position:top left;
text-align:center;
margin-left:10px;
}
#configure .configbutton:hover{
	color:#ffffff;
		 width:71px;
  height:18px;
  border:0px;
  background-color:transparent;
  background-image:url('../images/buttons/configure1.jpg');
  display:inline-block;
  font-size:10px;
  margin:0px;
  float:left;
padding:0px;
padding-top:2px;
background-repeat:no-repeat;
text-align:center;
background-position:top left;
margin-left:10px;
	}


/*.config{
  background-image:url('../images/buttons/btn_configure1.jpg');
  width:71px;
  height:18px;
  border:0px;
  background-color:transparent;
  
	text-decoration:none;
	display:inline-block;
	color:#ffffff;
margin:0px;
padding:0px;

}
.config:hover{
  background-image:url('../images/buttons/btn_configure2.jpg');
  width:71px;
  height:18px;
  border:0px;
  background-color:transparent;
  cursor:hand;
	text-decoration:none;
	display:inline-block;
	color:#ffffff;
margin:0px;
padding:0px;
}*/
fieldset{
  border:0px;
}
#configurator .text{
  width:70px;
border:1px inset #4d4d4d;
  padding:0px;
    float:left;
}
#configurator select{
  margin-left:10px;
  width:40px;
  border:1px inset #4d4d4d;
    float:left;
}

/*/////////////////////////////////////////////////////////*/

#rightmenu3 .toplink{
  padding-top:9px;
  
}

#rightmenu3 a{
  padding-bottom:8px;
  border-bottom:1px solid #4d4d4d;
  padding-left:13px;
  padding-right: 13px;
}
#rightmenu3 a:hover{
	background-image:none;
}

 #rightmenu3 .default{
	width:210px;
	height:79px;
	min-height:79px;
	padding-left:13px;
	padding-right:13px;
	margin-left:-13px;
	padding-top:9px;
	padding-bottom:9px;
	border-bottom:1px solid #4d4d4d;
	position:relative;

}






#rightmenu3 {
width:210px;
float:left;
 text-align:left;
 height:280px;

 z-index:-1;
 margin-top:0px;
}


#rightmenu3 a{
 position: absolute;
  text-decoration: none;
  float:left;
}
#rightmenu3 a img {
  position: absolute;
  visibility: hidden;
  margin-top:-100px;

 
  

}
#rightmenu3  a .tab {
	z-index:100;
  display: block;
  position: absolute;
  padding-left:13px;
padding-right:13px;
font-size:12px;
	padding-top:9px;
	padding-bottom:9px;
	width:210px;
	background-color:#262626;

}

#image1 .tab {
	border-bottom:1px solid #4d4d4d;

}
#image2 .tab {
	border-bottom:1px solid #4d4d4d;

}
#image3 .tab {
	border-bottom:1px solid #4d4d4d;

}


#rightmenu3 a:hover .tab {
  background-color: #4d4d4d;
  color: #FFF;

}
#rightmenu3 #image1:hover img {
  visibility: visible;
  background-color: #EBF8FF;
}

#rightmenu3 #image1 .tab {
  top: 0px;
  left:0px;
}
#rightmenu3 #image2:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rightmenu3 #image2 .tab {
  top: 34px;
left:0px;
}

#rightmenu3 a:hover {
	white-space: normal;
}
#rightmenu3 #image3:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rightmenu3 #image3 .tab {
  top: 68px;
left:0px;
}
#rightmenu3 #image4:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rightmenu3 #image4 .tab {
  top: 102px;
left:0px;
}

/*//////////////////////////////////////////////*/
/*/////////Customer Perspectives////////////////*/


#rightmenu3c .toplink{
  padding-top:9px;
  
}

#rightmenu3c a{
  padding-bottom:8px;
  border-bottom:1px solid #4d4d4d;
  padding-left:13px;
  padding-right: 13px;
}
#rightmenu3c a:hover{
	background-image:none;
}

 #rightmenu3c .default{
	width:210px;
	height:79px;
	min-height:79px;
	padding-left:13px;
	padding-right:13px;
	margin-left:-13px;
	padding-top:9px;
	padding-bottom:9px;
	border-bottom:1px solid #4d4d4d;
	position:relative;

}






#rightmenu3c {
width:210px;
float:left;
 text-align:left;
 height:304px;

 z-index:-1;
 margin-top:0px;
}


#rightmenu3c a{
 position: absolute;
  text-decoration: none;
  float:left;
}
#rightmenu3c a img {
  position: absolute;
  visibility: hidden;
  margin-top:-100px;

 
  

}
#rightmenu3c  a .tab {
	z-index:100;
  display: block;
  position: absolute;
  padding-left:13px;
padding-right:13px;
font-size:12px;
	padding-top:9px;
	padding-bottom:9px;
	width:210px;
	background-color:#262626;

}

#rightmenu3c  #image1 .tab {
	border-bottom:1px solid #4d4d4d;

}
#rightmenu3c #image2 .tab {
	border-bottom:1px solid #4d4d4d;

}
#rightmenu3c #image3 .tab {
	border-bottom:1px solid #4d4d4d;

}
#rightmenu3c #image4 .tab {
	border-bottom:1px solid #4d4d4d;

}

#rightmenu3c a:hover .tab {
  background-color: #4d4d4d;
  color: #FFF;

}
#rightmenu3c #image1:hover img {
  visibility: visible;
  background-color: #EBF8FF;
}

#rightmenu3c #image1 .tab {
  top: 0px;
  left:0px;
}
#rightmenu3c #image2:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rightmenu3c #image2 .tab {
  top: 34px;
left:0px;
}

#rightmenu3c a:hover {
	white-space: normal;
}
#rightmenu3c #image3:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rightmenu3c #image3 .tab {
  top: 68px;
left:0px;
}
#rightmenu3c #image4:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rightmenu3c #image4 .tab {
  top: 102px;
left:0px;
}
#rightmenu3c #image5:hover img {
  visibility: visible;
    background-color: #EBF8FF;
}

#rightmenu3c #image5 .tab {
  top: 136px;
left:0px;
}

