html{
   margin: 0px;
   padding: 0px;
   outline: 0px;
   height: 100%;
}

body * {
color: #8798a7;
font-family: Arial;
margin: 0;
padding: 0;
}

body
{
margin: 0px auto;
width: 1000px;
/*margin: 2% 0 0 0;*/
/*background-color: silver;*/
/*background-repeat: repeat-x;*/
padding: 0px;
height: 100%;
outline: 0px;
background: url("images/column.jpg") repeat-y center;
behavior: url("css/csshover.htc");
}

#container{
/*background-color: #8798a7;*/
width: 1000px;
padding: 0px;
height:100%;
}

#bmenu
{
	float: right;
	padding: 0;
	margin: 10px 0 0 0;
	/*margin-left:300px;*/
	z-index: 100;
	right: 0px;
	width: 780px;
}

a img {border: 0;}

h1{
margin-left: 300px;
font-family: Arial;
}

h2{
font: 20px bold black;
font-family: Arial;
}

.title{
display: block;
width: 150px;
padding: 0 2px 0 2px;
font-size: 16px;
float: right;
position: relative;
left: -115px;
top: 45px;
margin-bottom: 18px;
}

#central > .title{
left: -115px;
top: 22px;
margin-bottom: 18px;
}

h6{
position: relative;
display: block;
top: 60px;
margin-top:0;
margin-left: 10px;
margin-bottom:5px;
float: left;
clear:right;
font-size: 12px;
width: 250px;
font-family: Arial;
}

#central > h6{
display: block;
top:0px;
margin-top:0;
margin-left: 10px;
margin-bottom:5px;
float: left;
clear:right;
font-size: 12px;
width: 250px;
font-family: Arial;
}


#main{
margin: 0 0 0 180px;
}


#bvbar{
display: block;
width: 170px;
min-height: 700px;
height: 100%;
float: left;
padding: 90px 17px 0px 18px;
background-color: #bbe905;
/*border: 1px solid black;*/
margin: 0;
text-align: center;
}

#container > #bvbar {
padding: 90px 10px 0px 25px;
}


#bvbar table{
margin: auto;
position: static;
/*border: 3px solid red;*/
}


#bvbar td{
/*padding: 0px 10px 15px 10px;*/
height: 110px;
}

#bvbar .trigger{
display: block;
width: 70px;
height: 70px;
background-repeat: no-repeat;
background-position: -70px 0px;
}

#bvbar .trigger:hover, #bvbar .trigger.sfhover{
background-position: 0px 0px;
}


#showcase{
position: relative;
top:30px;
right: 0px;
/*background-color: silver;*/
width: 780px;
display: block;
margin: 0;
float: right;
z-index: 10;
padding: 0px;
}


.panes > #showcase{
position: relative;
top:28px;
right: 30px;
width: 750px;
display: block;
margin: 0;
float: right;
z-index: 10;
padding: 0px;
}

#central{
margin: 50px 0 0 0;
z-index: 10;
padding: 0px 0px 0px 10px;
}

#bw{
display: block;
height: 400px;
float: left;
text-align: left;
list-style-image: none;
position: relative;
top: 67px;
/*left: -200px;*/
left: 20px;
}

div > #bw {
 top: 25px;
 left: 70px;
 margin: 37px 0 0 -50px;
}

#bw li{
display: block;
width:200px;
height: 400px;
float: left;
clear: right;
}

div > #bw li{
display: block;
float: left;
/*clear: left;*/
width:200px;
height: 400px;
}

#bw li a{
display: block;
float: right;
clear: left;
width:199px;
height: 400px;
background-position: -200px 0px;
}

#bw li a:hover, #bw li a.sfhover{
background-position: 0px 0px;
}

#central ul{
display: block;
float:left;
clear: right;
}

#central > ul{
display: block;
float:left;
clear: right;
list-style: url('images/dot.png'); 
}



.product_description {
position: relative;
top: 50px;
/*background-color: #e6e6e6;*/
position: relative;
padding: auto;
padding-left:20px;
margin: 0px 0px 0px 10px;
}

#central > div > .product_description {
position: relative;
top: 5px;
/*background-color: #e6e6e6;*/
position: relative;
padding: 0px 0px 0px 20px;
margin: 0px 0px 10px 10px;
}

.product_description li{
font-size: 11px;
margin: 0;
padding: 0 0 0 0;
width: 200px;
}

.product_description > li{
font-size: 11px;
margin: 0;
padding: 0;
width: 200px;
background: url('');
}

.ctrl{
position: relative;
top: 40px;
/*clear:both;*/
float: left;	
display: block;
/*height: 130px;*/
/*width:100%;
left: 50%;*/
margin: 20px 0 0 18px;
background-color: white;
z-index: 1;
}


#central > .ctrl{
position: relative;
/*clear:both;*/
float: left;	
display: block;
/*height: 130px;*/
/*width:100%;
left: 50%;*/
margin: 20px 0 0 18px;
z-index: 1;
}

#central > .ctrl {
margin: 20px 0 0 25px;
}

.mini_product{
margin-top: 8px;
z-index: 10;
}


.img_product {
/*height: 400px;*/
margin: 0px 0 0 33px;
padding: 0;
background-color: red;
}

.img_product img{
/*max-width: 600px;
max-height: 360px;*/
display:block;
outline: none;
border: none;
float:left;
margin: 64px 0 0px 0px;
cursor: pointer;
z-index: 1;
}

.img_product > a > img{
margin: 43px 0 0px 0px;
}


	
.img_product .zoom2{
display:block;
z-index: 100;
cursor: pointer;
border:2px solid #a8b4bc;
}


#spec_sheet{
float: left;
display: block;
width: 112px;
height: 25px;
margin:0px 0px 0 10px;
background-image: url('images/download.png');
background-repeat: no-repeat;
background-position: -112px 0px;
vertical-align: bottom;
outline: none;
}

#spec_sheet:hover, #spec_sheet.sfhover{
background-position: 0px 0px;
}

#catalog{
float: left;
clear: right;
display: block;
padding: 0px;
margin: 0px;
outline: none;
width: 60px;
}



#catalog div{
/*padding-top:45px;*/
/*margin:0 0 0 10px;*/
background-position:-45px 0px;
outline: none;
}

#catalog div:hover, #catalog div.sfhover{
/*padding-top:45px;*/
background-position:0px 0px;
}

#footer{
width: 690px;
position: relative;
/*left: 50%;
margin: 0 0 0px -270px;*/
left: 40px;
?top: 80px;
margin:20px 0 0 0 ;
padding: 0;
z-index:0;
}

div > #footer{
/*display: bloc;
background-color: red;
width: 780px;
text-align: justify;
vertical-align: bottom;
top: 300px;*/
position: fixed;
left: 50%;
top: auto;
margin: 0 0 0px -270px;
bottom: 0px;
padding: 0;
z-index:0;
/*padding: 0px;
margin: 20px 0 0 0;
z-index: 0;*/
/*left: 150px;*/
}

.mass{
display: block;
width: 780px;
height: 10px;
clear:both;
}

