/* ------------------------------------------ */
/* CSS StyleSheet - LEGRAND SGM - 25eme Image */
/* ------------------------------------------ */

/** GLOBAL **/
body,html,p,div,span,table,tr,td,label,form,input,button{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:white; font-size:12px;}
html, body { height: 100%; background-color:#282f35;margin:0;padding:0;}
table{ border:0px;}

/** LINKS **/
a:link, a:visited, a:active{ color:#79d1ed; text-decoration:none;}
a:hover{ text-decoration:underline;}

/** GENERIC STYLE **/
h1{ font-size:160%; color:#90c3d3; padding-bottom:4px;}
h2{ font-size:140%; border-bottom:1px solid #90c3d3; padding-bottom:4px;}

/* STYLE BLOCKS */
.sizer{ margin-left:auto; margin-right:auto; width:900px; padding:0 10px 0 10px;}
#topmenu{ height:30px; line-height:30px;}
#logo{ position:absolute; height:200px; width:160px; margin-left:30px;}
#banner{ height:210px; background-color:white;}
#mainmenu{ height:50px; line-height:50px; background-color:black; background-image:url(assets/templates/legrand/images/bg_mainmenu.jpg); background-position:top left; background-repeat:repeat-x;}
#content{ min-height: 100%; height: auto !important; height: 100%; margin: -290px auto -80px;}
#maincontent{}
#breadcrumb{ padding-left:20px;}
#breadcrumb span{ height:30px; line-height:30px;}
#leftcontent{ float:left; width:500px;}
#sidecontent{ float:right; width:370px;}
#bottommenu{ height:80px; background-color:black;}
#botTop{ margin-top:20px;}
#pushTop{ height:290px;}
#pushBot{ height:80px;}
#leftEr{ float:left; margin-top:25px; font-size:11px;}
#rightEr{ float:right; margin-top:25px; text-align:right;}

.col150left{ width:170px; float:left; margin-right:10px;}
.col150{ width:170px; float:right;}
.imgwhite{ border:10px solid white; margin-bottom:6px;}
.img170{ margin-bottom:6px;}

/** NAVIGATION **/
#nav { list-style:none; margin:0; padding:0;}
#nav ul{ margin:0; padding:0;}
#nav li {
	float:left; 
	display:block;
	color:white; 
	font-size:13px; 
	font-weight:normal; 
	height:50px; 
	line-height:50px; 
	margin:0 4px 0 0;
	position:relative;}
#nav li a:link, #nav li a:visited {
	float:left; 
	display:block;
	color:white; 
	font-size:13px; 
	font-weight:normal; 
	height:50px; 
	line-height:50px; 
	padding:0 20px 0 20px;}
#nav li:hover a, #nav li a:hover, #nav li a:active { text-decoration:none; color:#51a0ba;}
#nav li ul {
	margin:0;
	list-style:none;
	display:none;
	position:absolute;
	background-color:black;
	top:50px; padding-bottom:10px;}
#nav li:hover ul {
	display:block;
}
#nav li ul li {
	white-space:nowrap;
	clear:left;
	height:25px; 
	line-height:25px; 
}
#nav li ul li a:link, #nav li ul li a:visited {
	clear:left;
	float:left; 
	display:block;
	color:white; 
	font-size:13px; 
	font-weight:normal; 
	height:25px; 
	line-height:25px; 
	padding:0 20px 0 20px;
	z-index:1000;
}
#nav li ul li:hover a, #nav li ul li a:active, #nav li ul li a:hover {
	clear:left;
	text-decoration:none; color:#51a0ba;
	z-index:1000;
}
                  
.active a{ color:#51a0ba !important;}
.active li a{ color:#FFF !important;}
.active a:hover{ color:#51a0ba !important;}

.sideNav{ display:block; background-color:#50575c; border-bottom:1px solid #899ca3; height:26px; line-height:26px; text-indent:10px;}
.sideNav:hover{ background-color:#FFF; text-decoration:none;color:#1f2327;}

/** NAV BOTTOM **/
#bottomnav{}
#bottomnav ul{ 
	list-style:none;
	margin:0; 
	padding:0;}
#bottomnav ul li{ 
	float:left; display:block; 
	font-size:11px; 
	font-weight:normal; 
	margin:0 4px 0 0;}
#bottomnav ul li a:link, #bottomnav ul li a:active, #bottomnav ul li a:visited{ 
	float:left; display:block; 
	font-size:11px; 
	font-weight:normal; 
	padding:0 6px 0 6px;}
#bottomnav2{}
#bottomnav2 ul{ 
	list-style:none;
	margin:0; 
	padding:0;}
#bottomnav2 ul li{ 
	float:right; display:block; 
	font-size:11px; 
	font-weight:normal; 
	margin:0 4px 0 0;}
#bottomnav2 ul li a:link, #bottomnav2 ul li a:active, #bottomnav2 ul li a:visited{ 
	float:left; display:block; 
	font-size:11px; 
	font-weight:normal; 
	padding:0 6px 0 6px;}

/** NAV TOP **/
#topnav{ margin-left:320px;}
.fixtopnav{ margin-left:0px !important;}
#topnav ul{ 
	list-style:none; 
	margin:0; 
	padding:0;}
#topnav ul li{ 
	float:left; display:block; 
	font-size:11px; 
	font-weight:normal; 
	margin:0 4px 0 0; 
        background-image:url(assets/templates/legrand/images/ico_letter.png); 
        background-position:center left; 
        background-repeat:no-repeat;}
#topnav ul li.last{ background-image:url(assets/templates/legrand/images/ico_map.png);}
#topnav ul li a:link, #topnav ul li a:active, #topnav ul li a:visited{ 
	float:left; display:block; 
	font-size:11px; 
	font-weight:normal; 
	padding:0 6px 0 20px;}

/** FORMS **/
.formular{ margin:5px;}
.formular input[type=text]{ width:340px; margin-top:4px; margin-bottom:4px; padding:3px; color:#000;}
.formular textarea{ width:340px; margin-top:4px; margin-bottom:4px; padding:3px; color:#000;height:200px;}
input{ color:#000;}
.errors{ color:#cc0000; padding-bottom:20px;}

/** GALLERIES **/
#sidecontent ul.thumbs{ margin-left:0px;}
ul.thumbs li a{ display:block; overflow:hidden; width:60px; height:60px; border:5px solid white !important; background-color:black !important;}
ul.thumbs li { overflow:hidden !important; width:110px; height:120px;}
ul.thumbs li p{ width:110px !important;}

/** XTRA **/
#lbCaption, #lbNumber { color:black !important;}