/********author : nicolas carpentier email and facebook : nicolas.p.carpentier@wanadoo.fr ASK for anything***********/

html{
height:100%;
margin : 0 auto;
padding : 0;

}
#wideindex {
width : 920px;
height:auto;
margin:20px;
margin-top:0px;
}

.downloadbutton{
background-image: url(images/Download-icon.png);
background-repeat: no-repeat;
z-index:9999;	
	
background-position-x: 130px;
background-position-y: 10px;
}
.downloadbuttonbatterylookup{
background-repeat: no-repeat;
z-index:9999;	
	
background-position-x: 130px;
background-position-y: 10px;
}


.boxdownloadbatterylookup{
/* float:left; */
/* width: 150px; */
background-color: #444;
list-style-type: none;
text-align: center;
width: 100%;
font-weight: bold;
font-size: 15px;
color: white;
border:none;
cursor:pointer;
height: 40px;
display: block;
webkit-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-moz-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-ms-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-o-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
}
.boxdownloadbatterylookup:hover{
background-color: #ca071d;
}


.boxpresskit{
/* float:left; */
/* width: 150px; */
background-color: #444;
list-style-type: none;
text-align: center;
width: 160px;
font-weight: bold;
font-size: 15px;
color: white;
border:none;
cursor:pointer;
height: 30px;
display: block;
webkit-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-moz-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-ms-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-o-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
}

.boxdownload{
/* float:left; */
/* width: 150px; */
background-color: #444;
list-style-type: none;
text-align: center;
width: 160px;
font-weight: bold;
font-size: 15px;
color: white;
border:none;
cursor:pointer;
height: 40px;
display: block;
padding-right: 40px;
webkit-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-moz-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-ms-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-o-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
}

.inlinepressbatterylookup
{
display: inline-block;
vertical-align:top;
	
margin-top: 50px;
margin-bottom: 50px;
}

.boxpresskit:hover{
background-color: #ca071d;
}
.boxdownload:hover{
background-color: #ca071d;
}
.inlinepress{
display: inline-block;
vertical-align:top;	}
#headercontain{
position:absolute;
top:0px;
height:96px;
width:960px;
margin-left:auto;
margin-right:auto;
}

#sample{
position:absolute;
top:60px;
right:18px;
color:#ccc;
}
.down{margin-bottom:-50px;
}

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; z-index:3; }
.dropdown dd { position:relative;z-index:3; }
.dropdown a, .dropdown a:visited {z-index:3;font-size:0.75em; color:#ccc; font-weight:bold; font-family:"Roboto", Arial, Verdana, sans-serif; text-decoration:none; outline:none;}
.dropdown a:hover { color:#CCC;z-index:3;}
.dropdown dt a:hover { color:#ccc;z-index:3;}
.dropdown dt a {background: url(images/dropdown.png) no-repeat scroll right center; display:block; padding-right:20px;
                        border:1px solid transparent; width:160px; z-index:2;z-index:3;}
        .dropdown dt a span {cursor:pointer; display:block; padding:5px;z-index:3;}
        .dropdown dd ul { background:#333 none repeat scroll 0 0; border:2px solid #222; color:#999; display:none;
                          left:1px; padding:5px 0px; position:absolute; top:-1px; width:auto; min-width:176px; list-style:none; z-index:1; border-radius:5px;}
        .dropdown span.value { display:none;}
        .dropdown dd ul li a { padding:5px; display:block;}
        .dropdown dd ul li a:hover { background-color:#666;}
        .dropdown img.flag { border:none; vertical-align:bottom; margin-left:10px; }



input, textarea, select, option {
 /* background-color:#FFF3F3; */
 /* box-shadow:1px 1px 2px #C0C0C0 inset; */
}
.up{margin-top:-50px;}
.fb3 {
background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

background-clip: border-box;

background-origin: padding-box;

background-size: auto auto;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;


border-top-color: #cccccc;

border-right-color: #cccccc;


border-bottom-color: #cccccc;

border-left-color: #cccccc;

display: inline-block;

outline-width: medium;

outline-style: none;

padding-top: 4px;

padding-right: 4px;

padding-bottom: 4px;

padding-left: 4px;

position: relative;

vertical-align: bottom;

margin-top:10px;
margin-left:15px;
}
.fb3:hover, .fb3:active, .fb3:focus{
border-top-color: #000;

border-right-color: #000;

border-bottom-color: #000;

border-left-color: #000;
}
.fb:hover, .fb:active, .fb:focus{
border-top-color: #000;

border-right-color: #000;

border-bottom-color: #000;

border-left-color: #000;
}

.fb3 {
background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

background-clip: border-box;

background-origin: padding-box;

background-size: auto auto;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;


border-top-color: #cccccc;

border-right-color: #cccccc;


border-bottom-color: #cccccc;

border-left-color: #cccccc;

display: inline-block;

outline-width: medium;

outline-style: none;

padding-top: 2px;

padding-right: 2px;

padding-bottom: 2px;

padding-left: 2px;

position: relative;

vertical-align: bottom;

margin-top:1px;

margin-left:15px;
}
.fb3:hover, .fb3:active, .fb3:focus{
border-top-color: #000;

border-right-color: #000;

border-bottom-color: #000;

border-left-color: #000;
}

body{
/* font : 1.15em Roboto, Arial, Helvetica, sans-serif; */
background:#FCFCFC;
margin : 0 auto;
padding : 0;
width:100%;
}
a:visited{
	text-decoration:none;
}

.bslogo{
margin-top:3px;
z-index:9999;	
}

<!--Links page-->
div.distribution{
width:900px;
height:140px;
margin:0px;
border:solid 1px black;
}

div.flag {
  width:150px;
  height:80px;
  text-align:left;
  float:left;
  margin-right:10%;
 height:100px;
  top:0px;
  position:relative;


}

div.flag p {
align:center;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.flag1 {
  width:150px;
  text-align:left;
  float:left;
  margin-right:10%;
 height:130px;
  margin:10px;

}

div.flag1 p {
align:center;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.partners1{
	margin-left:20%;
	margin-top:50px;
}

div.link1{
	margin-left:100px;
	margin-top:-35px;
  width:320px;
  float:right;
  text-align:center;
  text-decoration:underline;


}
div.link a:hover{
	color:#ffffff;
	background-color:#000000;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	background-size:cover;

}
p.linkintro a{
  text-decoration:underline;
}
p.linkintro a:hover{
	color:#ffffff;
	background-color:#000000;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	background-size:cover;


}
div.link1 a:hover{
	color:#ffffff;
	background-color:#000000;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	background-size:cover;

}

div.partners{width:242px;height:100px;margin:auto;text-align:center;float:left;}


div.partners img{
  top:25%;
  position:relative;

}
div.kayo{
	width:242px;
 height:100px;
 margin:auto;
text-align:center;
float:left;
  top:0%;
  position:relative;
}

div.kayo img{
	position:relative;
	top:0;
}

div.link{
  /* margin-left:100px; */
  height:85px;
  margin:auto;
  /* width:320px; */
  /* float: left; */
  text-align:center;
  text-decoration:underline;
}

div.link a {
	 top:50%;
  position:relative;

}

.intro{
	font-size:1.1em;
	font:"Roboto", Arial, Verdana, sans-serif;
	}



.eicma{
position:absolute;
top:5px;
right:5px;
z-index:5;
}

.eicmaz{
position:absolute;
top:5px;
right:4px;
z-index:9999;
}



#page{
/* background:url(images/bannerbg444.png) repeat-x ; */
/* background-repeat:repeat-x; */
/* margin : 0 auto; */
/* padding : 0; */
/* height:100%; */
/* width:100%; */
/* min-height:750px; */
}

#container {
width:960px;;
height:100%;
position:relative;
background:#ffffff;
margin-left:auto;
margin-right:auto;
background:#fcfcfc;
min-height:750px;

}

.textboxfooter{
padding-left:48px;
padding-right:48px; 
border-right:1px solid white;
float:left;
}

.textboxfooterright{
Font-size:12px;
padding-left:40px;
padding-right:40px; 
float:left;
text-align: center;
padding: 0 0 5px 0;
}

.boxfooter{
/* width:950px; */
/* height:70px; */
margin-left:auto;
margin-right:auto;
margin-top : 10px;
margin-bottom:10px;
text-align:left;
/* font-variant:normal; */
/* font-weight:normal; */
	
	
display: inline-block;
}

#footer {
color: #666
;
/* border-top: 11px solid #ca071d; */
/* width:100%; */

/* background:#444; */
text-align:center;
font-size: 13px;
/* font-variant:normal; */
bottom:0;
/* margin-top:20px; */
font-family: Source Sans Pro;
/* font: caption; */
}

#footer a:hover{
text-decoration:underline;
color:#ca071d;
}

.clear{
	clear:both;
}

ul, ol, dl {
padding : 0;
margin : 0;
}
h2{
	margin:0;
	padding:0;
	font-size: 17px;
	font-weight:bold;

}

h1, h5, h6, p {
margin-top : 0;
padding-right : 10px;
padding-left : 10px;
}
h1 {
font-family:"Roboto", Arial, Verdana, sans-serif
font-size : 1.5em;
}

h3 {
padding : 0;
margin : 0;
	font-size:13px;

}
h4 {
font:"Roboto", Arial, Verdana, sans-serif;
padding : 0;
margin : 0;
}
h5{
	font:"Roboto", Arial, Verdana, sans-serif
	font-weight:bold; 
	text-align:center; 
	color:#FFFFFF; 
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	font-size:16px;
	line-height:16px;
	margin-top:5px;
	
}

h6{
margin-top:5px;
margin-bottom:5px;
font-size:14px;

}

.buttonformbox{
	background: black;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:2px solid #333333;
	/* display:inline-block; */
	color:#ffffff;
	font-family:arial;
	font-size:8px;
	margin-top:-5%;
	margin-left: 2%;
	padding:2px 12px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 1px 1px #000000;
	width:50px;
	height: 50px;;
	/* cursor:pointer; */
	/* float:right; */
	position: relative;
	top: -13px;
	left: 10px;
}.buttonformbox:hover {
	background: #444;
	color:#fff;
		text-shadow:1px 1px 1px 1px #000000;
	cursor:pointer;


}


.buttonforindexbox{
	-moz-box-shadow: 1px 1px 1px 0px #999999;
	-webkit-box-shadow: 1px 1px 1px 0px #999999;

	box-shadow: 1px 1px 1px 0px #999999;
	background: url(../images/template/selection-box-1.png) repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:2px solid #333333;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 24px;
	text-decoration:none;
	text-shadow:1px 1px 1px 1px #000000;
	margin-left:15px;
	margin-top:3px;
	width:135px;
	cursor:pointer;
}.buttonforindexbox:hover {
	background: url(../images/template/selection-box-2.png) repeat-x;
	color:#000000;
		text-shadow:1px 1px 1px 1px #000000;
	cursor:pointer;

}.buttonforindexbox:active {
	position:relative;
	top:1px;
		cursor:pointer;

}





a:hover, a:active, a:focus, a:link, a:visited{text-decoration : none;/* color:inherit; */}
a img {
border : none;
}

.moreabout{
	float:right; margin-top:2px;font-weight:bold; font-size:8px; color: #000000;}


#header {
background-image : url("images/bannerbg444.png");
width : 960px;
margin-left:auto;
margin-right:auto;
height : 96px;
}


.logo  {
width:234px;
height:84px;
margin-top : 8px;
margin-left : 9px;
z-index:9999;
float : left;
}

.picto {
margin : 0px 0px 15px 15px;
float : left;
}

.picto1 {
margin : 0px 0px 12px 13px;
}
#pictos {
Font:"Roboto", Arial, Verdana, sans-serif

font-size:18px;
font-weight:bold;
width: 780px;
height:40px;

float:left;

/* position: absolute; */ 
/* top: 435px; */ 
/* left :83px; */
/* margin: auto; */
margin-left: 100px;
}



#pictohome{
Font:"Roboto", Arial, Verdana, sans-serif;

font-size:18px;
font-weight:bold;
width:930px;
height:75px;

margin-top:10px;
float:left;

}


.motto {
padding-top : 30px;
margin-left : 375px;
font-style : oblique;
font-size : 18px;
float : none;
z-index : 1;
color : #fff;
font-family : "Roboto", Arial, Verdana, sans-serif;
}
#flags {
padding-top : 32px;
}
#filariane{
	height:14px;
	background-color:#fff;
	border-bottom:1px solid #999;
	width:958px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#000;
	padding-left:20px;
	font-weight:lighter;
}

.ariane{
	margin-left:10px;
}
	
#filariane a:hover{
	color:#ca071d;
	text-decoration:underline;
}

	



#left {
width : 300px;
float : right;
margin:10px;
margin-right:20px;
height:auto;

}
#right {
width : 600px;
float : left;
height:auto;
margin:10px;
margin-left:20px;



}
#welcome {
float : left;
width : 400px;
margin-left : 10px;
margin-right : 10px;
margin-top : 10px;
margin-bottom : 10px;
text-align : justify;
}
.welcometext {
margin : 10px;
width : 375px;
font-size : 0.7em;
}
.readmore {
background : url('images/searchbtn.png') repeat-x;
}
.butt1 {
background : url('images/btnbg.png') repeat-x;
color : #cccccc;
font : bold 95% 'trebuchet ms', helvetica, sans-serif;
font-variant : normal;
text-decoration : none;
height : 25px;
position:relative;
top:-10px;
}
.butt1over {
background : url('images/btnbghover.png') repeat-x;
color : #ccc;
font : bold 95% 'trebuchet ms', helvetica, sans-serif;
font-variant : normal;
text-decoration : none;
height : 25px;
position:relative;
top:-10px;
}
.butt1down {
font : bold 95% 'trebuchet ms', helvetica, sans-serif;
font-variant : normal;
color : #fff;
border-top : 2px inset #dce1e9;
border-left : 2px inset #dce1e9;
border-right : 2px inset #dce1e9;
border-bottom : 2px inset #dce1e9;
background :#333;
text-decoration : none;
font : bold 95% 'trebuchet ms', helvetica, sans-serif;
height : 25px;
position:relative;
top:-10px;

}
.butt2 {
color : #ccc;
background : url('images/btnbg.png') repeat-x;
font : bold 95% 'trebuchet ms', helvetica, sans-serif;
font-variant : normal;
text-decoration : none;
height : 30px;
margin-right : 35px;
margin-bottom : 5px;
}
.butt2over {
background : url('images/btnbghover.png') repeat-x;
color : #cccccc;
font : bold 95% 'trebuchet ms', helvetica, sans-serif;
font-variant : normal;
text-decoration : none;
height : 30px;
margin-right : 35px;
margin-bottom : 5px;
}
.butt2down {
font : bold 95% 'trebuchet ms', helvetica, sans-serif;
font-variant : normal;

color : #ccc;
border-top : 2px inset #dce1e9;
border-left : 2px inset #dce1e9;
border-right : 2px inset #dce1e9;
border-bottom : 2px inset #dce1e9;
background : url('images/btnbghover.png') repeat-x;
text-decoration : none;
height : 30px;
margin-right : 35px;
margin-bottom : 5px;
}
.search {
background : url('images/btnbghover.png') repeat-x;
height : 30px;
border-top : 2px outset #dce1e9;
border-left : 2px outset #dce1e9;
border-right : 2px outset #dce1e9;
border-bottom : 2px outset #dce1e9;
}
#npf {
width : 400px;
margin-top : 25px;
float : right;
margin-right : 20px;
}
.npf {
width : 400px;
border : 2px solid #666;
}
.npf visited {
width : 400px;
border : 2px solid #666;
}
.npf a:visited img {
width : 400px;
border : 2px solid #666;
}
#npf a:visited img {
width : 400px;
border : 2px solid #666;
}

#selectiontoolsv1 {
width : 293px;
height:200px;
padding-left:6px;
margin-right : 7px;
margin-top : 20px;
margin-bottom: 40px;

	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

background-image: url(images/bgwideindexboxes.png) ;
background-repeat:repeat-x;
color : #000;
border:1px solid #ffffff;
display : block;
line-height:-15px;
text-align : left;
float:left;
text-decoration : none;
font-size:0.9em;

}

#selectiontoolsv2 {
width :293px;
height:200px;
padding-left:6px;
margin-right : 7px;
margin-top : 20px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

background-image: url(images/bgwideindexboxes.png);
color : #000;
border:1px solid #ffffff;
display : block;
float:left;
line-height:-15px;
text-align : left;
text-decoration : none;
font-size:0.9em;

}


#selectiontoolsv3 {
width :293px;
height:200px;
padding-left:6px;
margin-top:20px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

background-image: url(images/bgwideindexboxes.png);
color : #000;
border:1px solid #ffffff;
display : block;
float:left;
line-height:-15px;
text-align : left;
text-decoration : none;
font-size:0.9em;

}


.btn {
color : #333;
font : bold 100% 'trebuchet ms', helvetica, sans-serif;
font-variant : normal;
background-color : #fff;
height : 25px;
}
table {
/* border-color : white; */
/* border-width : 1px; */
}
/*td {
font-family : Roboto;
font-size : 100%;
color : white;
text-align : center;
background-color : transparent;
border-color : white;
border-style : none;
border-width : 1px;
}
*/


.findus {
margin-right : 20px;
width : 410px;
border : 2px solid #666;
float : right;

margin-top:100px;
}
#carouseltitle {
font-family : "Roboto", Arial, Verdana, sans-serif;
font-variant : normal;
font-weight : bold;
color : #000;
font-size : 16px;
padding : 0;
text-align : center;
}


#promo1{
width:300px;
height:120px;
border : 1px solid #000000;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
margin-top:20px;

}

#promo2{
width:300px;
height:347px;
border : 1px solid #666;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

margin:10px;

}

#promo3{

margin-top:20px;

}

.indexpblocksbottom{

color:#000000; 
float:left; 
width:190px; 
margin-top:10px; 
font-size:0.9em;
}

.indexpblockbottom2{
list-style-type:square; 
float:left; margin-top:-10px; 
margin-bottom:15px; 
font-weight:bold; 
color:#ca071d; 
list-style-position:inside; 
margin-left:5px; 
font-size:0.75em;
}

.indexulottom{
list-style-type:square; 
float:left; margin-top:-10px; 
margin-bottom:15px; 
font-weight:bold; 

color:#ca071d; 
list-style-position:inside; 
margin-left:5px; 
font-size:0.75em;
}




/**********************************************Carousels*/
#carousel1 {
margin-right:10px;
width : 300px;
border : 1px solid #666;
height : 300px;
background : #fff url("carousel%20batteries/carouselbg.png") repeat-x;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#carouselba10{
margin : 10px;
width : 600px;
border : 0px;
margin-top : 45px;
height : 400px;
background : #fff ;
overflow : scroll;
margin-top : 50px;
}




#title-text {
font-family :"Roboto", Arial, Verdana, sans-serif;
font-variant : normal;
font-weight : bold;
color : #fff;
font-size : 0.8em;
padding : 0;
margin : 0;
text-align : center;
}
#alt-text {
font-family : "Roboto", Arial, Verdana, sans-serif;
font-variant : normal;
font-weight : bold;
color : #fff;
font-size : 0.9em;
padding : 0;
margin : 0;
text-align : center;
}

#title-textcharger {
font-family : "Roboto", Arial, Verdana, sans-serif;
font-variant : normal;
font-weight : bold;
color : #000;
font-size : 15px;
margin-left:-10px;
margin-top:380px;
text-align:left;
}
#alt-textcharger {
font-family : "Roboto", Arial, Verdana, sans-serif;
font-variant : normal;
font-weight : bold;
color : #ccc;
font-size : 15px;
padding : 0;
margin : 0;
text-align : center;
}


.carouselRight {
display : none;
background-color : transparent;
background-image : url("carousel%20batteries/rotate-right.png");
background-repeat : repeat;
background-attachment : scroll;
width : 40px;
height : 40px;
background-position : 0% 0%;
}
.carouselRight:hover {
width : 40px;
height : 40px;
background-position : 0% 40px;
cursor : auto;
}


.carouselRight1 {
background-color : transparent;
background-image : url("carousel%20batteries/rotate-right.png");
background-repeat : repeat;
background-attachment : scroll;
width : 40px;
height : 40px;
background-position : 0% 0%;
}
.carouselRight1:hover {
width : 40px;
height : 40px;
background-position : 0% 40px;
cursor : auto;
}


.carouselLeft1 {
background-color : transparent;
background-image : url("carousel%20batteries/rotate-left.png");
background-repeat : repeat;
background-attachment : scroll;
width : 40px;
height : 40px;
background-position : 0% 0%;
}

.carouselLeft1:hover {
width : 40px;
height : 40px;
background-position : 0% 40px;
cursor : auto;
}


.carouselLeft {
display : none;
background-color : transparent;
background-image : url("carousel%20batteries/rotate-left.png");
background-repeat : repeat;
background-attachment : scroll;
width : 40px;
height : 40px;
background-position : 0% 0%;
}

.carouselLeft:hover {
width : 40px;
height : 40px;
background-position : 0% 40px;
cursor : auto;
}

#DivContactFormFX {
width: 600px; margin-left:20px; margin-top:25px; float:left;

}



/**********************************************************************C H A R G E R S**********************************************************************************************/
@font-face {
	font-family: 'concelian';
	 src: url('https://www.bs-battery.com/fonts/concv2l.ttf') format('truetype');
}

#chargerscontainer{
	height:710px;
	width:900px;
	margin:auto;
}

.chargerstypestitle1{
	text-align:center;
	color:#000;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-weight:lighter;
	font-stretch:wider;
}

.chargerstypestitle2{
	margin-left:28px;
	margin-bottom:2px;
	color:#333;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-variant:normal;
	font-size:1.8em;
}

.chargerstypestitle21{
	width:420px;
	height:18px;
	color:#999;
	margin-bottom:20px;
	margin-left:5px;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-size:0.9em;
	color:#000000;
	font-style:oblique;
	text-align:center;
	background-color:#999;
	border:1px transparent;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}


.chargerstypestitle3{
	margin-left:50px;
	margin-bottom:15px;
	color:#333;
	font-family: "concelian", Arial, Helvetica, sans-serif;
	font-size:25px;

	color:#d3222a;
	width:180px;

}

#pictoscontainer{
	margin-top:20px;
	margin-left:5px;
	width:305px;

}



	
#chargerstypeleft{
	width:440px;
	height:700px;
	border:1px solid black;
	margin:auto;
	float:left;
		z-index:2;
	background:url(images/cornermoto.png);
	background-position:top right;
	background-repeat:no-repeat;
		  border-top-left-radius:5px;
		  border-top-right-radius:5px;
		  border-bottom-left-radius:5px;
		  border-bottom-right-radius:5px;
	font-size:0.8em;

}#testerstypeleft{
	width:440px;
	border:1px solid black;
	margin:auto;
	float:left;
		z-index:2;
	background: #fff;
	background-repeat:no-repeat;
		  border-top-left-radius:5px;
		  border-top-right-radius:5px;
		  border-bottom-left-radius:5px;
		  border-bottom-right-radius:5px;
	font-size:0.8em;
	height:418px;

}

	
#chargerstypeleft2{
	width:638px;
	height:700px;
	border:1px solid black;
	margin:auto;
	float:left;
		z-index:2;
	background:url(images/cornermoto.png);
	background-position:top right;
	background-repeat:no-repeat;
		  border-top-left-radius:5px;
		  border-top-right-radius:5px;
		  border-bottom-left-radius:5px;
		  border-bottom-right-radius:5px;
	font-size:0.8em;

}


#chargerstyperight{
	width:440px;
	height:700px;
	border:1px solid #000;
	margin:auto;
	float:right;
			z-index:2;
	background:url(images/cornercar.png);
	background-position:top right;
	background-repeat:no-repeat;
			border-top-left-radius:5px;
		  	border-top-right-radius:5px;
		  	border-bottom-left-radius:5px;
		  	border-bottom-right-radius:5px;
	font-size:0.8em;
}

#testerstyperight{
	width:440px;
	border:1px solid #000;
	margin:auto;
	float:right;
			z-index:2;
	background: #fff;
	background-repeat:no-repeat;
		  border-top-left-radius:5px;
		  border-top-right-radius:5px;
		  border-bottom-left-radius:5px;
		  border-bottom-right-radius:5px;
	font-size:0.8em;
}

	
.chargertype{
	height:120px;
	z-index:5;
	margin-bottom:16px;
	border: 1px dashed #d3222a;  
		  border-top-left-radius:3px;
		  border-top-right-radius:3px;
		  border-bottom-left-radius:3px;
		  border-bottom-right-radius:3px;
	margin-left:10px;
	margin-right:10px;


}

.chargertypebig{
	height:155px;
	z-index:5;
	margin-bottom:16px;
	border: 1px dashed #d3222a;  
		  border-top-left-radius:3px;
		  border-top-right-radius:3px;
		  border-bottom-left-radius:3px;
		  border-bottom-right-radius:3px;
	margin-left:10px;
	margin-right:10px;


}
.chargertypeleft{
	height:120px;
	z-index:5;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:16px;
	border: 1px dashed #d3222a;  
		  border-top-left-radius:3px;
		  border-top-right-radius:3px;
		  border-bottom-left-radius:3px;
		  border-bottom-right-radius:3px;
	
}
.chargertypepic{
	margin-left:8px;
	margin-top:4px;
	float:left;
	
			border: 2px white;
			border-style:hidden; 
		  border-top-left-radius:5px;
		  border-top-right-radius:5px;
		  border-bottom-left-radius:5px;
		  border-bottom-right-radius:5px;

}
#chargertypedesc ul{
	margin-left:20px;
	margin-top:5px;
	float:left;
	
	}
ul .bulletbattery{
	float:left;
	font-size:0.75em;
}
	
.bulletbattery li{	
list-style-image:url('images/pictoschargertypes/bullet-batterybs.png');	
margin-left:10px;
	font-size:0.95em;

}



/**************************************************************************C H A R G E R S **************************************************************/

#chargerleft{
width:638px;
height:100%;
margin-left:10px;
float:left;
}

#chargerright{
width:290px;
margin:10px;
float:left;
height:100%;
}

#chargerref{
	
	width:165px;
	height:90px;
	float:left;
	color:#333;

}

.chargersfeaturespic{
text-align:center;
float:right;
margin-right:15px;
margin-top:-8px;
background:#cccccc;
list-style-type:none;
vertical-align:middle;
top:10px;
left:10px;

}
.chargersfeatures{
	background:#cccccc;
	color:#333;
}

#chargerref h1{
color:#d3222a;
font-size:20px;
}

#chargerpictop{
	width:110px;
	float:left;
	margin:2px;

}

#chargerpictotop{
	width:335px;
	height:127px;
	float:left;
	text-align:center;
	margin-top:10px;
	margin-left:20px;


}
#chargerpictotop1{
	width:335px;
	height:100px;
	float:left;
	text-align:center;
	margin-top:10px;
	margin-left:20px;


}

.padding10{
	padding-right:10px;
}

.padding5{
	padding-right:5px;
}
.padding4{
	padding-right:4px;
}
.padding2{
	padding-right:0px;
}

.margintop10{
	margin-top:5px;
}


.chargerstypestitle22{
	width:330px;
	color:#333;
	margin-bottom:1px;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-size:0.70em;
		color:#000000;
	font-style:italic;
	text-align:center;
	background-color:#cccccc;
	border:1px transparent;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#chargermotto{
	color:#333;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-size:12px;
    float:left;
	width:635px;
	height:40px;
	text-align:center;
	margin-left:-5px;
	margin-top:10px;
	font-weight:bold;
	
}


#chargerselectiontools{
	width:280px;
	height:150px;
	margin:10px;
}

#mainfeatures{
	margin-top:25px;
}

.chargerstypestitle23{
	width:258px;
	margin:10px;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-size:15px;
	color:#000;
	font-weight:bolder;
	font-variant: normal;
	text-align:left;
	background-color:#cccccc;
	border : 2px solid #666;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

.chargerstypestitle24{
	width:276px;
	margin-top:80px;
	margin-left:10px;
	vertical-align:central;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-size:15px;
	color:#000;
	font-weight:bolder;
	font-variant: normal;
	text-align:left;
	background-color:#868686;
	border : 2px solid #666;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

.chargerstypestitle25{
	width:276px;
	margin-top:40px;
	margin-left:10px;
	vertical-align:central;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:bolder;
	font-variant: normal;
	text-align:left;
	background-color:#868686;
	border : 2px solid #666;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
.chargerstypestitle27{
	width:276px;
	margin-top:10px;
	margin-left:10px;
	vertical-align:central;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:bolder;
	font-variant: normal;
	text-align:left;
	background-color:#868686;
	border : 2px solid #666;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

.batterytypesFSGallery{
	width:276px;
	margin-top:40px;
	margin-left:10px;
	vertical-align:central;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-size:15px;
	color:#000;
	font-weight:bolder;
	font-variant: normal;
	text-align:left;
	background-color:#868686;
	border : 2px solid #666;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
.batterytypesFSGalleryconv{
	width:300px;
	margin-top:40px;
	margin-left:10px;
	vertical-align:central;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-size:15px;
	color:#000;
	font-weight:bolder;
	font-variant: normal;
	text-align:left;
	background-color:#868686;
	border : 2px solid #666;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

#chargerselectiontool{
height:130px;
background-color : #cccccc;
font-size : 0.7em;
padding : 5px;
border : 2px solid #666;

border-top-left-radius:3px;
		  border-top-right-radius:3px;
		  border-bottom-left-radius:3px;
		  border-bottom-right-radius:3px;
}



.liselected{
background:#d3222a;
margin-right:6px;
width:148px;
border-top-left-radius:5px;
border-top-right-radius:5px;
color : #ffffff;
margin-bottom:15px;


}

.unselected{
background : #cccccc;
margin-right:6px;
margin-bottom:2px;
width:148px;
border-top-left-radius:5px;
border-top-right-radius:5px;


}
/*******************************************************The Table Results******************************************************************************/
#chargertab ul{
list-style:none;
margin : 0;
padding : 0;
float:left;
}
#chargertab1 ul{
list-style:none;
margin : 0;
padding : 0;
float:left;
}
#chargertab {
	width:640px;
	height:20px;
	margin-bottom:2px;
	float:left;

}

#chargertab1 {
	width:640px;
	height:20px;
	margin-bottom:2px;
	float:left;
	margin-top:27px;

}



#chargertab ul li {
display:inline-block;
width:148px;
text-align:center;
}
#chargertab1 ul li {
display:inline-block;
width:148px;
text-align:center;
}
#chargertab ul li a {
border : 1px solid #666;
border-top-left-radius:5px;
border-top-right-radius:5px;
display:inline-block;
font-weight : normal;
font-variant : normal;
margin : 0;
text-align : center;
text-decoration : none;
width:147px;

}
#chargertab1 ul li a {
border : 1px solid #666;
border-top-left-radius:5px;
border-top-right-radius:5px;
display:inline-block;
font-weight : normal;
font-variant : normal;
margin : 0;
text-align : center;
text-decoration : none;
width:147px;

}
#chargertab ul li a:hover, #chargertab ul li:hover a {
background : #d3222a;
color : #ffffff;
text-decoration:none;
display:inline-block;
width:147px;

}
#chargertab1 ul li a:hover, #chargertab ul li:hover a {
background : #d3222a;
color : #ffffff;
text-decoration:none;
display:inline-block;
width:147px;

}
.features{
	list-style-image:url(images/pictoschargertypes/bullet-batterybs.png);
	list-style-position:inside;
	background:#fff;
	color:#333;
	padding:7px;
	font-weight:bold;
	height:100%;
	font-size: 0.95em;
}

.features44{
	list-style-image:url(images/pictoschargertypes/bullet-batterybs.png);
	list-style-position:inside;
	background:#fff;
	color:#333;
	padding:7px;
	height:100%;
	font-size:0.93em;
}

.features9{
	list-style-image:url(images/pictoschargertypes/bullet-batterybs.png);
	list-style-position:inside;
	background:#fff;
	color:#000000;
	margin-left:50px;
	font-weight:bold;
	height:auto;
	font-size:1em;
}


.features4{
		width:580px;
		margin-right:200px;
}


.features2{
	list-style-position:outside;
	list-style-type:none;
	background:#fff;
	color:#333;
	padding-bottom:5px;
	padding-right:5px;
	font-size:0.9em;
	padding-left:30px;
	font-variant:normal;

}

.features3{
	background:#fff;
	color:#333;
	font-size:0.8em;
	float:right;
	text-align:right;
	padding-right:200px;
}


.features5{

	list-style-image:url(images/pictoschargertypes/bullet-batterybs1.png);
	margin-left:60px;
	background:#fff;
	color:#333;
	height:auto;
	

	/* font-size:0.65em; */

}

.features6{
	list-style-image:url(images/pictoschargertypes/bullet-batterybs1.png);
	margin-left:90px;
	background:#fff;
	color:#333;
	height:auto;
	font-size:0.65em;

}




.featuresgrey{
	list-style-image: url(images/pictoschargertypes/bullet-batterybs.png);
	list-style-position:inside;
	background:#cccccc;
	color:#333;
	padding:7px;
	font-weight:bold;
	font-size:0.8em;
	height:100%;

}

.featuresgrey2{
	list-style-position:outside;
	list-style-type:none;
	background:#cccccc;
	color:#333;
	padding-bottom:5px;
	padding-right:5px;
	font-size:0.85em;
	padding-left:30px;
	font-variant:normal; 

}


.featuresgrey3{
	background:#ccc;
	color:#333;
	font-size:0.8em;
	float:right;
	padding-right:200px;

}


#chargertable{
	width:630px;
	height:auto;
	border:1px solid #333;
	margin-top:1px;
	float:left;
	background:#FFFFFF;
	
}
	

#chargerfeatures{
	background:#ffffff;
}

.chargersinline ul li{display:inline-block;}

#chargerpagead{
margin-top:20px;
font-size:0.6em;
}
#chargerpagecarousel{
	width:280px;
	height:187px;

	border : 2px solid #666;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	margin:10px;
	padding-bottom:-50px;

}

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}



.pubcharger{
	margin:10px;
	margin-top:30px;
	width:280px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

}

#anyclasscontainer{
	
	padding-top: 10px;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 20px;

margin-left: 10px;

position: relative;
overflow:hidden;
clear:right;
width:550px;
margin-left:50px;
height:400px;



}
.anyClass{
width:500px;
height:350px;	
float: left;

background-color: #fff;

position: relative;

visibility: hidden;

left: -5000px;
}
 
.check{
	list-style-image:url(images/Check.png);
	list-style-position:inside;
	padding-left:10px;
	font-size:0.8em;
	font-weight:bold;
color: #333333;
text-indent:20px;
}

#DivMediaSlideshowFX{
height:300px;
width:600px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

}

/******************************************************************************Podium***********************************************************************************/

#contentzorrito{ 
position:relative; 
width:580px; 
height:500px; 
top:10px;
left:10px; 
overflow:hidden; 
border:5px solid #C7C7C7; 
background: url(chargers/charger-results/images/podium2.png) no-repeat #FFF;
background-position:bottom; 
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

} 

#nuage1{ 
position:absolute; 
top:-140px; /*en dehors de l'image pour le faire apparaitre de haut en bas*/ 
left:80px; 
z-index:1;
}

#nuage2{ 
position:absolute; 
top:232px; 
right:-440px;
z-index:2;

} 

#zorrito{ 
position:absolute; 
top:200px; 
left:-440px;
z-index:2;

} 

#zorritostudio{ 
position:absolute; 
top:-150px; 
left:230px;
z-index:2;

} 

/*********************************************************************Results page***********************************************************************************/





.battery_table_img{

float:right;
margin-top:75px;
margin-right:30px;
}

table .battery_table_right{
margin-left:-15px;
}
table .battery_table_left{
margin-right:-20px;
}


#pictosv1{
	width:285px;
	float: right;
	font-size:0.8em;
	margin-top:20px;
	margin-right:20px;
	text-align:left;
	padding-left:5px;
}

#imageambiance{
	width:280px;
	float: right;
	margin-top:10px;
	margin-right:20px;
	height:auto;
}

.ambiance {
		border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
margin-bottom:50px;
}



#descriptionapp{
	width:600px;
	margin-top:30px;
	font-size:1.2em;
}

#picsbatterytypes{
width:600px;
height:170px;
margin-top:40px;
margin-bottom:40px;
}


#slatype > a > img {
    width: 200px;
}
#slatype{
	width:200px;
	text-align:center;
	float:left;

}
#mftype{
	width:200px;
	text-align:center;
	float:left;
}
#mftype > a > img {
    width: 200px;
}
#convtype{
	width:200px;
	text-align:center;
	float:left;
}
#convtype > a > img {
    width: 200px;
}
#tech{
width:600px;
height:auto;
padding:20px;
font-size:0.8em;
}

#chargeraccpagead{
width:280px;
height:80px;
font-size:0.6em;
display:block;
margin-top:20px;
margin-left:10px;
}


/***************************Sitemap*********************************/
#cont tr{
color:#000000;
text-align:left;

}

.lpage{
	list-style-type:circle;
	list-style-position:inside	
}

.lhead {
background-color:#fff;
padding:3px;
font-weight:bold;
font-size:16px;
}

.lcount {
background-color:#00AEEF;
color:#fff;
padding:2px;
margin:2px;
font:bold 12px Roboto;
}

.comingsoon{

position: absolute;
top:30%;
left:30%;
}


#formula tr{
color:#000000;
border:none;
font-size:9px;
}
#formula table{
border:none;
font-size:9px;
}
#formula td{
border:none;
font-size:9px;
}


.comingsoonabout{
position:absolute;
top:800px;
left:250px;
width:20%;

}

#aboutbstable{
	width:600px;
	height:auto;
	margin-top:3px;
	
}

#carouselabout{
margin : 10px;
width : 550px;
height:550px;
border : 0px;
background : #fff ;

}

#title-textcharger-about {
	font:Roboto,arial,helvetica,sans-serif;
font-variant : normal;
font-weight : bold;
color : #000;
font-size : 15px;
margin-left:-10px;
margin-top:400px;
text-align:left;
}


.featuresfaq{
	list-style-image:url(images/pictoschargertypes/bullet-batterybs.png);
	list-style-position:inside;
	background:#999;
	border:1px solid black;
	font-variant:normal;
	font:Roboto,arial,helvetica,sans-serif;
	color:#000;
	padding:7px;
	font-weight:bold;
	height:100%;
	font-size:0.9em;
	width:593px;
}
.featuresfaq5{
	margin-left:60px;
	background:#fff;
		font:Roboto,arial,helvetica,sans-serif

	color:#000;
	height:auto;
	font-size:0.75em;

}

.pictocross{
margin-left:135px;
}

.fb {
background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

background-clip: border-box;

background-origin: padding-box;

background-size: auto auto;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;


border-top-color: #cccccc;

border-right-color: #cccccc;


border-bottom-color: #cccccc;

border-left-color: #cccccc;

display: inline-block;

outline-width: medium;

outline-style: none;

padding-top: 4px;

padding-right: 4px;

padding-bottom: 4px;

padding-left: 4px;

position: relative;

vertical-align: bottom;

margin-top:10px;
margin-right:15px;


}

.fb2 {
background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

background-clip: border-box;

background-origin: padding-box;

background-size: auto auto;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;


border-top-color: #cccccc;

border-right-color: #cccccc;


border-bottom-color: #cccccc;

border-left-color: #cccccc;

display: inline-block;

outline-width: medium;

outline-style: none;

padding-top: 4px;

padding-right: 4px;

padding-bottom: 4px;

padding-left: 4px;

position: relative;

vertical-align: bottom;

margin-top:10px;
margin-left:15px;
}
.fb2:hover, .fb2:active, .fb2:focus{
border-top-color: #000;

border-right-color: #000;

border-bottom-color: #000;

border-left-color: #000;
}
.fb:hover, .fb:active, .fb:focus{
border-top-color: #000;

border-right-color: #000;

border-bottom-color: #000;

border-left-color: #000;
}

#leftype{
width:280px;
float:left;
}

#rightype{
width:280px;
float:right;
}

.chargerstypestitle26{
	width:276px;
	margin-left:10px;
	vertical-align:central;
	font-family:"Roboto", Arial, Verdana, sans-serif;
	font-size:15px;
	color:#000;
	font-weight:bolder;
	font-variant: normal;
	background-color:#868686;
	border : 2px solid #666;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	float:right;
}

.pdf-type{
	font-family:"Roboto", Arial, Verdana, sans-serif;
	color:#000;
    font-size:1em;
	font-variant: normal;
	text-align:left;
	font-weight:bold;
}
.pdf-type a:hover{
	font-weight:bold;
	color:#ca071d;
    font-size:1em;
	font-variant: normal;
	text-align:left;
	font-weight:bold;
}

#login{
	-moz-box-shadow: 10px 10px 5px px #656565;
-webkit-box-shadow: 10px 10px 5px px #656565;
-o-box-shadow: 10px 10px 5px px #656565;
box-shadow: 10px 10px 5px px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	}
	
div.bottombox1 {
position: absolute;
top: 530px;
left: 210px;
}
div.topbox1 {
position: absolute;
top: 610px;
left: 180px;
}
div.topbox2 {
position: absolute;
top: 530px;
left: 522px;
}
div.bottombox2 {
position: absolute;
top: 610px;
left: 490px;
}
div.topbox3 {
position: absolute;
top: 530px;
right: 25px;
}
div.bottombox3 {
position: absolute;
top: 610px;
right: 30px;
}

.boxheader{
height: 30px;
width: 300px;
background-color: #ca071d;
color: white;
text-align: center;
vertical-align: middle;
line-height: 30px;
font-size: 22px;
font-weight:100;
}

.boxpic {
width: 120px;
height: 120px;
-moz-box-shadow: 2px 2px 5px 0px #999999;
-webkit-box-shadow: 2px 2px 5px 0px #999999;
-o-box-shadow: 2px 2px 5px 0px #999999;
box-shadow: 2px 2px 5px 0px #999999;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
float:left;
border:1px solid #999;margin-top:10px;
}
img.boxshadow {
width: 110px;
margin-left:5px;
}
.boxtext {
font-size: 15px;
margin-top: 10px;
width: 160px;
/* padding: 5px; */
float: right;
}div#box1 {
width: 300px;
height: 280px;
float:left;
}div#box2 {
width: 300px;
height: 280px;
margin-left:10px;
float:left;

}div#box3 {
width: 300px;
height: 280px;
margin-left:10px;
float:left;

}
.actionbuttonbox{
	
	width: 168px;
height: 30px;
line-height: 30px;
background-color: black;
color: white;
float: right;
text-align: center;
margin-top: 20px;

font-weight:100;
font-size: 15px;
webkit-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-moz-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-ms-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-o-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;

}
.actionbuttonbox:hover{
background-color:#ca071d;
}
li.boxesfooter:hover{
background-color:#ca071d;
}

 ul.boxesfooter{
	 display: inline-block;
display:inline-flex;
background-color: #444;
color: white;
font-weight:100;

}

div.boxesfooter{
	margin-top:20px;
	}
ul li.boxesfooter{
webkit-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-moz-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-ms-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-o-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
display: inline-block;
width: 149px;
text-align: center;
border-right: 1px solid white;
height: 30px;
line-height:30px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	 ul.boxesfooter{
		 display: run-in;
background-color: #444;
color: white;
font-weight:100;

}

	
	
li.boxesfooter{
float:left;
width: 150px;
background-color: #444;
}
}

.desccatalogs {
text-align: center;
font-size: 15px;
padding: 30px 0 0 0;
}
.boxscontainer {
width: 920px;
margin: 20px auto;
}

@font-face {
    font-family: 'Roboto';
    src: url('https://www.bs-battery.com/roboto/Roboto-Regular-webfont.eot');
    src: url('https://www.bs-battery.com/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.bs-battery.com/roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('https://www.bs-battery.com/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('https://www.bs-battery.com/roboto/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('https://www.bs-battery.com/roboto/Roboto-Italic-webfont.eot');
    src: url('https://www.bs-battery.com/roboto/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.bs-battery.com/roboto/Roboto-Italic-webfont.woff') format('woff'),
         url('https://www.bs-battery.com/roboto/Roboto-Italic-webfont.ttf') format('truetype'),
         url('https://www.bs-battery.com/roboto/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('https://www.bs-battery.com/roboto/Roboto-Bold-webfont.eot');
    src: url('https://www.bs-battery.com/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.bs-battery.com/roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('https://www.bs-battery.com/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
         url('https://www.bs-battery.com/roboto/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('https://www.bs-battery.com/roboto/Roboto-BoldItalic-webfont.eot');
    src: url('https://www.bs-battery.com/roboto/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.bs-battery.com/roboto/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('https://www.bs-battery.com/roboto/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('https://www.bs-battery.com/roboto/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('https://www.bs-battery.com/roboto/Roboto-Thin-webfont.eot');
    src: url('https://www.bs-battery.com/roboto/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.bs-battery.com/roboto/Roboto-Thin-webfont.woff') format('woff'),
         url('https://www.bs-battery.com/roboto/Roboto-Thin-webfont.ttf') format('truetype'),
         url('https://www.bs-battery.com/roboto/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: 200;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('https://www.bs-battery.com/roboto/Roboto-ThinItalic-webfont.eot');
    src: url('https://www.bs-battery.com/roboto/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.bs-battery.com/roboto/Roboto-ThinItalic-webfont.woff') format('woff'),
         url('https://www.bs-battery.com/roboto/Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('https://www.bs-battery.com/roboto/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). 
    font-weight: 200;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto light';
    src: url('https://www.bs-battery.com/roboto/Roboto-Light-webfont.eot');
    src: url('https://www.bs-battery.com/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.bs-battery.com/roboto/Roboto-Light-webfont.woff') format('woff'),
         url('https://www.bs-battery.com/roboto/Roboto-Light-webfont.ttf') format('truetype'),
         url('https://www.bs-battery.com/roboto/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: 100;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('https://www.bs-battery.com/roboto/Roboto-LightItalic-webfont.eot');
    src: url('https://www.bs-battery.com/roboto/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.bs-battery.com/roboto/Roboto-LightItalic-webfont.woff') format('woff'),
         url('https://www.bs-battery.com/roboto/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('https://www.bs-battery.com/roboto/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('https://www.bs-battery.com/roboto/Roboto-Medium-webfont.eot');
    src: url('https://www.bs-battery.com/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.bs-battery.com/roboto/Roboto-Medium-webfont.woff') format('woff'),
         url('https://www.bs-battery.com/roboto/Roboto-Medium-webfont.ttf') format('truetype'),
         url('https://www.bs-battery.com/roboto/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: 300;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('https://www.bs-battery.com/roboto/Roboto-MediumItalic-webfont.eot');
    src: url('https://www.bs-battery.com/roboto/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.bs-battery.com/roboto/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('https://www.bs-battery.com/roboto/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('https://www.bs-battery.com/roboto/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

.batterylookup{
background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

background-clip: border-box;

background-origin: padding-box;

background-size: auto auto;

/* border-top-width: 1px; */

/* border-right-width: 1px; */

/* border-bottom-width: 1px; */

/* border-left-width: 1px; */

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;


border-top-color: #cccccc;

border-right-color: #cccccc;


border-bottom-color: #cccccc;

border-left-color: #cccccc;

display: inline-block;

outline-width: medium;

outline-style: none;

padding-top: 4px;

padding-right: 4px;

padding-bottom: 4px;

padding-left: 4px;

position: relative;

vertical-align: bottom;

height: 163px;

margin-top:10px;
/* margin-right:15px; */


}

.actionbuttonbox2{
	
	width: 310px;

	/* height: 30px; */

	line-height: 50px;

	background-color: rgb(157, 156, 156);
color: white;
float: right;
text-align: center;
margin-top: 20px;

font-weight:100;

	font-size: 18px;
webkit-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-moz-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-ms-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
-o-transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;
transition: background-color .5s ease, border .5s ease, color .5s ease, opacity .5s ease-in-out;

}
.actionbuttonbox2:hover{
background-color:#ca071d;
}