@charset "utf-8";

/* CSS for js panel scroll horizontal in our solution */
#scroller-header a {
	color:#FFF;
	margin:auto;
}

#scroller-header a img {
	margin:auto;
}

#scroller-header a:hover {
	text-decoration:none; 
	
}

a.selected {
	text-decoration:underline !important; 
	color:#2585e0 !important;
}
a.selected img {
	width:100px;
	height:100px;
}

#scroller-header {
	width:150px;
	float:left;

}

#scroller-body {
	/*width:100%;  cause trouble on IE 7 */
	padding:20px 0;
}
#scroller-body h2 {
	margin:0;	
}

#mask {
	width:800px;
	overflow:hidden;
	margin:0 auto;
	padding:0;

}

#panel {

}

#panel div {
	float:left;
}

/* Extra styling for each panel*/

a#panel1 {
}

a#panel2 {
}

a#panel3 {

}

/* I'm using CSS to set the original width/height of the image */
img.resize{
	width:50px;
	height:50px;

}
div.resizebloc{
	padding:10px;
	width:150px;
		text-align:center;
}

h3 {
	margin-top:0;	
}